@charset "utf-8";
/* CSS Document */

html, body
{
  height: 100%;
}

.ladderText {
	font: bold small-caps 14px/18px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
	color: #003B77;
	text-decoration: none;
	text-align: center;
}
#NAV a:link, #NAV a:visited, #NAV a:active {
	color: #FFD44C;
	text-decoration: none;
	font: bold 14px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
}
#NAV a:hover {
	color: #00397C;
	text-decoration: none;
}
#ladder a:link, a:visited, a:active {
	color: #00397C;
	text-decoration: none;
	font: bold 14px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
}
#ladder a:hover, #ulNAV a.current:link, #ulNAV a.current:visited {
	color: #7797A8;
	text-decoration: none;
}
#quickLinks a:link, a:visited, a:active {
	color: #166199;
	text-decoration: none;
	font: bold 11px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
}
#quickLinks a:hover {
	color: #00397C;
	text-decoration: none;
	font: bold 11px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
}
#quickLinks a:visited {
	color: #166199;
	text-decoration: none;
	font: bold 11px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
}
a:link, a:visited, a:active {
	color: #00397C;
	text-decoration: none;
	font: bold 14px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
}
a:hover, #ulNAV a.current:link, #ulNAV a.current:visited {
	color: #7797A8;
	text-decoration: none;
}

.bodyText {
	font: 14px/18px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
	color: #00397C;
	}
.bodyTextWhite {
	font: 14px/18px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
	color: #FFFFFF;
}
.bodyTextBold {
	font: bold 14px/18px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
	color: #00397C;
	text-decoration: none;
}
.heading {
	font: bold small-caps 24px/28px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
	color: #00397C;
	text-decoration: none;
}
.headingYellow {
	font: bold small-caps 20px/24px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
	color: #F3E776;
	text-decoration: none;
}
.info {
	font: 11px/15px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
	color: #00397C;
	text-decoration: none;
}
.topic {
	font: bold small-caps 16px/22px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
	color: #00397C;
	text-decoration: none;
}
.listing {
	font: bold small-caps 14px/18px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
	color: #003B77;
	text-decoration: none;
	text-align: left;
}
#ladder {
	height: auto;
	background: #F5E0AE url(../Graphics/Ladder.gif) repeat;
	width: 164px;
}
#divLowerLadder {
	height: auto;
	background: #F5E0AE url(../Graphics/Ladder.gif) repeat;
	width: 164px;
	overflow: auto;
}
.row0 {
	background: #7797A8;
	font: 12px "Trebuchet MS", Tahoma, Arial;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
}
.row1 {
	background: #F5E0AE;
	font: 12px "Trebuchet MS", Tahoma, Arial;
	color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding-left: 3px;
}
.fadedText {
	color: #88ACCC;
	font: 14px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
}
.topicWhite {
	font: bold small-caps 16px/22px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
	color: #FFFFFF;
	text-decoration: none;
}
.searchTextBox {
	font: 12px "Trebuchet MS", Tahoma, Arial;
	color: #003875;
	background: #FFFFFF;
	height: 20px;
}
.searchTextField {
	font: 12px "Trebuchet MS", Tahoma, Arial;
	color: #003875;
	background: #FFFFFF;
}
.quickLinks {
	font-size: 12px;
	color: #95ACBE;
}
ul {
	float: left;
	width: 34em;
	color: #00397C;
	margin: 0;
	padding: 0 0 0 2;
	list-style: square;
	font: 12px "Trebuchet MS", "Century Gothic", Arial, Tahoma, Verdana;
}
 
li {
	float: left;
	width: 17em;
	margin: 0;
	padding: 0;
} 
li.court {
	color: #FFFFFF;	
}
tr.d0 td {
	background-color: #92A9BC; color: #003875;
}
tr.d1 td {
	background-color: #DEDEDE; color: #003875;
}
#rotator
{
	overflow: hidden;
	width: 250px;
	height: 350px;
	position:relative;
}
#rotator img
{
	width: 250px;
	height: 350px;
}
