#navOuterDiv{
width:660px;
float:left;
top:25px;
left:37px;
background-color:#ffffff ;
position:relative;
height:22px;
z-index:20;
font-size : 14px;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	
}


#nav a {
	display: block;
	
}

#nav li { /* all list items */
	float: left;
	/*width: 100px;  width needed or else Opera goes nuts */
}
#nav li  span{padding:0 0.7em}
#nav li ul li span{padding:0.5em 0.5em;background:none}
#nav li a {
	color : #000000;
	font-family :  "Times New Roman", Times, serif;
	text-decoration : none;
font-size : 16px;	padding:0.4em 0;
	font-variant: small-caps;
	}
#nav li ul li a {
		color : #fff;
		font-family :  Times, Verdana, Arial, Geneva, Helvetica, sans-serif;
		text-decoration : none;
		padding:0.4em 0;
		 width: 130px;
		 display: block;
		 font-size : 16px;
		 font-variant: small-caps;
	}
#nav li a:hover {
text-decoration:none;
color:#009900
}
#nav li ul li a:hover {
text-decoration:none;
color:#fff;
background:#87912e;
 width: 130px;
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #DCC4A8;
	width: 130px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

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