/* Formatting Styles */

.navsection	{ color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:inherit; font-weight: bold; }
.navsection a:link		{ color:#000000; text-decoration: none; font-size:inherit; font-weight: bold;}
.navsection a:visited	{ color:#000000; text-decoration: none; font-size:inherit; font-weight: bold;}
.navsection a:hover 	{ color:#990000; text-decoration: underline; font-size:inherit; font-weight: bold;}
.navsection a:active 	{ color:#000000; text-decoration: none; font-size:inherit; font-weight: bold;}
.navsection td { color: #000000; }
.navsectionrow { height: 16px; margin-bottom: 8px; }

.leftnavtable {
    bgcolor: #ffffff; 
	background-repeat: repeat-y;
	text-align: left;
}
.leftnavbarcolor {
	background-color:#222222;
}
.leftnavbarspacecolor {
	background:none;
	color:#999999
}

.logsection	{ color:#CC9900; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:13px; font-weight: bold;}
.logsection a:link		{ color:#CC9900; text-decoration: none; }
.logsection a:visited	{ color:#CC9900; text-decoration: none; }
.logsection a:hover 	{ color:#ff0000; text-decoration: underline; }
.logsection a:active 	{ color:#CC9900; text-decoration: none; }

.footsection td	  { font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; line-height: 13px }
.footsection a:link		{ color:#202020; text-decoration: none; }
.footsection a:visited	{ color:#303030; text-decoration: none; }
.footsection a:hover 	{ color:#000000; text-decoration: none; }
.footsection a:active 	{ color:#000000; text-decoration: none; }

body  { font-size: inherit; color: #ffffff;  font-family: Verdana, Arial, Helvetica, sans-serif }
body a:link		 { font-size: inherit; color: #990000; text-decoration: underline }
body a:visited	 { font-size: inherit; color: #990000; text-decoration: underline }
body a:hover 	 { font-size: inherit; color: #990000; text-decoration: underline }
body a:active 	 { font-size: inherit; color: #990000; text-decoration: underline }

#mainmenu {
	position:relative;
	width:760px;
	height:30px;
	z-index:3;
	left: 0px;
	top: 0px;
}

#logmenu {
	position:relative;
	width:120px;
	height:30px;
	z-index:3;
	left: 0px;
	top: 0px;
}


#gohome {
	position:absolute;
	width:300px;
	height:90px;
	z-index:4;
	left: 0px;
	top: 0px;
	visibility: hidden; /* initially */
	cursor:pointer;
}

#focus {
	position:absolute;
	width:700px;
	height:440px;
	z-index:7;
	left: 200px;
	top: 90px;
	background-color: #FFFFFF;
	visibility: hidden;
	overflow: hidden;
}

#haze {
	position:absolute;
	width:100%;
	height:100%;
	left: 0;
	top: 0;
	z-index:6;
	background-color: #222222;
    opacity: 0.8;
	visibility: hidden;
	overflow: hidden;
}

#playlist			{ color:#FCC900; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px; line-height:13px; font-weight: bold; background-color:#333333; }
#playlist a:link	{ color:#111111; text-decoration: none; text-decoration: underline; }
#playlist a:visited	{ color:#666666; text-decoration: none; }
#playlist a:hover 	{ color:#cc3333; text-decoration: none; font-style: italic; text-decoration: inherit; }
#playlist a:active 	{ color:#111111; text-decoration: none; text-decoration: underline; }
/* .playlistelement is in playlist.jsp */

.exploreschools	{ color:#000000; font-family: Verdana, Arial, Helvetica, sans-serif; font-size:inherit; font-weight: normal;}
.exploreschools a:link		{ color:#EEEEEE; text-decoration: none; font-size:inherit; font-weight: normal;}
.exploreschools a:visited	{ color:#CCCCCC; text-decoration: none; font-size:inherit; font-weight: normal;}
.exploreschools a:hover 	{ color:#FFFFFF; text-decoration: underline; font-size:inherit; font-weight: normal;}
.exploreschools a:active 	{ color:#EEEEEE; text-decoration: none; font-size:inherit; font-weight: normal;}
.exploreschools ul li ul li { color:#EEEEEE; }
.exploreschools ul li       { color:#EEEEEE; }