#nav {
   width:100%; height:30px;
   padding:0 0 5px 0; margin:0;
}
#nav ul {list-style:none;
   margin:0;padding:0;
}
#nav a {text-decoration:none;}
#nav li:hover {position:static;}
#nav li {
   float:left;text-align:left;width:33%;
   background-color:#D9E5DF;
   line-height:15px;
}
#nav li a {color:#003333;font-size:100%;font-weight:bold;padding:10px;display:block;}

#nav li ul {
   margin:-1px 0 0 0;padding:0;
   position:absolute;width:210px;
   left:-999em;
   /* using left instead of display to hide menus because display: none isn't read by screen readers */}
#nav li ul li {
width:210px;
   background-color:#D9E5DF;   
}
#nav li ul li a {
   color:#000033;font-size:100%;font-weight:normal;float:left;width:200px;padding:5px 0 5px 0;}
#nav li ul ul /* third-and-above-level lists */{
   margin:0 0 0 210px;}
#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:#8AA399;
   }