/* Style Sheet for WDTLL.NET */

body {
/*	background: url(../images/diamondback.jpg) #669933; */
	background:	url(../images/grass_bg.jpg);
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	font-style: normal;
	margin: 10px 0px 0px 0px;
}

/* Content Container */

.messagePreviewBox {
	border: solid 1px #0000ff;
}

caption {
	font-weight: bold;
	font-size: 12pt;
}

h3.announce {
	font-size: 16pt;
	color: #ff0000;
	font-weight: bold;
}

p.announce {
	font-size: 13pt;
	color: #ff0000;
	font-weight: bold;
}

.centered {
	text-align: center;
}

.superscript {
	font-size: 80%;
}

#contentContainer {
	background-color: #ffffff;
	border: 1px solid #0000ff;
	text-align: left;
	width: 900px;
}

/* Top Banner with League Name */

#leftLeagueBanner {
	background-color: #0000ff;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18pt;
	height: 75px;
	padding-left: 20px;
}

#leftLeagueBanner a {
	color: #ffffff;
	
}

#imageBanner {
	background-color: #0000ff;
}

#rightLeagueBanner {
	background-color: #0000ff;
	color: #ffffff;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 18pt;
	height: 75px;
	padding-left: 20px;
}


.smallPrint {
	font-size: 8pt;
}



/* Navigation Tab */

#navTab {
	color: #ffffff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	height: 19px;
	width: 100%;
}

#navTab td {
	text-align: center;
	color: #ffffff;
	font-size: 10pt;
	font-style: normal;
	font-weight: bold;
	height: 19px;
}

#navTab a {
	background-color: #0000ff;
	color: #ffffff;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 17px 2px 17px;
	width: 100%;
	height: 100%;
}

#navTab a:hover {
	color: #ffffff;
	background-color: #ff0000;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	padding: 2px 17px 2px 17px;
	width: 100%;
}

#leftBar {
	border-right: 1px solid #0000ff;
	margin: 0px;
	padding: 0px;
}

#leftBar td {
	font-size: 8pt;
	}

#leftBar td.leftHeader {
	background: #ff0000;
	font-size: 8pt;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 0px 4px 5px;
}

#leftBar th.leftContentHeader {
	font-size: 8pt;
	color: #000000;
	font-weight: bold;
}

#leftBar th.leftContentRedHeader {
	font-size: 8pt;
	color: #ff0000;
	font-weight: bold;
}

#leftBar td.leftAnnounce {
	font-weight: bold;
	color: #ff0000;
	font-size: 10pt;
}

#leftBar td.leftContent {
	padding: 0px 0px 5px 5px;
	font-size: 8pt;
	color: #000000;
}

#leftBar td.leftContentNowrap {
	padding: 0px 0px 5px 5px;
	font-size: 8pt;
	color: #000000;
	white-space: nowrap;
}
	
	
/* Content Area */

#contentArea {
	padding: 0px 10px 10px 10px;
	color: #000000;
}

#contentArea p {
	font-size: 11px;
	line-height: 17px;
}

#contentArea p.importantInfo {
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;
}

#contentArea td {
	font-size: 11px;
}

#contentArea th {
	font-size: 14px;
}

dl {
	font-size: 10px;
}

dl.fees {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

dt.fees {
	font-size: 12px;
	font-weight: bold;
}

#contentArea h1 {
	color: #000000;
	font-size: 16pt;
	font-weight: bold;
}

#contentArea h2 {
	color: #000000;
	font-size: 14pt;
	font-weight: bold;
}

#contentArea blockquote {
	font-size: 11px;
	font-weight: bold;
}

#contentArea li {
	font-size: 11px;
}

#featureImage {
	margin: 0px 10px 5px 0px;
}

td.storyLeft {
	width: 50%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 12px 20px 0px;
	line-height: 18px;
	vertical-align: top;
}

td.storyRight {
	width: 50%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 0px 20px 10px;
	line-height: 18px;
	vertical-align: top;
}

td.storyRight a {
	font: bold 1em Arial,sans-serif;
	color: #0000ff;
	font-size: 11px;
	padding-bottom: 5px;
	text-decoration: none;
}

td.storyRight a:hover {
	text-decoration: underline;
}

td.storyLeft {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 0px 5px 20px 0px;
	line-height: 18px;
}

td.storyLeft a {
	font: bold 1em Arial,sans-serif;
	color: #0000ff;
	font-size: 11px;
	padding-bottom: 5px;
	text-decoration: none;
}

