.arrowlistmenu{
width: 210px; /*width of accordion menu*/
; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 8pt; color: #993399; font-weight: normal}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 8pt Verdana, Arial, "Trebuchet MS";
color: white;
background: #CC66CC; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
; padding-top: 3px; padding-right: 0; padding-bottom: 3px; padding-left: 10px; margin-bottom: 2px; margin-top: 0px}

.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;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #993399; /*custom bullet list image*/
display: block;
padding-left: 3px; /*link text is indented 3px*/
text-decoration: underline;
font-weight: normal;
border-bottom: 1px solid #dadada; padding-top: 2px; padding-right: 0; padding-bottom: 2px}

.arrowlistmenu ul li a:visited{
color: #993399;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #993399;
background-color: #FFFFFF;
; font-weight: normal; text-decoration: none}