ul#mainnav {
float: left; 
margin:0; 
padding:0; 
list-style:none; 
width:217px; 
}

ul#mainnav li { 
margin:0; 
padding:8px 0 8px 0px; 
font-size:1.1em; 
background-image: url(../images/dots.gif); 
background-repeat: repeat-x; 
background-position: left bottom; 

/*min-height hack*/
min-height: 15px;
height: auto;
_height: 15px;
}


ul#mainnav li a.noarrow{ /*main menu*/
color:#543300;
/*color:#339966; */
display:block; 
width:195px; 
height:100%; 
margin:-8px -5px -8px 0px; 
padding:8px 5px 8px 17px; 
text-decoration:none; 
background-image: url(../images/arrow-on.gif);  
background-repeat: no-repeat; 
background-position: left center; 
}

ul#mainnav li a.arrow { /*sub menu*/
/*color:#666;*/
color:#b39466;  
display:block; 
width:180px; 
height:100%; 
margin:-8px -5px -8px 15px; 
padding:8px 5px 8px 17px; 
text-decoration:none; 
background-image: url(../images/arrow-off.gif); 
background-repeat: no-repeat; 
background-position: left center; 
}

ul#mainnav li a:hover { 
color:#fff; 
background-color:#309864; 
background-image: url(../images/arrow-on.gif); 
background-repeat: no-repeat; 
background-position: left center;
}

ul#mainnav li.current { 
background-color:#F2F2E6; 
background-image: url(../images/dots.gif); 
background-repeat: repeat-x; 
background-position: left bottom; 
}

ul#mainnav li ul li.current, 
ul#mainnav li ul li.current a {  
font-weight: normal; 
background-color:#F2F2E6; 
color:#000 
}