/* Basic code - don't modify */
 
#nav {
	position: relative; 	
 	background:url(../bio-images/nav-bg.gif) repeat;
	height:39px;
}

#nav li { 
	display: block; 
	list-style: none;  
	float: left; 
	position: relative; 
}

#nav a { 
	display: block; 
}

#nav ul { 
	display: none; 
	position: absolute; 
	left: 0;  
}

* html #nav ul { 
	line-height: 0;
 } /* IE6 "fix" */

#nav ul a { 
	zoom: 1; 
} /* IE6/7 fix */

#nav ul li { 
	float: none; 
}

#nav ul ul { 
	top: 0; 
}
    
/* Essentials - configure this */

#nav ul { 
	width: 270px; 
}

#nav ul ul { 
	left: 271px; 
}

/* Everything else is theming */

#nav a { 
	border-right: 1px solid white;
	padding: 6px; 
	line-height: 39px; 
	padding:0 15px;	
	color:#FFFFFF;
}

#nav ul { 
	top: 39px;
}

#nav li a {	
	background:url(../bio-images/separator.gif) no-repeat right 0; 
	border:none;
}

#nav li a.hover {
	color:#000000;
	background:url(../bio-images/h-over.jpg) repeat-x;
}

#nav li ul li a {
	background:url(../bio-images/nav-bg.gif); 
	padding:0 5px;	
	width:250px;
	text-align:left;
}	

#nav ul a { 
	border-bottom: 1px solid white; 
	border-right: none; opacity: 0.9; 
	filter: alpha(opacity=90); 
}

/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */