.arrowlistmenu a:link {color:#FFF; text-decoration: none;}      /* unvisited link */
.arrowlistmenu a:visited {color:#FFF; text-decoration: none;}  /* visited link */
.arrowlistmenu a:hover {color:#FFF; text-decoration: none;}  /* mouse over link */
.arrowlistmenu a:active {color:#FFF; text-decoration: none;}  /* selected link */

p#button{margin:0px; cursor:pointer; width:210px; height:30px; margin-bottom:4px;}

.arrowlistmenu{
width: 220px; /*width of accordion menu*/
background:black;
}

.menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: 14px Gothic;
color: #666666;
background: black url('styles/images/button.jpg');
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: pointer;
}

.arrowlistmenu .menuheader:hover{background: black url('styles/images/selected.jpg');}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url('styles/images/selected.jpg');
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 5px; /*bottom spacing between each UL and rest of content*/
background: black;
}

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

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: url('styles/images/selected.jpg') !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: black !important;
}

.arrowlistmenu ul li a{
display: block;
padding: 2px 0;
padding-left: 14px; /*link text is indented 14px*/
font-size: 90%;
text-transform: uppercase;
}

.arrowlistmenu ul li a:hover, .arrowlistmenu ul li ul li a:hover{ /*hover state CSS*/
background: url('styles/images/selected.jpg');
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: url('styles/images/selected.jpg');
}