#nav {
  width: 500px;
  float: right;
  margin: 0px;
  letter-spacing: 2px; 
  font-size: 0.9em;
  padding: 0px;
  line-height: 1;
} 

#textmenu ul { /* all lists */
 	padding: 0;
 	margin: 0;
 	list-style: none;
 	line-height: 1;
 	text-align: left;
  background: #fff;
}

#textmenu a {
 	display: block;
 	width: 10em;
  padding: 5px 0 5px 5px;
  text-decoration: none; 
}

#textmenu li { /* all list items */
 	float: left;
 	width: 8em; /* width needed or else Opera goes nuts */
  background: #fff;
}
#textmenu li ul { /* second-level lists */
 	position: absolute;
 	width: 10em;
 	margin-left: -900em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
 	padding: 0 0 5px 0;
}

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

#textmenu li:hover ul ul, #textmenu li.sfhover ul ul {
	margin-left: -1000em;
}

#textmenu li:hover ul, #textmenu li.sfhover ul { /* lists nested under hovered list items */
 	margin-left: 0;
 	padding: 5px 0 5px 0;
}
#textmenu li li:hover ul, #textmenu li li.sfhover ul {
 	margin-left: -5em;
}

#textmenu a:hover {
  background: #D4D4D4;
}

/* extra positioning rules for limited noscript keyboard accessibility */
#textmenu li a:focus + ul { margin-left: 0; }
#textmenu li li a:focus + ul { margin-left: 1010em; }
#textmenu li li a:focus { margin-left:1000em; width:10em; background: #eee8aa; }
#textmenu li li li a:focus {margin-left: 2010em; width: 10em; background: #eee8aa; }
#textmenu li:hover a:focus, #textmenu li.sfhover a.sffocus { margin-left: 0; }
#textmenu li li:hover a:focus + ul, #textmenu li li.sfhover a.sffocus + ul { margin-left: 10em; }