div#mainNav { z-index:1000; margin:0px 0px 0px 0px; padding:0; float:left; margin-left:100px; }

#mainNav ul { /* all lists */
  /*padding: 8px;*/
  padding:0;
  margin: 0;
  list-style: none;
  line-height: 1;
}

#mainNav a {
  display: block;
  color:#eaeaea;
  text-decoration:none;
  font-weight:bold;
}
#mainNav ul li a { padding:8px 10px 8px 10px; }
#mainNav li a:hover { background:none; color:#2890b8; }
#mainNav ul ul li a { padding:3px; background:none; border-right:none; height:13px; width:160px; color:#fff; font-weight:normal; font-size:11px; } /* TOP LEVEL NAV */
#mainNav ul ul li a:hover { text-decoration:none; color:#2890b8; background:none; border:none; margin:0px; }
#mainNav li { /* all list items */
  float: left;
}

#mainNav .active { background:#74896a; color:#FFFFFF; }
#mainNav .active a { color:#FFFFFF; }
#mainNav ul ul li { padding:3px 6px 3px 6px; }
#mainNav li ul { /* second-level lists */
  position: absolute;
  background: #001633;
  width: 170px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  display:block;
  margin:0;
  padding-top:15px;
  text-align:left;
}
#mainNav li ul ul { /* third-and-above-level lists */
  margin: -1em 0 0 10em;
  text-align:left;
  display:block;
  width:170px;
}


#mainNav li:hover ul ul, #mainNav li:hover ul ul ul, #mainNav li.sfhover ul ul, #mainNav li.sfhover ul ul ul {
  left: -999em;
  visibility:visible;
}

#mainNav li:hover ul, #mainNav li li:hover ul, #mainNav li li li:hover ul, #mainNav li.sfhover ul, #mainNav li li.sfhover ul, #mainNav li li li.sfhover ul { /* lists nested under hovered list items */
  left: auto;
}
#mainNav li.daddy { border-right:2px solid #414141; }

#mainNav li:hover, #mainNav li.sfhover { color:#949ba1; }
#mainNav ul ul li:hover, #mainNav ul ul li.sfhover { background:none; color:#FFFFFF; }