@charset "utf-8";

/* CSS Document */

/* ===================================== GLOBAL ===================================== */
body {
	margin:0; padding:0; text-align:center; color:#003366; background-color: #FFFFFF;}
#container {position:relative;width: 756px; height:100%;background-color:#FFFFFF;margin:10px auto; border:0px; text-align:left;}

#topnav {margin: 0px; padding:0px;}
#midnav {margin: 0px; padding:0px;top:-5px;	position:relative;height:24px;border-left:1px solid #999999;border-right:1px solid #999999;}
#topnav ul, #midnav ul {list-style-type:none; margin:0px; padding:0px;}
#topnav li, #midnav li {
	float:left;
	margin:0px;
}
#banner {
	display:block;clear:left;
	margin:0;
	padding: 0px;
	width:754px;
	height:98px;
	top:-3px;
	position:relative;
	
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	/*if IE7 top:-4px;*/
	/*if IE6 top:0px;*/
}
/*background-image:url(/GRAPHICS/fh-body-bkg.gif);*/
#maincontainer {position:relative; clear:left;padding:0px; top:-8px;height:100%;overflow:hidden;width:756px;background-image:url(/GRAPHICS/fh-body-bkg.gif);}
#maincontainer p, td, li, span, div {font-family:Verdana,Arial; font-size:13px; color: #003366;}
#maincontainer h1 {font-family:Century Gothic, Verdana,Arial; font-size:28px; color: #003366; margin:0px; padding:0px;}
#maincontainer h2 {font-family:Century Gothic, Verdana,Arial; font-size:24px; color: #003366; margin:0px; padding:0px;}
#maincontainer h3 {font-family:Century Gothic, Verdana,Arial; font-size:18px; color: #003366; margin:0px; padding:0px;}
#maincontainer h4 {font-family:Century Gothic, Verdana,Arial; font-size:14px; color: #003366; margin:0px; padding:0px;}
#maincontainer p {font-size:13px;color: #003366; margin:10px 0px 0px 0px;}



/* ===================================== BODY ELEMENTS ===================================== */

#maincontainer #mainbody {clear:left; float:left; position:relative;top:3px;width:624px;height:100%;padding:0px;padding-bottom:10px;text-align:left;}

/* ===================================== Web Alerts ===================================== */

	#maincontainer #mainbody .webalertmedium {padding:10px; background-color:#ECFCFF; margin-bottom: 10px;width:605px;}
	#maincontainer #mainbody .webalertmedium h3 {color:#003366;font-family:Century Gothic, sans-serif;font-size:22px;font-weight:bold;margin:0px 0px 5px 0px;padding:0px;line-height:100%;}
	#maincontainer #mainbody .webalertmedium h4 {color:#003366;font-family:Century Gothic, sans-serif;font-size:18px;font-weight:bold;margin:0px 0px 5px 0px;padding:0px;line-height:100%;text-transform:uppercase;}
	#maincontainer #mainbody .webalertmedium p {color:#003366;font-family:Century Gothic, sans-serif;font-size:14px;font-weight:bold;margin:0px;}
	#maincontainer #mainbody .webalertmedium p.footnote {color:#003366;font-family:Century Gothic, sans-serif;font-size:11px;font-weight:bold;margin:5px 0 0 0}
	#maincontainer #mainbody .webalertmedium strong {color:#CC0000;}
	#maincontainer #mainbody .webalertmedium a {color:#CC0000;}



/* ===================================== Breadcrumb ===================================== */
#maincontainer #breadcrumb {clear:left;position:relative;top:0px;padding:5px 5px 5px 0px;margin:0px;margin-bottom:5px;height:100%;overflow:hidden;}
#maincontainer #breadcrumb ul {list-style-type:none;margin:0px 0px 0px 0px;padding:0px;}
#maincontainer #breadcrumb li {list-style-type:none;padding:0px;margin:0px 5px 0px 0px;font-family:Verdana;color:#333333;font-weight:bold;font-size:12px;float:left;}
#maincontainer #breadcrumb ul a {font-family:Verdana;color:#CC0000;font-weight:bold;font-size:11px;}

