#nav{
  margin: 0;
  padding: 0;
  list-style: none; 
}

#nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
  width: 12em;
  z-index: 99;
  position: absolute;
  overflow: visible;
}

#nav li { 
  margin:0;   
  float:left;
	width: 12em;
  display:block;
  height:auto;  
  border-right: 2px solid #E1E1D8;
  background: #979577;
}

#nav ul li{ width: 14em; border: 1px solid #E1E1D8; }
#nav ul ul li{ border: 1px solid #E1E1D8; }
#nav ul li:first-child{ border-top: 0; }
#nav ul ul li:first-child{ border-top: 1px solid #E1E1D8; }
 
#nav a {
  text-decoration:none; 
  display:block;
  padding: 5px 10px;  
  height:auto;
  color: #fff;
  font-weight: bold;
  font-size: 13px;
}

#nav a:hover, #nav li:hover{
  background-color:#ADAB94; 
}
#nav ul li:hover, #nav ul li a:hover{ background-color: #ADAB94;}


#nav ul{
  display:none;   
  border-top: 2px solid #E1E1D8;
  width: 18em;
}

/*all see this */
#nav ul ul, #nav ul ul ul{
  display: none; 
  position: absolute; 
  margin-left: 14em;
  margin-top:-2.27em; 
  border: 0;
}

/* non-IE browsers see this */
#nav ul li>ul, #nav ul ul li>ul{
  margin-top: -2.27em; 
}
 
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
  display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
  display:block;
}

li>ul { 
	top: auto;
	left: auto;
}