#navList {
   background-color:#1389B4;
   display:block;
   height: 24px;
   padding:0; margin: 0;
   border-top: 1px solid #606060;
   border-bottom: 1px solid #606060;
   font-family: Arial, Helvetica, sans-serif;
}
#nav, #nav ul /* all lists */
{
   padding: 0px; margin: 0px;
   list-style: none;
}
#nav li:hover
{
   position: static;
}
#nav li a
{
   display: block;
   padding: 0px; margin: 0;
   color: #ffffff;
}
#nav a
{
   text-decoration: none;
}
#nav li /* all list items */
{
   float: left;
   font-size: 13px;
   line-height: 24px;
   font-weight: bold;
   color: #ffffff;
   width: 95px;
   border-right: 1px solid #606060;
   text-align: left;
}
#nav li ul /* second-level lists */
{
   padding: 0px; margin: 0px;
   position: absolute;
   background-color: #63A6BF;
   left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
   width: 190px;
   border: 1px solid #606060;
   border-right: none;
   text-align: left;
}
#nav li ul li
{
   font-size: 11px;
   line-height: 19px;
   width: 190px;
   text-align: left;
}
#nav li ul ul /* third-and-above-level lists */
{
   padding: 0px;
   margin-left:190px;
   margin-top:-18px;
   text-align: left;
}
#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: #00AEEF;
}