.site-nav { float:right; overflow:hidden; padding:20px 0 0 0; margin-right:-20px;}
.site-nav li { display:inline; margin-left:-1px;}
.site-nav li a { border-left:1px solid #c7c0ae; padding:0 20px 0 20px; color:#4b3f37; text-decoration:none;}
.site-nav li a:hover { text-decoration:underline;}



#nav {
	overflow:hidden;
	float:right;
	padding: 40px 0 0 0;
	margin-right:-20px;
}

#nav, #nav ul { /* all lists */
	list-style: none;
	line-height: 18px;
	/*
	line-height: 16px;
	*/
}

#nav span{
	display: block; 
	width: 6em;
	text-align:center;
}

#nav a {
	display: block;
	/*width: 10em;*/
}

#nav li a {
font-family:Verdana, sans-serif;
/*
font-family:'Trebuchet MS',sans-serif;
font-size:14px;
*/
font-size:15px;
padding:0 18px 0 18px; 
margin-left:-1px;
color:#081B2E; 
text-decoration:none;
border-left:1px solid #c7c0ae;
}

.selected {
font-weight:700;
}

#nav li ul li a {
border-left:none;
}

#nav li a:hover span {
background: #CCCCCC;
width:6em;
cursor:pointer;
/*text-decoration:underline;*/
}

#nav li { /* all list items */
	float: left;
	/*width: 85px;*/
	/*old width width: 10em;*/
	/* width needed or else Opera goes nuts */
	margin:0px 0px 0px 0px;

}

#nav li ul { /* second-level lists */
	position: absolute;
	/*background: orange;*/
	width: 10em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul span { /* second-level lists */
text-align:left;
}

#nav li ul span font { /* second-level lists */
padding-left:13px;
font-family:Verdana, sans-serif;
font-size:15px;
/*
font-family:'Trebuchet MS',sans-serif;
font-size:14px;
*/
font-weight:none;

}

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