@charset "utf-8";
/* CSS Document */
body {
	margin:0; padding:0; text-align:center; color:#003366; background-color: #FFFFFF;}
#container {width: 756px; background-color:#FFFFFF; height:100%; 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;*/
}
/*#maincontainer {
	margin:0;
	padding:0px;
	position:relative;
	display:block;
	top:-9px;
	clear:left;
	height:100%;
	overflow:hidden;
	width:756px;
}*/
#maincontainer {margin:0; padding:0px; position:relative;display:block;top:-9px;clear:left;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 p {font-size:13px;color: #003366; margin:10px 0px 0px 0px;}

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


div.transOFF {width: 100%; background-color: silver; }
div.transON  {width: 100%; background-color: silver;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }

/* home page */

/* adult programs */
#maincontainer #mainbody div#col1 {float:left;width:202px;height:100%;position:relative;margin-top:0px;margin-right:4px;}

/* youth programs */
#maincontainer #mainbody div#col2 {float:left;width:177px;height:100%;position:relative;margin-top:0px;margin-right: 4px;}

/* featured */
#maincontainer #mainbody div#col3 {float:left;width:242px;height:100%;position:relative;}
#maincontainer #rightnav {width:127px;height:100%;overflow:hidden;position:relative;float:left;background-color:#FBE7b2;}

/*col1 */
#col1 ul#col1nav {width:200px;list-style-type:none; margin:0px; padding:0px;}
#col1 ul#col1nav li {font-size:11px;border-bottom: 1px solid #666666;list-style-type:none;}
#col1 ul#col1nav li, ul#nav_adultprograms li.navoff {font-size:11px;border-bottom: 1px solid #666666;list-style-type:none;}
#col1 ul#col1nav a:link, ul#nav_adultprograms a:visited {display: inline;color: #333333;letter-spacing:0px;text-decoration: none;font-size: 11px;font-weight:bold;}
#col1 ul#col1nav a:hover {display: inline;color: #CC0000;letter-spacing:0px;text-decoration: underline;font-size: 11px;font-weight:bold;}


/*col2 */
#col2 ul#col2nav {width:175px;border: 1px solid #ff9900;list-style-type:none; margin:0px; padding:0px;}
#col2 ul#col2nav li.top {color:#FFFFFF;font-family:Verdana,Arial;font-weight:bold;text-transform:uppercase;font-size:13px;border-bottom:1px solid #666666;list-style-type:none;background-color:#0099CC;padding:5px;}
#col2 ul#col2nav li.navon {font-size:11px;border-bottom: 1px solid #666666;list-style-type:none;background-color:#E4E4E4;padding:5px;}
#col2 ul#col2nav li, #col2 ul#col2nav li.navoff {font-size:11px;border-bottom: 1px solid #666666;list-style-type:none;background-color:#CAD1D4;padding:5px;}
#col2 ul#col2nav a:link, #col2 ul#col2nav a:visited {display: inline; color: #333333; letter-spacing:0px; text-decoration: none; font-size: 11px; font-weight:bold;}
#col2 ul#col2nav a:hover {display: inline; color: #CC0000; letter-spacing:0px; text-decoration: underline; font-size: 11px; font-weight:bold;}


/*col3 */
#col3 ul#featuredprogram {	width:240px;	/**/border: 1px solid #0099CC;	list-style-type:none;	margin:0px;	padding:0px;}
#col3 ul#featuredprogram li.top {color:#FFFFFF;font-family:Century Gothic,Verdana;font-weight:bold; text-transform:uppercase;font-size:13px;margin:0px;border-bottom: 1px solid #666666;background-color:#0099CC;padding:5px;}
#col3 ul#featuredprogram li.navon {font-size:11px;list-style-type:none;background-color:#E4E4E4;border-bottom: 1px solid #666666;padding:5px;margin:0px;}
#col3 ul#featuredprogram li, #col3 ul#featuredprogram li.navoff {font-size:11px;list-style-type:none;border-bottom: 1px solid #666666;background-color:#CAD1D4;padding:5px;margin:0px;}
#col3 ul#featuredprogram a:link, #col3 ul#featuredprogram a:visited {display: inline; color: #333333; letter-spacing:0px; text-decoration: none; font-size: 11px; font-weight:bold;margin:0px;}
#col3 ul#featuredprogram a:hover {display: inline; color: #CC0000; letter-spacing:0px; text-decoration: underline; font-size: 11px; font-weight:bold;margin:0px;}
#col3 ul#featuredprogram li#fhban a:hover {display:inline;margin:0px;}
	
#col3 ul#featuredprogram div.transOFF,	#col3 ul#featuredprogram li.transOFF {position:relative;top:0px;width: 100%; background-color:silver;margin:0px;padding:0px;}
#col3 ul#featuredprogram div.transON,	#col3 ul#featuredprogram li.transON  {position:relative;top:0px;opacity:.50;filter: alpha(opacity=50); -moz-opacity: 0.5; }
#col3 ul#featuredprogram #slideshow {position:relative;margin:0px;width:291px;height: 193px;}
#col3 ul#featuredprogram #slideshow .slide {margin-left: 0px;margin:0px;position: relative;top: 0px;width:291px;height: 193px;}
	/*
	#col3 ul#featuredprogram li#fhban {padding:0px;margin:0px;}
	*/
#col3 ul#featuredprogram li#gcban {
	margin:0px;
	padding:0px;
	height:191px;
	border-bottom: 1px solid #666666;
}
#kidcar {position: relative;width: 165px;height: 118px;}
#col3 ul#featuredprogram #gcban .bannerframe {
	top: -1px;
	margin:0px;
	padding:0px;
	width: 240px;
	height: 191px;
}

p#address {font-size:11px; margin-top: 5px; margin-bottom: 3px; line-height: 130%;}

#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 {margin:0; position:relative;top:-9px;clear:left;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;}