#menu {
        background: #f0e7d7;
        width: 112px;
        margin: 0px ;
        padding: 4px;
}
 
#menu ul {
        text-align: left;
        list-style: none;
        padding: 0px;
        margin: 0px ;
        width: 112px;
}
 
#menu ul li {
        display: block;
        margin: 0px;
        padding: 0px;
        width: 112px;
}
 
#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:112px; }
#menu ul li:hover ul li ul {display: none;}
#menu ul li:hover ul li:hover ul {display:block; position:absolute; left:112px; top:0; }
 
/* javascript option */
#menu ul li.sfhover ul {display:block; position:absolute; top:0; left:112px; }
#menu ul li.sfhover ul li ul {display: none;}
#menu ul li.sfhover ul li.sfhover ul {display:block; position:absolute; left:112px; top:0; }