/* Definições gerais do menu -------------------------------------------------------- */
#mainMenu {
    position:absolute;
    left:0px;
    top:133px;
    z-index:10
}
#mainMenu ul                                                                                
{
    list-style-type:none;
    padding:0px 0px;
}
/* 1º Nível do menu ----------------------------------------------------------------- */
#mainMenu > ul > li
{
    float:left; 
    cursor:pointer;
}
#mainMenu > ul > li > div                                                                                       /* Define o estilo do 1º nível do menu */
{
    color:White;
    font-weight:bold;
    font-family:Arial;
    font-size:8pt;
    height:26px;
    width:120px;
    line-height:26px;
    background-color:black;
    text-align:center;
    overflow:hidden;
    background-image:url("images/CenterButtonBackground.gif"); 
    background-repeat:no-repeat; 
    background-position:left top;
    background-image:linear-gradient(hsla(0,0%,100%,.5), hsla(0,0%,100%,0));
    background-image:-moz-linear-gradient(hsla(0,0%,100%,.5),hsla(0,0%,100%,0) 80%);
    background-image:-webkit-gradient(linear, 0 0, 0 85%, from(hsla(0,0%,100%,.5)), to(hsla(0,0%,100%,0)));
    border-left:1px solid #333;
}
#mainMenu > ul > li > div                                                                                       /* Define a separação entre os items do 1º nível do menu */
{
    border-left:1px solid #333;
}
#mainMenu > ul > li:first-child > div                                                                           /* Define a separação entre os items do 1º nível do menu */
{
    border-left:none;
}
#mainMenu > ul > li > div:hover {                                                                               /* Define o estilo do 1º nível do menu quando sob o cursor*/
    background-image:url("images/CenterButtonSelected.gif"); 
    background-repeat:no-repeat; 
    background-position:left top;
    background-image:linear-gradient(#ccc,#555 60%);
    background-image:-moz-linear-gradient(#ccc,#555 60%);
    background-image:-webkit-gradient(linear, 0 0, 0 60%, from(#ccc), to(#555));
}
/* 2º Nível do menu ----------------------------------------------------------------- */
#mainMenu > ul > li > ul
{
    display:none;                                                                                               /* Torna invisivel o segundo nível do menu*/
}
#mainMenu > ul > li:hover > ul                                                                                  /* Torna visivel o 2º nível do menu quando a opção do 1º nivel se encontra sob o cursor */
{
    display:block;
    position:absolute;
    background-color:#cae3e5;
}
#mainMenu > ul > li:hover > ul li div                                                                           /* Definição das caracteristas 2º nivel do menu */
{
    text-align:left;
    font-family:Arial;
    font-size:8pt;
    font-weight:bold;
    color:black;
    background-image:none;
    display:block;
    padding:6px 10px;
    line-height:15px;
    min-width:100px;
    vertical-align:middle;
    border-bottom: 1px solid black;
    border-top: 1px solid white;
}
#mainMenu > ul > li:hover > div                                                                                 /* Imagem de fundo da opção do 1º nivel quando o cursor se encontra sob as opções do seu 2º nivel */
{
    background-image:url("images/CenterButtonSelected.gif"); 
    background-repeat:no-repeat; 
    background-position:left top;
    background-image:linear-gradient(#ccc,#555 60%);
    background-image:-moz-linear-gradient(#ccc,#555 60%);
    background-image:-webkit-gradient(linear, 0 0, 0 60%, from(#ccc), to(#555));

}
#mainMenu > ul > li:hover ul li:hover div                                                                       /* Imagem de fundo da opção do 2º nivel do menu quando sob o cursor */
{
    background-image:none;
    background-color:#96aebe;
}