@charset "UTF-8";
body,td,th {font:12px Arial, Helvetica, sans-serif;	color: #333;}
body {background-color: #dfdfdf; margin: 10px auto; width:900px;}
/* width is 900px */
a:link, a:visited {color:#0064ac;}
a:hover {color:#000000;}

/* Top of page styling */
#topnav {background-color:#FFF; text-align:right; height:25px;}
.darkbar {background:url(/images/dark_bar_bg.jpg) repeat-x top left #0064ac; height:16px; border-bottom:1px solid #FFF;}
#logo {background-color:#0064ac; height:125px; padding:10px 10px;}
.logo1 {width:226px; height:125px; background-color:#FFF; float:left;}
.logo2 {width:462px; height:125px; padding: 0px 8px; background-color:#FFF; float:left; font-family:"Times New Roman",Georgia,Serif; color:#0064ac; font-size: 14px;}
.logo3 {width:176px; height:125px; background-color:#FFF; float:left; font-family:"Times New Roman",Georgia,Serif; color:#0064ac; font-size: 10px;}
.lightbar {background:url(/images/light_bar.jpg) repeat-x top left #c6d2dc; height:12px; border-top:1px solid #FFF;}

/* Old navbar styling */
#mainnav {background:url(/images/nav_bg.jpg) repeat-x top left #0064ac; padding:10px 5px 0; height:20px; color:#FFF; text-align:center;}
#mainnav a:link, #mainnav a:visited {color:#FFF; text-decoration:none; padding:0 7px; border-right:1px solid #FFF;}
#mainnav a:hover {color:#c6d2dc;}


#content {background:url(/images/contenttop_shadow.gif) repeat-x top left #FFF; border:10px solid #0064ac; border-top:none; border-bottom:none; padding:10px;}
#content h1 {font-size:18px; margin:0;}
#content h2 {font-size:14px;}
#content h3 {font-size:12px;}

#homepagecallout {color:#0064ac; background-color:#0000; margin-top:18px; padding:5px 10px; width:160px; float:right;}

#homepageupdate { padding:0px 10px; width:840px;}

#footer {background:url(/images/nav_bg_bottom.jpg) repeat-x top left; text-align:center; padding:8px; solid #0064ac}
#footer a:link, #footer a:visited {color:#FFF; text-decoration:none; padding:0 7px; border-right:1px solid #FFF;}
#footer a:hover {color:#c6d2dc;}
#copyright {font-size:10px; text-align:center; padding:5px;}

/* Form Elements */
#login {background-color:#c6d2dc; border:1px solid #8fa9bf; padding:10px 20px; width:320px; margin:10px auto;}
#login div {clear:both; margin:6px 0;}
#login label {width:100px; text-align:right; margin-right:5px; float:left;}
#login input, #login textarea {width:170px; border:1px solid #999; margin-left:5px; color:#333; padding:2px 4px;}
#login input {height:16px;}

.button, button {border:1px solid #8fa9bf; background-color:#e0e8ef; color:#0064ac; cursor:pointer; padding:0 10px; margin:5px;}
.error {color:#C00; text-align:center;}
.small {color:#999; font-size:10px;}

/* Navbar With Pulldown Menus */
#menu {
	width: 100%;
	height: 22px;
	background:url(../fan_images/nav_bg.jpg) repeat-x top left;
	text-align:center;
	float: left;
	}
	
#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 140px;
	float: left;
	}
	
#menu a, #menu h2 {
	font: bold 11px arial, helvetica, sans-serif;
	display: block;
	border-width: 1px;
	border-style: solid; 
	border-color: #0064ac;
	border-style: none;
	margin: 0;
	padding: 2px 3px;
	}

#menu h2 {
	color: #ffffff;
	/* text-transform: uppercase; */
	}

#menu a {
	color: #ffffff;
	text-decoration: none;
	}

#menu a:hover {
	color: #c1e4fd;
	}
	
#menu li {
	position: relative;
	}

#menu ul ul {
	position: absolute;
	top: 100%;
	left: 0;
	width: 100%;
	}
	
div#menu ul ul,
div#menu ul li:hover ul ul
	{
	display: none;
	background: #0064ac;
	}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul
{display: block;}