.menu {
    height: 37px;
    background: url(../images/menu_gradient.png);
}

/* toplevel */

.menu ul {
    position: relative;
    left: 60px;
    width: 650px;
    
    lleft: 50%;
    margin: 0px;
    padding: 0px;
    mmargin-left: -325px;
    list-style-type: none;
    text-align: center;
    
    
    z-index: 100;
}

.menu ul li {
    float: left;
    width: 130px;
    
    position: relative;
    display: inline;
}

.menu a {
    height: 27px;
    padding-top: 10px;
    display: block;
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
}

.menu a.selected, .menu a:hover {
    background: url(../images/menu_gradient_hover.png) repeat-x;
}

/* underlying levels */

.menu ul li ul {
    background: #5E5E5E;
    width: 126px;
    border: solid 1px #2D2D2D;
    border-top: none;
    
    position: absolute;
    left: 0px;
    display: none;
    visibility: hidden;
}

.menu ul li ul li {
    display: list-item;
    float: none;
    width: 128px;
}

.menu ul li ul li a {
    bbackground: #2D2D2D;
}

.menu ul li ul li a:hover, .menu ul li ul li a.selected {
    background: #2D2D2D;
}

/* subsequent menus */

.menu ul li ul li ul{
    top: 0px;
}