.arrowlistmenu{ width: 150px; height: 20px; border-bottom-color: #a5a5a5; border-bottom-width: 1px; /*width of accordion menu*/
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 12px Arial; color: black; background-image: url(../images/dropgrey1.jpg); background-repeat: repeat-x; background-attachment: scroll; background-position: left center; margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px 0 4px 10px; /*header text is indented 10px*/
border-bottom-color: #a5a5a5; border-bottom-width: 1px; cursor: hand; cursor: pointer; }
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
 }
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none; margin: 0 0 8px; padding: 0; border-bottom-color: #a5a5a5; border-bottom-width: 1px; /*bottom spacing between each UL and rest of content*/
}
.arrowlistmenu ul li{ text-decoration: none; padding-bottom: 2px; /*bottom spacing between menu items*/
}
.arrowlistmenu ul li a{ color: black; background: url(../images/dropgrey2.jpg) no-repeat left center; /*custom bullet list image*/
display: block; padding: 2px 0 2px 19px; text-decoration: none; border-bottom: 1px solid #dadada; font-size: 11px; font-family: Arial, Geneva, Helvetica, SunSans-Regular, sans-serif; border-right-color: #dadada; border-right-width: 1px; }
.arrowlistmenu ul li a:visited{ color: black; padding: 2px 0 2px 19px; }
.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #016452; text-decoration: none; padding: 2px 0 2px 19px; }