#nav{
    position:absolute;
    top: 58px;
    right:10px;
    margin-left: 200px;
    z-index: 1;
    background-color: #BDA390;
    border-radius: 10px;
}
#nav a{
    text-decoration:none;   
    font-weight: bold;
    color: #000;
}
#nav ul.root{
    padding: 0 5px 0 5px; 
}
#nav ul.root > li{
  /*float:left;*/
  display:inline-block;
  padding: 5px 5px  0 5px;
  z-index: 0;
  height: 1.4em;
  position:relative;
  white-space: nowrap;
  border-left: 1px solid #000;
}
#nav ul.root > li:first-child{
  border-left: none;
}
#nav ul.root > li > ul{
    top: 1.4em;
}
    
#nav ul{
    list-style-type: none;
    position:relative;
    margin:0;
}

#nav ul ul{
    background-color: #BDA390;
    box-shadow: 7px 7px 10px #333;
    border: solid 2px #454034;
    display:none;   
    position:absolute;
    top: 0;
    left: 0;
    min-width: 150px;
}
#nav ul ul a{
    color: #000;
}
#nav ul.root ul ul{
    top: -5px;
    left: -150px;
}
#nav ul.root ul ul ul{
    top: 0;
    left: 150px;
}
#nav ul ul li{
    position:relative;
    padding-right: 20px;   
    min-width:130px;
}
#nav a.haschildren:after{
    content: " +>";
    font-size: .8em;
    position:absolute;
    top:.2em;
    right: 0;
}
#nav  ul.root > li > a.haschildren:after{
    content: " +";
    vertical-align:sub;
    position:static;
}
#nav  ul.root > li > ul > li > a.haschildren:after{
    content: "";
}
#nav  ul.root > li > ul > li > a.haschildren:before{
    content: "<+ ";
    vertical-align:sub;
    position:static;
}

#nav li:hover{
    background-color: #391F08;
}
#nav li:hover > a{
    color: #FFF;
}
#nav li:hover > ul{
    display:block;   
}