#nav, #nav ul{
margin:0;
padding:0;
list-style-type:none;
list-style-position:outside;
position:relative;
z-index:1101;

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

#nav ul {
position:absolute;
display:none;
width:150px;
top:15px;
left:0;
z-index:1112;
}

ul#nav{margin-top:-10px;}
#nav li ul a{
width:150px;
height:auto;
float:left;
}

#nav ul ul{
top:auto;
}	

#nav li ul ul {
left:150px;
margin:0px 0 0 1px;
}

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

/* this is used for padding between linked text which is based on designed pattern with respect to #nav li width [ maxlength = 30 ] */
#nav li a{text-decoration:none;}
#nav li ul a{padding:0 15px; margin:0 5px 0 3px; width:112px; font:bold 12px/25px Arial, Helvetica, sans-serif; color:#97601F; }
#nav li ul a:hover{background:#DAC78E; color:#97601F; }
#nav li ul{background:url(../images/menu_li_first_bg.png) no-repeat 0px 0; padding-top:35px;}
#nav li ul li{background:url(../images/menu_li_bg.png) repeat-y 50% 0; display:block; clear:both; width:150px;}
#nav li ul li.first{background:none;}
#nav li ul li.last{ background:url(../images/menu_li_last_bg.png) no-repeat 0 100%; padding-bottom:25px;}