#nav, #nav ul {
   padding: 0;
   margin: 0;
   list-style: none;
        padding-left: 2px;
        font-size:12px;
        color:#333;
        font-family:arial;
        font-weight:normal;
}

#nav a {
        text-decoration:none;
        color:#333;
}
#nav a:hover{
        color:brown;
}

#nav li { /* all list items */
   float: left;
   width: auto;
   background: #F99D38;
   padding:5px;
   display: block;   

}

#nav li li{
	width:12em;
	font-size:10px;
}

#nav li ul { /* second-level lists */
   position: absolute;    
   margin-top: 6px;
   width: 12em;
   font-size:10px;
   left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}
#nav ul li {
   background: #FCD997;
        margin: 0px 0 0 -1px;  
       
   }

#nav li ul ul { /* third-and-above-level lists */
         margin-top: -10em;
         margin-left: 8em;
}

#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 ul{
padding-top:100px;
}