#menu li
{
    display:        block;
    float:          left;
}

#menu li a, #menu li a:active, #menu li a:hover, #menu li a:visited
{
    display:        block;
    float:          left;
    padding-left:   20px;
    padding-right:  20px;
    color:          #FFFFFF;
    text-transform: uppercase;
    font-size:      12px;
    font-weight:    bold;
    text-align:     center;
    height:         40px;
    line-height:    40px;
}


#menu li a:hover, #menu li.selected
{
    background:     url(/images/layout/bg-repeat-active.png) repeat-x;
}

#submenu li
{
    display:        block;
    float:          left;
}

#submenu li a, #submenu li a:active, #submenu li a:hover, #submenu li a:visited
{
    display:        block;
    color:          #FFFFFF;
    padding-left:   20px;
    padding-right:  20px;
    text-transform : uppercase;
    font-size:      11px;
    font-weight:    bold;
    text-align:     center;
    height:         30px;
    line-height:    30px;
}

#submenu li a:hover, #submenu li.selected
{
    color:          #FFFFFF;
    text-decoration: underline;
}