/* ===================================== Column I ===================================== */

#maincontainer div#col1 {clear:left; position:relative; float:left;width:458px;padding-bottom:15px;height:100%;overflow:hidden;}
#maincontainer #mainbody #col1 #heading {position:relative;margin-top:0px;height:100%;overflow:hidden;margin-bottom:10px;padding-top:0px;padding-bottom:10px; border-bottom:1px solid #999999;}
#maincontainer #mainbody #col1 #heading h1 {font-family:Century Gothic, Verdana,Arial; font-size:28px; color: #003366; margin:0px; margin-bottom:5px;padding:0px;line-height:100%;}
#maincontainer #mainbody #col1 #heading h2 {font-size:20px;margin-bottom:3px;margin-top:0px;}

#maincontainer div#col1 #heading  div#contactbar {position:relative;margin-top:7px;height:100%;overflow:hidden;}

#maincontainer div#col1 div#contactbarwithreg {position:relative;margin-top:5px;height:100%;overflow:hidden; padding-bottom:5px; margin-bottom:0px;}
#maincontainer div#col1 h3#toregister {clear:all;position:relative;margin-top:0px;text-align:left;padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #999999;}

#maincontainer h1,
#maincontainer h2,
#maincontainer h3,
#maincontainer h4 {font-family:Century Gothic,Helvetica,Arial; color:#003366;}

#maincontainer h1 {clear:left;font-family:Century Gothic,Helvetica,Arial; color:#003366;font-size:28px;margin: 0px 0px 5px 0px;}
#maincontainer h2 {font-family:Century Gothic,Helvetica,Arial; color:#003366;font-size:24px;margin: 0px 0px 10px 0px;}
#maincontainer h3 {font-family:Century Gothic,Helvetica,Arial; color:#003366;font-size:18px;margin: 0px 0px 10px 0px;}
#maincontainer h4 {font-family:Century Gothic,Helvetica,Arial; color:#003366;font-size:14px;margin: 0px 0px 5px 0px;}

#maincontainer ul {margin: 0px 0px 10px 20px;padding:0px;}
#maincontainer li {margin:0px;padding:0px;}

#maincontainer a {color:#F16816;}

#maincontainer p.anchor {margin-top:20px;margin-bottom:20px;}
#maincontainer p.anchor a {font-size:11px;}


/* ===================================== Column 2 ===================================== */

#maincontainer #col2 {position:relative;float:left;width:162px;height:100%;overflow:hidden;top:0px;left:5px;}

#maincontainer #col2 ul.nav {width:160px;border: 1px solid #ff9900;list-style-type:none; margin:0px; padding:0px;}
#maincontainer #col2 ul.nav li.top {color:#FFFFFF;font-family:Century Gothic,Verdana;font-weight:bold; text-transform:uppercase;font-size:13px;border-bottom: 1px solid #666666;list-style-type:none;background-color:#ff9900;padding:5px;}

#maincontainer #col2 ul.nav li.navon {font-size:11px;border-bottom: 1px solid #666666;list-style-type:none;background-color:#E4E4E4;padding:5px;}
#maincontainer #col2 ul.nav li,
#maincontainer #col2 ul.nav li.navoff {font-size:11px;border-bottom: 1px solid #666666;list-style-type:none;background-color:#CAD1D4;padding:5px;}
#maincontainer #col2 ul.nav a {font-size: 11px;font-weight:bold;}
#maincontainer #col2 ul.nav a:link,
#maincontainer #col2 ul.nav a:visited {display: inline;color: #333333;letter-spacing:0px;text-decoration: none;}
#maincontainer #col2 ul.nav a:hover {display: inline;color: #CC0000;letter-spacing:0px;text-decoration: underline;}


/* ===================================== Right nav ===================================== */

#rightnav {position:relative; float:left; width:127px; height:100%; overflow:hidden; top:0px;left:5px;background-color:#FBE7b2;}

