#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
line-height:1.5em; 
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#nav a{
display:block;
padding:9px	 30px;
color:#fff;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif; 
font-size:12px;
font-weight:bold;
color:#FFF;
background:url(../images/menu-seprator.jpg) no-repeat top right;
}

#nav a:hover{
background-color:#f4e8b7;
color:#333;
}

#nav li{
float:left;
position:relative;
}

#nav ul {
position:absolute;
display:none;
width:125px;
top:35px;
left:0px;
z-index:1000;
}

#nav li ul a{
width:115px;
height:auto;
padding:3px 5px;
border:1px solid #FFF;
border-top:none;
float:left;
display:block;
color:#000;
text-decoration:none;
font-weight:bold;
background:transparent url(../images/submenu-bg.gif) repeat;
}

#nav li ul a:hover{
height:auto;
padding:3px 5px;
float:left;
display:block;
color:#000;
text-decoration:none;
font-weight:bold;
background-color:#fcf6dd;
}

#nav ul ul{
top:0px;
text-align:left;
}	

#nav li ul ul {
left:-150px;
width:150px;
}

#nav li ul ul a{
width:140px;
}

#nav li ul ul ul {
left:-250px;
width:250px;
}

#nav li ul ul ul a{
width:240px;
}


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