#menu {
        background: #f0e7d7;
        width: 120px;
        margin: 0px ;
        padding: 5px;
}

#menu ul {
        text-align: left;
        list-style: none;
        padding: 0px;
        margin: 0px ;
        width: 110px;
}

#menu ul li {
        display: block;
        margin: 0px;
        padding: 0px;
        width: 110px;
}

#menu ul li a {
        display: block;
        text-align: center;
        font-size: 13px;
        width: 110px;
        padding: 0.5em 0 0.5em 0em;
        margin: 0 ;
        border-width: 1px;
        border-color: #ffe #aaab9c #ccc #fff;
        border-style: solid;
        color: #777;
        text-decoration: none;
        background: #f7f2ea;
}


#menu ul li#menuliactive a {
        background: #f0e7d7;
        color: #800000;
}

#menu ul li a:hover, #menu ul li#menuliactive a:hover, #menu a:visited:hover  {
        color: #800000;
        border-color: #aaab9c #fff #fff #ccc;
}





.menu ul li {position:relative;}

.menu ul li ul {display: none; background: #f0e7d7; }

/* specific to non IE browsers */
.menu ul li:hover ul {display:block; position:absolute; top:0; left:110px; }
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:110px; top:0; }

/* javascript option */
.menu ul li.sfhover ul {display:block; position:absolute; top:0; left:110px; }
.menu ul li.sfhover ul li ul {display: none;}
.menu ul li.sfhover ul li.sfhover ul {display:block; position:absolute; left:110px; top:0; }