.arrowlistmenu{
width: 186px; /*width of accordion menu*/  margin-left:10px;

}

.arrowlistmenu .menuheader1{ /*CSS class for menu headers in general (expanding or not!)*/
 background:url(../images/box-title1.gif) left top no-repeat;
 height:22px;
 line-height:22px;
 padding-left:7px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:11px;
 font-weight:bold;
 cursor: pointer;
}

.arrowlistmenu .menuheader2{ /*CSS class for menu headers in general (expanding or not!)*/
 background:url(../images/box-title2.gif) left top no-repeat;
 height:22px;
 line-height:22px;
 padding-left:7px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:11px;
 font-weight:bold;
 cursor: pointer;
}

.arrowlistmenu .menuheader3{ /*CSS class for menu headers in general (expanding or not!)*/
 background:url(../images/box-title3.gif) left top no-repeat;
 height:22px;
 line-height:22px;
 padding-left:7px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:11px;
 font-weight:bold;
 cursor: pointer;
}

.arrowlistmenu .menuheader4{ /*CSS class for menu headers in general (expanding or not!)*/
 background:url(../images/box-title4.gif) left top no-repeat;
 height:22px;
 line-height:22px;
 padding-left:7px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:11px;
 font-weight:bold;
 cursor: pointer;
}

.arrowlistmenu .menuheader5{ /*CSS class for menu headers in general (expanding or not!)*/
 background:url(../images/box-title5.gif) left top no-repeat;
 height:22px;
 line-height:22px;
 padding-left:7px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:11px;
 font-weight:bold;
 cursor: pointer;
}

.arrowlistmenu .menuheader6{ /*CSS class for menu headers in general (expanding or not!)*/
 background:url(../images/box-title6.gif) left top no-repeat;
 height:22px;
 line-height:22px;
 padding-left:7px;
 font-family:Arial, Helvetica, sans-serif;
 color:#FFFFFF;
 font-size:11px;
 font-weight:bold;
 cursor: pointer;
}

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

.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*/
}

.arrowlistmenu ul li{
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold;
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold;
/*color: #A70303;
background: url(../images/arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
/*border-bottom: 1px solid #dadada; */
font-family:Arial, Helvetica, sans-serif;
font-size:11px; color:#000000;
}

.arrowlistmenu ul li a:visited{
/*color: #A70303;*/
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
font-family:Arial, Helvetica, sans-serif; font-size:11px; /*color:#000000;*/ font-weight:bold; color: #666666;
background-color: #F3F3F3;
}