#nav {
   width:770px; height:30px;
   padding:11px 0 0 0;
   margin:0 0 2px 0;
   background:url('/images/nav.gif');
   text-align:center;
   clear:both;
}
#nav ul {list-style:none;margin:0 15px 0 25px;padding:0;}
#nav a {text-decoration:none;}
#nav li:hover {position:static;}
#nav li {float:left;text-align:left;}
#nav li a {color:#ffffff;font-size:12px;font-weight:bold;padding:0 3px 10px 3px;display:block;}
#nav li ul {
   margin:-4px 0 0 0;padding:0;
   position:absolute;background-image:url(/images/topnav_bg.gif);background-repeat:repeat-y;
   width:170px;left:-999em;
   /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li a {
   color:#EAEFF9;font-size:12px;font-weight:normal;float:left;width:155px;border-top:1px dotted #ffffff;}
#nav li ul a {
   width:155px;padding:2pt 5px 3pt 10px;}
#nav li ul ul /* third-and-above-level lists */{
   margin:0 0 0 170px;}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {left:-999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul /* lists nested under hovered list items */ {
   left:auto;}
#nav ul li:hover, #nav ul li.sfhover {
   background:#669999;}