div#top_nav_menus {
    margin-left:20px;
	font-size: 8px;
}

#nav {
	/* all lists */
	padding: 0px;
	margin: 0px;
}

#nav li {
	/* all main list items without an arrow */
	position: relative;
	float: left;
    /*
    padding-top: 0px;
	padding-bottom: 5px;  */
	padding-right: 2px;
   	padding-left: 2px;
    list-style: none;

	/*width: 5em; /* width needed or else Opera goes nuts */
}

#nav li.arrow {
   position: relative;
	float: left;
    /*
    padding-top: 0px;
	padding-bottom: 5px;  */
	padding-right: 10px;
	/*list-style: none; */
}

/* Just change the background-color and border-color in this. */
#nav li ul {
	/* second-level lists */
	position: absolute;
	padding: 3px 5px;
	text-align: left;
	margin: 0px 5px 5px 0px;
	border: 1px solid #1c825c;
	border-top: none;
	background-color: #fefbf0;
	width: 11em;
	left: -999em;
	/* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul li {
	border: 0px;
	padding: 0px 0px 4px 2px;
	width: 100%;
	/* DO NOT CHANGE THIS!!! */
}

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