#topnav {
	height:31px;
	position:relative;
	z-index:100;
	padding-left:260px;
}

/* 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;	
}

/* Default top link link styling */
#topnav li.top a.top_link {
	display:block;
	float:left;
	height:20px;
}

/* move the link text off screen */
#topnav li a span { 
	font-size:10px;
	left:-9999px;	
	position:absolute;
	top:0;
	z-index:0;
} 

/* pre-load hover images */
#preloadhovers {
	background:url('images/tnInside01o.gif') no-repeat;
	background:url('images/tnInside02o.gif') no-repeat;
	background:url('images/tnInside03o.gif') no-repeat;
	background:url('images/tnInside04o.gif') no-repeat;
	background:url('images/tnInside05o.gif') no-repeat;
	background:url('images/tnInside06o.gif') no-repeat;
	background:url('images/tnInside07o.gif') no-repeat;
	left:-9999px;
}

#topnav li a {
	color:#333333;
	display:block;
	float:left;
	line-height:30px;
	text-align:center;
	text-decoration:none;
}

/* set up the normal unhovered images in the links */
#topnav a#about_us {
	height:31px;
	padding-top:6px;
	width:75px;
}
#topnav a#about_us:hover {
	background:url('images/tnInside01o.gif') no-repeat;
}
#topnav a#admissions {
	height:31px;
	padding-top:6px;
	width:102px;
}
#topnav a#admissions:hover {
	background:url('images/tnInside02o.gif') no-repeat;
}
#topnav a#academics {
	height:31px;
	padding-top:6px;
	width:99px;
}
#topnav a#academics:hover {
	background:url('images/tnInside03o.gif') no-repeat;
}
#topnav a#fine_arts {
	height:31px;
	padding-top:6px;
	width:90px;
}
#topnav a#fine_arts:hover {
	background:url('images/tnInside04o.gif') no-repeat;
}
#topnav a#athletics {
	height:31px;
	padding-top:6px;
	width:94px;
}
#topnav a#athletics:hover {
	background:url('images/tnInside05o.gif') no-repeat;
}
#topnav a#student_life {
	height:31px;
	padding-top:6px;
	width:111px;
}
#topnav a#student_life:hover {
	background:url('images/tnInside06o.gif') no-repeat;
}
#topnav a#alumni {
	height:31px;
	padding-top:6px;
	width:59px;
}
#topnav a#alumni:hover {
	background:url('images/tnInside07o.gif') no-repeat;
}

/* 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:#FFFFFF;
	border:1px solid #333333;
	height:auto;
	left:0px;
	padding:0;
	top:31px;
	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:#759BB2;
	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:#4A4A07;
	color:#FFFFFF;
}