#nav, nav ul 
{
    margin: 0; 
    padding: 0; 
    list-style: none;
    z-index: 1;
    position:absolute;
}

#nav a 
{
    display:block; 
    width:auto; 
    border: 1px solid black; 
    text-decoration:none; 
    background:#828494; 
    color:#fff; 
    font: bold 10px Verdana;
}

#nav a:hover
{
    background: #888; 
    color: #fff;
}

#nav li 
{
    float: left; 
    position: relative; 
    list-style: none; 
    background-color: #c8c8c8;
}

#nav li a 
{
    display: block; 
    padding: 4px 11px; 
    background: #828494; 
    text-decoration: none; 
    width: auto; 
    color: #FFFFFF;
}

#nav li a:hover 
{
    background: #828494; 
    font: bold 10px Verdana; 
    cursor: pointer;
}

#nav li ul 
{
    margin:0; 
    padding:0; 
    position:absolute; 
    left:0; 
    display:none;
}
            
#nav li ul li a 
{
    width:auto; 
    padding:4px 10px; 
    background:#FFFFE0; 
    color:black;
}

#nav li ul li a:hover 
{
    background: #A52A2A;
}

#nav li:hover > ul 
{
    display:block;
}