body
{
     font-family: arial, helvetica, serif;
}
#nav, #nav ul
{ /* wszystkie listy */
     list-style: none;
     float: left;
     width: 125px;;
     padding: 0;
     margin: 0;
}
#nav li
{ /* wszystkie elementy list */
     list-style: none;
     float: left;
     width: 125px;
     background-color: transparent;
     line-height: 10px;
     text-indent: -5px;
}
#nav li ul
{ /* listy drugiego poziomu*/
     position: absolute;
     left: -999em;
     list-style: none;
     width: 175px;
     background-color: white;
     border: 1px solid #000080;
     margin-left: 120px;
     margin-top: -2.2em;
}

#nav li ul li {width: 175px;}

#nav li ul li ul{margin-left: 170px;}

#nav li a
{
     font-size: 10px;
     text-decoration: none;
     display: block;
     color: black;
     padding: 3px 8px 3px 13px;
}
#nav li a:hover {color: black;}

#nav li:hover, #nav li.sfhover {background-color: #f0f8ff;}

#nav li li:hover, #nav li li.sfhover {background-color: #b2c3e7;}

#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;
}