.arrowlistmenu{
width: 100%; /*width of accordion menu*/
padding-top:25px;
}
.arrowlistmenu  h3
{
padding:0x;
margin:0px;
}
.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font:arial;
font-size:12px;
color: #333333;
position: relative;
background:url(images/titlebar.jpg) repeat-x center left #EFE5C8;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}
.arrowlistmenu .menuheader .statusicon{ /*CSS for icon image that gets dynamically added to headers*/
position: absolute;
top: 5px;
right: 5px;
border: none;
}
.arrowlistmenu .menuheader a{
color:#333333;
display: block;
padding: 2px 0;
text-decoration: none;
font-weight: bold;
font-size: 12px;
}

.arrowlistmenu .menuheader a:visited{
color:#333333;
font-size:12px;
}

.arrowlistmenu .menuheader a:hover{ /*hover state CSS*/
color:#993300;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: url(images/titlebar_roll.gif) repeat-x ;
border-top: #ffffff 1px solid;
padding: 6px 0 5px 10px;
}

.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: #666;
background: url(images/arrowbullet.png) no-repeat left; /*custom bullet list image*/
display: block;
padding:0px 0 0 20px;
text-decoration: none;
border-bottom: 1px solid #dadada;
font-family:Arial, Helvetica, sans-serif;
font-size:85%;
font-weight:bold;
}

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

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}