.arrowlistmenu{
width: 240px; /*width of accordion menu*/
border:solid 1px #ddd;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
background:url(../img/AccordionTab0.gif) no-repeat;
padding: 5px 0 0 25px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
font-weight:normal;
width: 215px;
height:25px;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url(../img/AccordionTab2.gif);
color:#fff;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
	width:220px;
	margin-left:10px;
	line-height:100%;
}

.arrowlistmenu ul li em{
font-size:10px;
width:220px;
color:#fff;
background-color:#4C683A;
padding:0 10px;
}



.arrowlistmenu ul li a{
display: block;
color: #333;
background: url(../img/arrow4_10.gif) no-repeat 0px; /*custom bullet list image*/
padding: 8px 0;
padding-left: 16px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #ddd;
line-height:1.1em;
}


.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color:#CF0000;
background: #F2F2F2 url(../img/arrow4_2.gif) no-repeat center left; /*custom bullet list image*/
}

.arrowlistmenu ul li a.type2{
display: block;
color: #666;
background: url(../img/arrow4_10.gif) no-repeat 0px; /*custom bullet list image*/
padding: 8px 0;
padding-left: 16px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 3px solid #999;
line-height:1.1em;
font-size:98%;
}


.arrowlistmenu ul li a.type2:hover{ /*hover state CSS*/
color:#CF0000;
background:#F2F2F2 url(../img/arrow4_2.gif) no-repeat center left; /*custom bullet list image*/
}