.arrowlistmenu{
width: 100%; /*width of accordion menu*/
background:#fff;
border:1px #ddd solid;
margin-bottom:5px;
box-shadow:0px 0px 10px #E0DEDE;
-moz-box-shadow:0px 0px 10px #E0DEDE;
}

.arrowlistmenu .menuheader{ 
height:52px;
font-size:16px;
line-height:52px;
color: #fff;
border-top:1px #ddd solid;
border-bottom:1px #ddd solid;
background:#999999 url(close.gif) 10px no-repeat;  
margin-bottom: 1px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding-left:30px; 
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background:#999999 url(open.gif) 10px no-repeat;  
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
padding:3px 0px;
margin-bottom:1px;
}

.arrowlistmenu ul li{
height:42px;
padding-bottom: 0px; /*bottom spacing between menu items*/
margin-bottom:0px;
}

.arrowlistmenu ul li .opensubheader{ /*Open state CSS for sub menu header*/
background: lightblue !important;
}

.arrowlistmenu ul li .closedsubheader{ /*Closed state CSS for sub menu header*/
background: lightgreen !important;
}

.arrowlistmenu ul li a{
color: #505050;
display: block;
font-size:14px;
line-height:42px;
padding-left:38px;
background:url(li.gif) 25px no-repeat;  
text-decoration: none;
}

span.nums{
color: #909090;
font-size:12px;
line-height:20px;
}


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

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #fff;
background:#80B6FC;
}

.arrowlistmenu ul li a.subexpandable:hover{ /*hover state CSS for sub menu header*/
}