#topnav {
	background-color:#003366;
}

#topnav ul {
	background:#E02A22 none;
	height:26px;
	list-style-type:none;
	margin:0 0 0 195px;
	padding:0;
	width:760px;
}

#topnav li {
	background:transparent url('../images/topnav_separator.gif') no-repeat;	
	float:left;
	height:26px;
	margin:0;
	padding:0 0 0 2px;
}

#topnav li.first {
	background:transparent none;	
	float:left;
	height:26px;
	margin:0;
	padding:0;
}

#topnav li a {
	display:block;
	padding:0;
}

#topnav li a.home {
	background:transparent url('../images/home.gif') no-repeat;
	height:26px;	
	width:74px;
}

#topnav li a:hover.home {
	background:transparent url('../images/home_on.gif') no-repeat;
	height:26px;	
	width:74px;
}

#topnav li a.about {
	background:transparent url('../images/about.gif') no-repeat;
	height:26px;
	width:72px;
}

#topnav li a:hover.about {
	background:transparent url('../images/about_on.gif') no-repeat;
	height:26px;
	width:72px;
}

#topnav li a.admissions {
	background:transparent url('../images/admissions.gif') no-repeat;
	height:26px;
	width:98px;
}

#topnav li a:hover.admissions {
	background:transparent url('../images/admissions_on.gif') no-repeat;
	height:26px;
	width:98px;
}

#topnav li a.academics {
	background:transparent url('../images/academics.gif') no-repeat;
	height:26px;
	width:97px;
}

#topnav li a:hover.academics {
	background:transparent url('../images/academics_on.gif') no-repeat;
	height:26px;
	width:97px;
}

#topnav li a.campus-life {
	background:transparent url('../images/campus-life.gif') no-repeat;
	height:26px;
	width:110px;
}

#topnav li a:hover.campus-life {
	background:transparent url('../images/campus-life_on.gif') no-repeat;
	height:26px;
	width:110px;
}

#topnav li a.news-events {
	background:transparent url('../images/news-events.gif') no-repeat;
	height:26px;
	width:124px;
}

#topnav li a:hover.news-events {
	background:transparent url('../images/news-events_on.gif') no-repeat;
	height:26px;
	width:124px;
}

#topnav li a.giving {
	background:transparent url('../images/giving.gif') no-repeat;
	height:26px;
	width:71px;
}

#topnav li a:hover.giving {
	background:transparent url('../images/giving_on.gif') no-repeat;
	height:26px;
	width:71px;
}

#topnav li a.calendar {
	background:transparent url('../images/calendar.gif') no-repeat;
	height:26px;
	width:100px;
}

#topnav li a:hover.calendar {
	background:transparent url('../images/calendar_on.gif') no-repeat;
	height:26px;
	width:100px;
}

#topnav li a span {
	display:none;
}

/* 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=78);
	height:auto;
	left:-196px;
	padding:0;
	opacity:0.78;
	top:26px;
	width:168px;
}

#topnav ul li ul li {
	background:none;
	border-bottom:1px solid #5c5c5c;
	filter:alpha(opacity=78);
	height:auto;
	margin:0;
	opacity:0.78;
	padding:0;
}

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

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

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

#topnav ul :hover ul li a {
	background:#FFFFFF;
	border:0;	
	color:#d40031;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:5px 5px;
	text-align:left;
	text-decoration:none;
	text-transform:none;
	width:158px;
}

#topnav ul :hover ul li a:hover {
	background:#003366 none;
	border:0;		
	color:#FFFFFF;
}