#topnav {
	background:#67a4d8 none;
	height:35px;
	width:955px;
}

#topnav ul {
	background:#67a4d8 none;
	height:35px;
	list-style-type:none;
	margin:0 0 0 0px;
	padding:0 0 0 12px;
	width:943px;
}

#topnav li {
	float:left;
	height:35px;
	line-height:35px;
	margin:0;
}

#topnav li a {
	color:#003e72;
	display:block;
	font:normal normal normal 13px Arial, Helvetica, sans-serif;
	line-height:35px;
	padding:0 20px;
	text-decoration:none;
}

#topnav li a:hover {
	color:#ffd505;
	display:block;
	font:normal normal normal 13px Arial, Helvetica, sans-serif;
	line-height:35px;
	padding:0 20px;
}

/* topnav menu */
/* Style the list OR link hover. Depends on which browser is used */
#topnav ul a:hover {
	visibility:visible;
} /* for IE6 */

#topnav ul li:hover {
	position:relative; 
	z-index:200;
} /* for IE7 */

/* keep the 'next' level invisible by placing it off screen. */
#topnav ul ul, 
#topnav ul :hover ul ul, 
#topnav ul :hover ul :hover ul ul,
#topnav ul :hover ul :hover ul :hover ul ul,
#topnav ul :hover ul :hover ul :hover ul :hover ul ul {
	height:0;
	left:-9999px;
	position:absolute;
	top:-9999px;
	width:0;
}


/* set up the first drop down sub level */
#topnav ul :hover ul {
	background:#FFFFFF;
	border:0px;
	filter:alpha(opacity=80);
	height:auto;
	left:15px;
	opacity:0.8;
	padding:0;
	top:35px;
	width:100px;
}

#topnav ul li ul li {
	background:none;
	border-bottom:1px solid #003e72;
	height:auto;
	margin:0;
	padding:0;
}

#topnav ul > li :hover ul {
	left:0px;
}

#topnav ul :hover ul li {
	display:block;
	float:left;
	position:relative;
	width:100px;
}

#topnav ul :hover ul li.calendar {
	display:block;
	float:left;	
	position:relative;
	width:100px;
}

#topnav ul :hover ul li a {
	background:#e5dfc2;
	border:0;	
	color:#003e72;
	display:block;
	font:normal normal normal 11px Arial, Helvetica, sans-serif;
	padding:5px 5px;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	width:90px;
}

#topnav ul :hover ul li a:hover {
	background:#67a4d8 none;
	border:0;
	color:#feffff;
}