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

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

#nav li {
margin : 0;
padding : 0.1em;
position : relative;
float : left;
width : 12em;
background : #fcf5df;
display : block;
height : 1.7em;
}

#nav ul li { 
border-width : 1px 1px 0 0;
}

#nav ul ul li { 
border-width : 1px 1px 0 1px;
}

#nav a {
text-decoration : none;
color : #000;
display : block;
padding : 0.1em;
margin : 0.2em 0 0.2em 0.1em;
width : 11.5em;
height : 1em;
}

#nav a:hover, #nav li:hover {
background-color : #b3aa8d;
color : #fff;
}
#nav ul li:hover, #nav ul li a:hover {
background-color : #cdc3a6;
}

#nav ul {
display : none;
}

/*all see this */
#nav ul ul {
display : none;
position : absolute;
margin-top : -1.8em;
margin-left : 12em;
}

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

#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;
}