/* Basic code - don't modify */
 
#nav{
	display:block;
	margin:0;
	padding:0;
	position:relative;
	text-align:left;
	z-index:100;
}
#nav li{
	display:block;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	position:relative;
}
#nav a{
	display:block;
}
#nav ul {
	display:none;
	position:absolute;
	left:0;
	margin:0;
	padding: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:230px;
}
#nav ul ul{
	left:231px;
}
/* Everything else is theming */

#nav ul{
	background:#eee;
}
#nav ul li a{
	color:#333;
	font-size:11px;
	padding:0;
	line-height:1.2em;
	text-decoration:none;
}
#nav ul li.hover ul li.hover a{
	background:#eee;
	color:#333;
	padding:2px;
}
#nav ul{
	top:20px;
}
#nav li ul li a{
	background:#eee;
	border-bottom: 1px solid #333;
	border-right: none;
	display:block;
	padding:2px;
}
#nav li ul li a:hover{
	background:#999;
	color:#fff;
	padding:2px;
}
#nav ul li ul li a{
	/*opacity: 0.9;*/
	/*filter: alpha(opacity=90);*/
}
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */
