#mainNav { padding:0px; border-top:1px solid #c1c1c1; margin:0px; margin-bottom:0px; height:28px; background-image:url(images/navbg.jpg); font-size:11px; font-weight:bold; width:100%; }

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

#mainNav a {
  display: block;
    color:#FFFFFF;
      text-decoration:none;
}
#mainNav ul li a { border-right:1px solid #c1c1c1; padding:9px 8px 8px 8px; }
#mainNav li a:hover { background:#165e84; color:#FFFFFF; }
#mainNav ul ul li a { padding:3px; background:none; border-right:none; width:160px; color:#414141; font-weight:normal; } /* TOP LEVEL NAV */
#mainNav ul ul li a:hover { text-decoration:underline; color:#74896a; background:none; }
#mainNav li { /* all list items */
  float: left;
}
#mainNav .active { background:#165e84; 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: #F5F5F5;
  width: 170px;
  left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  display:block;
  border:1px solid #eaeaea;
  margin:0;
  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 { background:#165e84; color:#FFFFFF; }
#mainNav ul ul li:hover, #mainNav ul ul li.sfhover { background:none; color:#FFFFFF; }