/*PROPRIEDADES DO MENU VERTICAL E LISTAS*/
ul {
    list-style-type: none;
    margin: 5px;
    padding: 2px;
    border: 1px solid #fff;
    width: 150px;
    font: bold 12px verdana, sans-serif;
    color: #036;
}

ul#menu1 {
    color: #930;
}

ul#menu2 {
    color: #600;
}

ul#menu3 {
    color: #060;
}

ul#menu4 {
    color: #906;
    border: 2px solid #fff #fff #ccc #fff;
}

ul#menu5 {
    color: #C60;
}


li   { 
    background: #fff;
    margin: 0;
    padding: 2px 2px;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    boder-bottom: 1px solid #fff;
}   

ul a:link, ul a:visited, ul a:hover, ul a:active {
    display: block;
    text-decoration: none;
}

ul a:link {
    color:#ccc;
}    

ul a:visited {
    color:#ccc;
}

ul a:hover { 
    color:#fff;
    background:#036;
}

ul#menu1 a:hover { 
    color:#fff;
    background:#930;
}

ul#menu2 a:hover { 
    color:#fff;
    background:#600;
}

ul#menu3 a:hover { 
    color:#fff;
    background:#060;
}

ul#menu4 a:hover { 
    color:#fff;
    background:906;
}

ul#menu5 a:hover { 
    color:#fff;
    background:C60;
}

ul a:active {
    color: #ccc;
}  

/*FIM DAS PROPRIEDADES DO MENU VERTICAL E LISTAS*/

/*MENU HORIZONTAL*/

<style type="text/css"> 
#menu div.barraMenu, 
#menu div.barraMenu a.botaoMenu { 
font-family: sans-serif, Verdana, Arial; 
font-size: 8pt; 
color: white; 
} 

#menu div.barraMenu { 
text-align: left; 
} 

#menu div.barraMenu a.botaoMenu { 
background-color: #556975; 
color: white; 
cursor: pointer; 
padding: 4px 6px 2px 5px; 
text-decoration: none; 
} 

#menu div.barraMenu a.botaoMenu:hover { 
background-color: #930; 
} 

#menu div.barraMenu a.botaoMenu:active { 
background-color: #930; 
color: black; 
} 
</style> 

/*FIM DO MENU HORIZONTAL*/