#rightnav ul {font-size:11px;list-style-type:none;width:125px;margin:0px; margin-top:15px; padding:0px;}
#rightnav li {padding:5px; border-bottom:1px dotted #666666;}
#rightnav li a {font-size:11px;font-weight:bold;color:#003366;}
#rightnav li a:hover {font-size:11px;font-weight:bold;color:#CC0000;}
#rightnav li#fhban {font-size:11px;padding:0px; border-bottom:1px dotted #666666;font-weight:bold;color:#003366;}


/* ===================================== Footer ===================================== */
#footer {clear:left;position:relative;margin:0; top:-9px;width:756px;}
#footer #btmnavcontainer {border:1px solid #999999;background-color: #E4E4E4; width:754px; height:20px; padding: 4px 0px 4px 0px;}
#footer #btmleftbuttons {float:left;margin-left: 4px;margin-top: 4px;}
#footer #sitemapbtn {float:left;margin-right:10px;width:49px;}
#footer #searchbtn {float:left;width:43px;margin-right:10px;}
#footer #connectbtn {float:left;width:136px;}
#footer #btmdropdowns {margin-right:4px;float:right;}
#container #copyright {clear:all;margin-top: 5px;margin-left: auto;margin-right:auto;text-align:left;width: 756px; color:#666666; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px;}


/* ===================================== Miscellaneous ===================================== */
#kidcar {position: relative;width: 165px;height: 118px;}
#col3 ul#featuredprogram #fhban .bannerframe {top: 0px;margin:0px;padding:0px;width: 291px;height: 193px;}

table.scheduletable {	border:1px solid #FF9900;}
table.scheduletable th {padding:5px;font-family:Century Gothic,Helvetica,Arial; font-size:14px; color: #FFFFFF; border-bottom:1px solid #999999; border-right:1px solid #FFFFFF; background-color: #FF9900;text-align:center;}
table.scheduletable th.right {border-bottom:1px solid #999999; border-right:0px;}
table.scheduletable td {padding:3px;font-family:Verdana,Arial;font-size:11px; color: #333333; text-align:left; border-bottom:1px solid #FF9900; border-right:1px solid #FF9900; background-color: #FDF3D9}
table.scheduletable td.right {border-bottom:1px solid #FF9900; border-right:0px;}
table.scheduletable td.bottom {border-bottom:0px;border-right:1px solid #FF9900;}
table.scheduletable td.bottomright {border-bottom:0px;border-right:0px;}

#maincontainer #searchclass {width:150px;background-color:#efefef;border:1px solid #999999;padding:5px;margin-bottom:10px;}
#maincontainer #searchclass p {font-size:11px; color:#333333;margin-top:0px;margin-bottom:3px;font-weight:bold;}

#maincontainer h3.classheading { margin-top:15px;margin-bottom:0px;}

#maincontainer #searchclass {width:150px;background-color:#efefef;border:1px solid #999999;padding:5px;margin-bottom:10px;}
#maincontainer #searchclass p {font-size:11px; color:#333333;margin-top:0px;margin-bottom:3px;font-weight:bold;}


table.standard {	border:1px solid #FF9900;}
table.standard th {padding:5px;font-family:Century Gothic,Helvetica,Arial; font-size:14px; color: #FFFFFF; border-bottom:1px solid #999999; border-right:1px solid #FFFFFF; background-color: #FF9900;text-align:center;}
table.standard th.right {border-bottom:1px solid #999999; border-right:0px;}
table.standard td {padding:3px;font-family:Verdana,Arial;font-size:13px; color: #003366; text-align:left; border-bottom:1px solid #FF9900; border-right:1px solid #FF9900; background-color: #FFFFFF}
table.standard td.right {border-bottom:1px solid #FF9900; border-right:0px;}
table.standard td.bottom {border-bottom:0px;border-right:1px solid #FF9900;}
table.standard td.bottomright {border-bottom:0px;border-right:0px;}