#topnav {
	height:31px;
	position:relative;
	margin:0px 0px 0px 1px;
	padding:0;
	z-index:100;
	text-align:center;
	background:url(images/navbar-bg.jpg);
}

/* The menu styling */
/* Remove the padding, margins and bullets from the lists */
#topnav ul.menu, #topnav ul.menu ul {
	font:19px Arial, Helvetica, sans-serif;
	list-style:none;
	margin:0;
	padding:0;
}

/* Set up the top level list items and float left to place inline */
#topnav ul li {
	display:block;
	float:left;
	position:relative;
	/*width:136px;*/
}

/* Style and position the table so it takes no part in the menu function. The font size is necessary for IE5.5 */
#topnav table {
	border-collapse:collapse;
	height:0;
	left:0;
	position:absolute;
	top:0;
	width:0;	
}

#topnav li a.navbar:link {
	text-decoration:none;
	color:#000000;
	font-size:10px;
}
#topnav li a.navbar:visited {
	text-decoration:none;
	color:#000000;
	font-size:10px;
}
#topnav li a.navbar:hover {
	text-decoration:none;
	color:#244F22;
	font-size:10px;
}
a.ln {
	text-decoration:none;
}

/* set up the normal unhovered images in the links */
#topnav a#about_us {
	height:31px;
	width:63px;
	font-size:10px;
}
#topnav ul li.about_us2 { width:69px; }
#topnav a#campuses {
	height:31px;
	width:67px;
	font-size:10px;
}
#topnav ul li.campuses2 { width:73px; }
#topnav a#academics {
	height:31px;
	width:72px;
	font-size:10px;
}
#topnav ul li.academics2 { width:77px; }
#topnav a#athletics {
	height:31px;
	width:66px;
	font-size:10px;
}
#topnav ul li.athletics2 { width:71px; }
#topnav a#spirituallife {
	height:31px;
	width:86px;
	font-size:10px;
}
#topnav ul li.spirituallife2 { width:91px; }
#topnav a#admissions {
	height:31px;
	width:74px;
	font-size:10px;
}
#topnav ul li.admissions2 { width:79px; }
#topnav a#news_events {
	height:31px;
	width:84px;
	font-size:10px;
}
#topnav ul li.news_events2 { width:89px; }
#topnav a#parents {
	height:31px;
	width:57px;
	font-size:10px;
}
#topnav ul li.parents2 { width:63px; }
#topnav a#alumni {
	height:31px;
	width:49px;
	font-size:10px;
}
#topnav ul li.alumni2 { width:54px; }
#topnav a#support {
	height:31px;
	width:87px;
	font-size:10px;
}
#topnav ul li.support2 { width:93px; }

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

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

/* keep the 'next' level invisible by placing it off screen. */
#topnav ul.menu ul, 
#topnav ul.menu :hover ul ul, 
#topnav ul.menu :hover ul :hover ul ul,
#topnav ul.menu :hover ul :hover ul :hover ul ul,
#topnav ul.menu :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.menu :hover ul {
	background:#013300;
	border:1px solid #020C03;
	height:auto;
	left:-3px;
	padding:0;
	top:30px;
	width:172px;
	filter:alpha(opacity=80);
	opacity:0.8;
}

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

#topnav ul.menu :hover ul li a {
	background:#013300;
	border:0px;
	color:#FFFFFF;
	display:block;
	font:bold 11px Arial, Helvetica, sans-serif;
	padding:4px 4px;
	text-align:left;
	text-transform:none;
	width:164px;
}

#topnav ul.menu :hover ul li a:hover {
	background:#DDDEE2;
	color:#020C03;
}