#navOuterDiv{
width:750px;
top:0px;
left:10px;
float:left;

position:relative;
padding: 0;
margin: 0;
height:108px
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
}

#nav a {
	display: block;
	
}

#nav li { /* all list items */
	float: left;
}
#nav li ul li { /* all list items */
	float: left;
	width: 250px; /* width needed or else Opera goes nuts */
}
#nav li a {
		color : #ffffff;
		font-family :  Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
		text-decoration : none;
		/*text-transform : uppercase;*/
		margin :0px auto;
		text-align: left;
		padding-top:55%;
		padding-left:8px;
		font-size : 1.2em;

}
#nav li ul li a {
		color : #000000;
		font-family :  Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
		text-decoration : none;
		padding : 0px;
		margin:0;
		font-size : 0.8em;
		 display: block;
		border-top: 1px solid white;
		width:108px;
height:18px;

}
#nav li a:hover {
color : #ffffff;
text-decoration :underline
}
#nav li ul li a:hover {
color : #000000;
text-decoration :underline
}
#nav li ul { /* second-level lists */
	position: absolute;
	background: #a2c058;
	width: 250px;
	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;
	background-color:#139ea7;
}

#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;
}

/* extra positioning rules for no javascript / keyboard accessibility */
#nav a:focus + ul { margin-left: -1px; }
#nav ul a:focus + ul { margin-left: 9999px; }
#nav ul a:focus, #nav ul ul a:focus { margin-left:4999px; width:10em; }
#nav li:hover a:focus, #nav li.sfhover a.sffocus, #nav li.sffocusparent a.sffocus { margin-left: 0; }