.arrowlistmenu{
margin-bottom: 10px;
margin-top: 10px;
width: 275px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color: white;
background: #4f4f4f url(img/slider_bg_gray.gif) repeat-x center -40px; /*bottom spacing between header and rest of content*/

padding: 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
text-align: left;
margin: 0;
}

.arrowlistmenu .openheader{
margin: 0 auto;
background: #a11100 url(img/slider_bg_red.gif) 0;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
padding: 0;
margin: 0;
}

.arrowlistmenu ul li{
padding-bottom: 0;
}

.arrowlistmenu ul li a{
color: #6c330f;
background: none no-repeat center; /*custom bullet list image*/




font-weight: bold;

font-size: 90%;
padding: 1px;
}

.arrowlistmenu ul li a:visited{
color: #4b2a15;
padding: 1px;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #9e4a16;
background-color: #F3F3F3;
padding: 1px;
}