body {
font : 62.5% Helvetica, Verdana, Arial, Sans-Serif;
color : #775056;
}
#nav, #nav ul {
margin : 0;
padding : 0;
list-style-type : none;
list-style-position : outside;
position : relative;
line-height : 1.8em;
}
#nav a {
display : block;
padding : 0 5px;
border-bottom : 1px solid #aba27f;
border-left : 1px solid #aba27f;
border-right : 1px solid #aba27f;
border-top : 2px solid #aba27f;
color : #6d5b4b;
text-decoration : none;
background-image : url(../images/hg1.jpg);
}
#nav a:hover {
background-color : #e1ddcc;
background-image : url(../images/hg2.jpg);
color : #775056;
outline : none;
}
#nav li {
float : left;
position : relative;
}
#nav ul {
position : absolute;
display : none;
width : 10em;
top : 1.8em;
}
#nav li ul a {
width : 8em;
height : auto;
float : left;
}
#nav ul ul {
top : auto;
}
#nav li ul ul {
left : 10em;
margin : 0 0 0 -8px;
}
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul {
display : none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul {
display : block;
}