/* Soda Cafe menu.css CSS Document */ 

#menu { 
        width: 12em; 
        padding: 20px; 
        padding-top: 0px; 
} 

#menu ul { 
        list-style: none; 
        margin: 0; 
        padding: 0; 
        width: 100px; 
} 

#menu a, #menu h2 { 
        font-size: 10px; 
        font-family: Tahoma, Verdana, Arial; 
        color: white; 
        display: block; 
        margin: 0; 
        padding: 2px 3px 3px 3px; 
        font-weight: normal; 
} 

html>body #menu a, #menu h2 { 
        border-bottom: 1px solid transparent; 
        padding: 2px 3px 2px 3px;} 

#menu h2 { 
        color: #fff; 
        text-transform: uppercase; 
} 

#menu a { 
        color: white; 
        text-decoration: none; 
        text-transform: lowercase; 
} 

#menu a:hover { 
        color: #5F82AE; 
        border-bottom: 1px solid #B8B6B6; 
        padding: 2px 3px 2px 3px; 
} 

#menu li { 
        position: relative; 
} 

#menu ul ul ul { 
        position: absolute; 
        top: 0; 
        left: 100%; 
        width: 100%; 
} 

div#menu ul ul ul, 
div#menu ul ul li:hover ul ul{ 
        display: none; 
} 

div#menu ul ul li:hover ul, 
div#menu ul ul ul li:hover ul { 
        display: block; 
} 

div#menu ul ul li ul li a { 
        border-left: 1px solid #5a5a5a; 
        padding: 2px 3px 3px 3px; 
} 
html>body div#menu ul ul li ul li a { 
        border-bottom: 1px solid transparent; 
        padding: 2px 3px 2px 3px; 
} 
        
div#menu ul ul li ul li a:hover { 
        padding: 2px 3px 3px 3px; 
        border-bottom: none; 
        } 
html>body div#menu ul ul li ul li a:hover { 
        border-bottom: 1px solid transparent; 
        padding: 2px 3px 2px 3px; 
}