#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1.2;
  border-left:#336699 1px solid;
	float:left;
	margin:0px;
	width:902px;
}

#nav a {
	color:#000000;
	display:block;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	text-decoration:none;
}
#nav ul li {
	border-bottom:1px solid #AFAFAF;
	width:180px;
	/*background-color:#E4E4E4;*/
	background-image:url(../images/bgmenutrans.png);
}
#nav ul li a{
	margin:5px 8px 0px 10px;
    min-height:18px;    
	height:18px;
	width:180px;
	vertical-align: middle;
}
#nav ul li a.bot{
	margin:5px 8px 0px 10px;
	padding-bottom:7px;
    min-height:18px;    
	height:18px;
	/* width:172px; */
	border-bottom:#6A9BBA 1px solid;
	vertical-align: middle;
}
#nav ul li:hover{
background-color:#FFFFFF;
}

#nav li { /* all list items */
	float: left;
	 /* width: 162px; */
/* width needed or else Opera goes nuts */
}

#nav li ul { /* second-level lists */
	position: absolute;
	border:1px solid #AFAFAF;
	width: 180px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	border-bottom:none;
	border-top:none;
	z-index:10;
}

#nav li:hover ul, #nav li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	margin-left:0px;

}

#content {
	clear: left;
	color: #ccc;
}

div#hidden {
	left:-1000px;
	position:absolute;
	top:-1000px;
}