/* ----- General ----- */
* { font-family: Arial,Helvetica,sans-serif; color:#333; }
body { font-size: 90%; }
p { margin:5px 0 10px 0; }
a:link, a:visited, a:link em, a:visited em { color: #096; }
a:hover, a:active, a:hover em, a:active em { color: #F8BF24; text-decoration: none; }
ul { list-style: disc; margin-left: 15px; }
ul li { margin-top: 10px; margin-right: 10px; margin-bottom: 10px; margin-left: 20px; }
ol { list-style: decimal; margin-left: 20px; }
ol li {margin-left: 15px; }
blockquote { margin: 0 20px; }
br.clear { clear: both; }
em { color: inherit; }
input[type=submit] { color: #000; }

/* ----- Text Styles ----- */

H1 { font-size: 150%; font-weight: bold; margin: 8px 0; }
H2 { font-size: 115%; font-weight: bold; margin: 12px 0 10px 0; }

H1.pageTitle, H1.pageTitle em { color: #346969;  margin: 8px 0 15px 0; }
.subHead, .subhead em { color: #346969; font-size: 115%; font-weight: bold; }
.systemMessage { color: red; font-size: 120%; font-weight: bold; text-align: center; }
.sm { font-size: 75%; }

.btnBold { font-weight: bold; font-size: 115%; }
.btnLight { color: #888; }


/* ----- Layout ----- */

#header_container { 
	width: 100%; 
	height: 60px; 
	background-color: #F0F0F0; 
	border-bottom: 1px solid #346969;
	}
#header { 
	margin-left: auto; 
	margin-right: auto; 
	vertical-align: bottom; 
	width: 700px; 
	}
#header_logo { float: left; margin-top: 5px; width: 400px; }
#header_search { 
	float: right; 
	margin-top: 10px; 
	text-align: right; 
	vertical-align: bottom; 
	width: 250px; 
	}
#header_search .searchBox { font-size: 80%; margin-bottom: 3px; width: 120px; color: #999; vertical-align: middle; }
#header_tools { float: right; width: 220px; text-align: right; margin-top: 2px; font-size: 70%; vertical-align: text-top; }

#body_container { width: 100%; background-color: #60B792; }
#body_content { background-color: #FFF; margin: 0 auto; width: 700px; }
#body_content_nav { 
	width: 145px; 
	height: 500px; 
	float: left; 
	background: url(../../images/nav_bg.gif) top right no-repeat; 
	margin-top: 20px; 
	}
#body_content_right { width: 535px; float: right; padding-right: 8px; }
#body_content_full { padding: 4px 8px 30px 8px; }

#footer_container { width: 100%; height: 60px; background-color: #F0F0F0; border-top: 1px solid #346969; }
#footer {width: 700px; margin-right: auto; margin-left: auto; text-align: center; font-size: 10px; padding: 8px; }
#footer a:link, #footer a:visited { color: #346969; text-decoration:none; }
#footer a:hover, #footer a:active { text-decoration: underline; }

ul#main_nav  { margin: 0; list-style: none; }
ul#main_nav li { padding: 7px 5px; margin: 0; background: url(../../images/nav_separator.gif) bottom left no-repeat; }
ul#main_nav li a:link, ul#main_nav  li a:visited { font-size: 14px; font-weight: bold; color: #346969; margin: 3px 0px 3px 10px; text-decoration: none; }
ul#main_nav li a:hover, ul#main_nav li a:active { text-decoration: underline; color: #95C6A2; }
ul#main_nav li a.selected { color: #f8bf24; text-decoration: underline; }

ul#main_nav ul { list-style: none; margin-left: 10px; }
ul#main_nav ul li { background: url(../../images/ul_bullet_sm.gif) no-repeat 0 4px; margin: 9px 0; padding: 0 0 0 2px; }
ul#main_nav ul li a:link, ul#main_nav ul li a:visited { color: #346969; font-size: 12px; margin: 3px 0px 3px 10px; text-decoration: none; font-weight: normal; }
ul#main_nav ul li a:hover, ul#main_nav ul li a:active { text-decoration: underline; color: #95C6A2; }
ul#main_nav ul li a.selected { font-weight: bold; }

div#breadcrumbs { font-size: 70%; margin: 5px 0; vertical-align: bottom; }
div#breadcrumbs a:link, div#breadcrumbs a:visited { color: #666; text-decoration:none; }
div#breadcrumbs a:hover, div#breadcrumbs a:active { color: #346969; text-decoration: underline; }	

#bread { font-size: 70%; padding: 0; margin: 10px 0 10px 0; }
#bread ul { margin-left: 0;	padding-left: 0; display: inline; border: none; } 
#bread ul li { margin-left: 0; margin-right: 0; padding-left: 0; border: none; list-style: none; display: inline; }
#bread ul li a:link, #bread ul li a:visited { color: #333; text-decoration: none;  }
#bread ul li a:hover, #bread ul li a:active { color: #346969; text-decoration: underline; }	
#bread ul li.current { color: #999; }	


/* ----- Homepage Items ----- */

#quick_links { font-size: 70%; margin-left: 10px; }
#quick_links strong { font-size: 1.4em; }
#quick_links ul { list-style: none; margin-left: 2px; }
#quick_links li { 
	background: url(../../images/ql_bullet.gif) center left no-repeat;
 	color: #999; 
	margin: 9px 0; 
	padding-left: 10px;
   }
#quick_links li a:link, #quick_links li a:visited, #quick_links li a:link em, #quick_links li a:visited em { color: #666; text-decoration: none; }
#quick_links li a:hover, #quick_links li a:active, #quick_links li a:hover em, #quick_links li a:active em { color: #030; text-decoration: underline; }


#district_login { 
	background-color: #F0F0F0; 
	border: 1px solid #999;
	float: right; 
	margin: 0 0 8px 10px; 
	padding: 5px 0 0 0;
	width: 160px; 
	}
#district_login H2 { text-align: center; margin-top: 5px; float: none; width: 100%; }
#district_login label { display: block; font-size: 70%; margin-top: 6px; }

ul#news { list-style: none; margin-left: 2px; }
ul#news li { background: url(../../images/ul_bullet.gif) no-repeat 0 0.15em;	margin: 10px 0 15px 0; padding-left: 12px; }


/* ----- Search Results ----- */
#ResultsDataGrid tr { }
#ResultsDataGrid td { }
#ResultsDataGrid h2 { font-size: 120%; font-weight: bold; border: 0; }
#ResultsDataGrid .search_meta { font-size: 75%; margin-bottom: 3px; }
#ResultsDataGrid .search_meta_url { font-size: 85%; margin: 8px 0; }


/* ----- Misc ----- */

.box_right { 
	background-color: #F0F0F0; 
	border: 1px solid #999;
	float: right; 
	margin: 0 0 8px 10px; 
	padding: 6px 6px;
	width: 175px; 
	}
.box_right H2 { text-align: center; margin-top: 5px; }

#frmContact { margin-left: 20px; }
#frmContact label { display: block; font-variant: small-caps; font-size: 80%; color: #666; margin-top: 8px; }
#frmShipping { margin-left: 20px; }
#frmShipping input { font-weight: bold; }
#frmShipping label { display: block; font-variant: small-caps; font-size: 80%; color: #666; margin-top: 8px; }


.box { border: solid #B0B0B0 1px; margin: 0px 0px 6px 10px; }
.boxHeader, .box h2 { background-color: #60B792; border-bottom: solid #B0B0B0 1px; font-size: 115%; font-weight: bold; color: #FFF; padding: 2px 0px 2px 5px; text-align: center; margin: 0;}
.boxBody { padding: 8px; color: #333; background-color: #f0f0f0; }	

div#loginBox { margin-right: auto; margin-left: auto; text-align: left; }
div#loginBox label { display: inline-block; width: 100px; text-align: left; margin-left: 10px; }
div#loginBox input[type=text], div#loginBox input[type=password] { width: 100px; }
div#loginBox input[type=submit] { margin-right: auto; margin-left: auto; }
div#loginBox .fieldDesc { font-size: 70%; margin: 1px 0 0 115px; }

#comm { margin: 15px 0 0 15px; }
#comm ul li { font-size: 85%; }
#comm hr { width: 75%; text-align: center; margin: 20px auto; }

.faqSection { margin: 0 10px 0 15px; font-size: 90%; }
.faqSection strong, .faqSection strong em { color: #346969; }

a.celdt_live_video { width: 440px; height: 320px; display: block; }
a.celdt_live_video img { width: 440px; height: 320px; border: 0; }
.celdt_live_video_meta { font-size: 80%; text-align: right; margin-bottom: 3px; width: 440px; }

.tooltipTitle { font-variant: small-caps; font-weight: bold; font-size: 130%; }