.menu {
    background-color: #FBEEE2;
    margin-bottom: 12px;
    box-shadow: 0 0 6px #aaa;
    height: 38px;
    font-size: 16px;
    padding-left: 0;
    margin-top: 0;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
}

.menu a,
.menu span.parent {
    display: block;
    padding: 10px 20px;
    float:left;
    color: black;
    text-decoration: none;
}

.menu span.deeper.parent {
    padding: 0;    
}
.menu span.deeper.parent .separator {
    display: block;
    padding: 10px 20px;
    float: left;
}

.menu span.parent div.deeper a {
    float: none;
}

.menu a:hover,
.menu a.active {
    background-color: #F2DECB;
}


.menu div.deeper {
    margin-top: 38px;
    padding-left: 0;
    position: absolute;
    z-index:50;
    background-color: #FBEEE2;
    border: 1px solid #eaddd1;
    box-shadow: 4px 4px 4px #666;
}

.menu div.deeper {
    display: none;
    float: none;
}




.footerWrapper .menu {
    background-color: white;
    border: 1px solid #ddd;
    box-shadow: 0 0 0 white;
}

.footerWrapper .menu a {
    color: #888;
    font-size: 0.8em;
}

.footerWrapper .menu a.current,
.footerWrapper .menu a:hover {
    background-color: white;
}

.footerWrapper .menu .current,
.footerWrapper .menu a:hover {
    color: black;
}

.footerWrapper .menu a {
    float: right;
}