td.storyLeft a:hover {
	text-decoration: underline;
}

th.mediumTableHeader {
	font-size: 11pt;
}


th.largeTableHeader {
	font-size: 14pt;
}

/* RIGHT HAND CONTENT AREA */

#rightBar {
	border-left: 1px solid #0000ff;
	margin: 0px;
	padding: 0px;
}

#rightBar td {
	font-size: 8pt;
	}

#rightBar td.rightHeader {
	background: #ff0000;
	color: #ffffff;
	font-weight: bold;
	padding: 0px 0px 4px 0px;
	text-align: center;
}

#rightBar td.rightContent {
	padding: 0px 0px 5px 5px;
	font-size: 8pt;
	color: #000000;
	text-align: center;
}

#rightBar a {
	font-size: 8pt;
	color: #000000;
}
	

/* Registration Forms */

#contentArea p.cookieCrumbs {
	color: #808080;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
}

.cookieCrumbsActive {
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
}


#frmRegister {
/*	background: #B0C4DE; */
	border: 2px solid #4682B4;
	padding: 5px;
	width: 530px;
	font-family: Arial, Helvetica, sans-serif;
}

#frmRegister th {
	background-color: #B0C4DE;
	font-size: 16px;
}

#frmRegister th.smallHeaderNote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#frmRegister td.feeSchedule {
	border: 1px solid #4682B4;
	font-size = 10px;
}

#frmRegister select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#frmRegister input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#frmRegister label {
	font-size: 11px;
	font-weight: bold;
}

.required {
	color: #ff0000;
	font-size: 10px;
}

.formError {
	color: #ff0000;
	font-size: 10px;
	font-weight: bold:
}

.inputExample {
	color: #808080;
	font-size: 9px;
}

.calendarHeader {
	background: #ff0000;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
}

.multiResidenceTable {
	border: thin solid #003399;
}


.note {
	font-size: 10px;
	color: #ff0000;
}

/* Login Forms */

#frmLogin {
/*	background: #B0C4DE; */
	border: 2px solid #4682B4;
	padding: 5px;
	width: 300px;
	font-family: Arial, Helvetica, sans-serif;
}

#frmLogin th {
	background-color: #B0C4DE;
	font-size: 16px;
}

#frmLogin th.smallHeaderNote {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#frmLogin td.feeSchedule {
	border: 1px solid #4682B4;
	font-size = 10px;
}

#frmLogin select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#frmLogin input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}


#frmLogin label {
	font-size: 11px;
	font-weight: bold;
}

/* Schedule Menu */

#scheduleMenu table {
	width: 550px;
	border: none;
}

#scheduleMenu th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ff0000;
	background-color: #ffffff;
	text-align: center;
	padding: 1px 1px 1px 4px;
}

#scheduleMenu a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #0000ff;
	background-color: #ffffff;
	text-align: center;
	text-decoration: none;
	padding: 1px 10px 1px 10px;
	width: 100%;
}

#scheduleMenu a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ff0000;
	background-color: #ffffff;
	text-align: center;
	text-decoration: none;
	padding: 1px 10px 1px 10px;
	width: 100%;
}

/* Schedule Tables */

#scheduleTable h3 {
	font-size: 10pt;
	font-weight: bold;
	
}

#scheduleTable table {
	width: 550px;
	border: thin groove #ffffff;
}

#scheduleTable th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	background-color: #ff0000;
	border: thin groove #ffffff;
	text-align: left;
	padding: 1px 1px 1px 4px;
}

#scheduleTable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #000000;
	background-color: #f4f4f4;
	border: thin inset #ffffff;
	padding: 2px 0px 2px 4px;
}


/* Standings Tables */

#standingsTable h3 {
	font-size: 10pt;
	font-weight: bold;
	
}

#standingsTable table {
	width: 550px;
	}

#standingsTable th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 8pt;
	color: #ffffff;
	background-color: #ff0000;
	text-align: left;
	padding: 1px 1px 1px 4px;
}

#standingsTable td {
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color: #000000;
	padding: 2px 0px 2px 4px;
}

#standingsTable td.hint  {
	color: #808080;
	font-size: 7pt;
}

/* Footer */

#footer {
	border-top: 1px solid #0000ff;
	font-size: 8pt;
	text-align: center;
	padding: 6px 0px 6px 0px;
}

/* fractions for standings */

.fracNum {
	font-size: 70%;
	vertical-align: super;
}

.fracDen {
	font-size: 70%;
	vertical-align: sub;
}