#nav {
background : url(../assets/nav-bg.gif) no-repeat;
height : 36px;
}
#nav ul {
list-style : none;
margin : 1px 0 0 12px;
padding : 0;
float : left;
}
#nav a {
display : block;
margin : 0 0 0 0;
padding : 8px 10px;
text-align : center;
font-size : 14px;
font-weight : bold;
color : #442f28;
text-decoration : none;
}
#nav li {
position : static;
float : left;
border-right : 1px solid #ecc886;
}
#nav li:hover {
background : url(../assets/nav-rollover.gif) repeat-x;
}
#nav ul ul li a {
font-weight : normal;
width : 100%;
text-align : left;
padding : 5px;
}
#nav ul ul li {
display : block;
width : 140px;
clear : left;
background : #ffdfa3;
border-bottom : 1px solid #e0b86a;
}
#nav ul ul li:hover {
background : #e0b86a;
}
#nav ul ul {
margin : 0;
padding : 0;
position : absolute;
z-index : 500;
border : 3px solid #e0b86a;
border-top : none !important ;
border-bottom : 2px solid #e0b86a !important ;
}
#nav ul ul ul {
position : absolute;
top : 0;
left : 100%;
}
#footer ul {
list-style : none;
padding : 0;
}
#footer li {
position : static;
float : left;
border-right : 1px solid #ecc886;
padding : 0 4px;
}
#footer .child {
display : none;
}
div#nav ul ul, div#nav ul li:hover ul ul, div#nav ul ul li:hover ul ul {
display : none;
}
div#nav ul li:hover ul, div#nav ul ul li:hover ul, div#nav ul ul ul li:hover ul {
display : block;
}