.arrowlistmenu{
width:233px; /*width of accordion menu*/
overflow:hidden;
}

.arrowlistmenu .menuheader {/*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black url(../images/titlebar.png) repeat-x center left;
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: hand;
cursor: pointer;
}

.arrowlistmenu .menuheader1, .arrowlistmenu .menuheader2, .arrowlistmenu .menuheader3, .arrowlistmenu .menuheader4, .arrowlistmenu .menuheader5,.arrowlistmenu .menuheader6 {
font: bold 14px Arial;
color: black;
margin-bottom: 0px; /*bottom spacing between header and rest of content*/
/*text-transform: uppercase;*/
padding: 10px 0 4px 50px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
height:25px;
}

.menuheader1 {
background: black url(../images/menu/titlebar1.png) repeat-x center left;
}
.menuheader2{
background: black url(../images/menu/titlebar2.png) repeat-x center left;
}
.menuheader3{
background: black url(../images/menu/titlebar3.png) repeat-x center left;
}
.menuheader4{
background: black url(../images/menu/titlebar4.png) repeat-x center left;
}
.menuheader5{
background: black url(../images/menu/titlebar5.png) repeat-x center left;
}
.menuheader6{
background: black url(../images/menu/titlebar6.png) repeat-x center left;
}

.menuheader a:link, .menuheader a:visited, .menuheader a:active{color:white;};
.menuheader1 a:link, .menuheader1 a:visited, .menuheader1 a:active{color:white;};
.menuheader2 a:link, .menuheader2 a:visited, .menuheader2 a:active{color:white;};
.menuheader3 a:link, .menuheader3 a:visited, .menuheader3 a:active{color:white;};
.menuheader4 a:link, .menuheader4 a:visited, .menuheader4 a:active{color:white;};
.menuheader5 a:link, .menuheader5 a:visited, .menuheader5 a:active{color:white;};
.menuheader6 a:link, .menuheader6 a:visited, .menuheader6 a:active{color:white;};


.menuheader a:hover{color:#0066FF;};
.menuheader1 a:hover{color:#0066FF;};
.menuheader2 a:hover{color:#0066FF;};
.menuheader3 a:hover{color:#0066FF;};
.menuheader4 a:hover{color:#0066FF;};
.menuheader5 a:hover{color:#0066FF;};
.menuheader6 a:hover{color:#0066FF;};


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

.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: #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-size: 90%;
}

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

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