#nav ul {
    width: 204px;
    margin: 0;
    padding: 0;
    list-style: none;
    
}

#nav ul li {
    position: relative;
 }

#nav li ul {
    top: -1px;
    position: absolute;
    left: -9999px;
    display: none;
}

#nav ul li a {
    display: block;
    text-decoration: none;
    color: #725a48;
    background: #f0efef;
    padding: 6px 0 6px 25px;
    width: 179px;
    font: normal 13px "Century Gothic", Verdana, Arial;

}

#nav li.parent>a:after {
    content: " >";
}

#nav ul li a:hover,
#nav ul li a:focus ,
#nav ul li a:active ,
#nav ul li a.ofocus,
#nav li ul li a.ofocus {
    color: #fff;
   background: #776f71;
}



 
#nav li:hover ul,
#nav .navfxenabled li.over ul,
#nav li ul li:hover ul,
#nav .navfxenabled li ul li.over ul  {
    display: block;
    left: 204px;
    margin-left: 0px;
background: #776f71;
}

 
#nav li:hover ul ul,
#nav .navfxenabled li.over ul ul ,
#nav .navfxenabled li:hover ul {
    left: -999px;
    left: 204px;
    margin-left: 0px;
background: #9d9b8c;

}

#nav ul li.active>a,
#nav .activepath ul a,
#nav .active ul a,
#nav li.activepath a:focus,
#nav li.active a:focus,
#nav li.activepath a:active,
#nav li.active a:active,
#nav li.activepath a:hover,
#nav li.active a:hover,
#nav ul li.activepath>a
{
   color: #725a48;
    background: #878574;
}


#nav li.activepath ul {
    display: block;
}

#nav a:focus+ul, #nav a:active+ul{
    left: 148px;
}


#nav li ul li a:focus+ul {
    left: 1248px;
}

#nav li ul li a:focus, #nav li ul li a:active {
    position: absolute;
    left: 1148px;
}


#nav li ul li ul a:focus, #nav li ul li ul a:active  {
    position: absolute;
    left: 2180px;
}

#nav li ul li a:hover, 
#nav li:hover ul li a:focus ,
#nav li:hover ul li a:active,
#nav .navfxenabled li ul li a:focus ,
#nav .navfxenabled li ul li a:active {
    position: static;
}