/* CSS Document */
.arrowlistmenu{
width: 220px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
color:#000;
margin-bottom:0; /*bottom spacing between header and rest of content*/
padding: 2px 0 4px 15px; /*header text is indented 15px*/
cursor: hand;
cursor: pointer;
line-height:18px;
background:url(../images/bg-h3.jpg) no-repeat;
}

.arrowlistmenu .menuheader:hover{
background:url(../images/bg-h3-hover.jpg) no-repeat;
}

.arrowlistmenu .menuheader a{
color: #000;
display:block;
}
.arrowlistmenu .menuheader a:hover{
color: #000;
}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-color:#F2F2F2;
}

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

.arrowlistmenu ul li{
background:#DDD;
}

.arrowlistmenu ul li a{
color: #000000;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display: block;
line-height:22px;
padding: 5px 0 5px 30px; /*link text is indented 19px*/
text-decoration: none;
font: Normal 12px Arial;
border-bottom: 1px solid #CCC;
height:1em;
}

.arrowlistmenu ul li a:active{
color: #000000;
}

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

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
background:#99cc66;
}