.arrowlistmenu{
width: 100%; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	padding-left: 2px;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color: #333333;
	
	cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded
background-color: #0078ab#2f5fa9;
*/
	padding-left: 2px;
	font-size: 11px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom-width: 0px;
	color: #FFFFFF;
	
	cursor: pointer;
	
	background-color: #2f5fa9;
}

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

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

.arrowlistmenu ul li a{
	color: #333333;
	text-decoration: none;
	border-bottom: 1px solid #FFFFFF;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 3px;
	padding-left: 2px;
	display: block;
	margin-left: 15px;
}

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

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
	background-color: #FFFFFF;
	color: #333333;

}

.arrowlistmenu ul li a:current{ /*hover state CSS*/
	background-color: #999999;
	color: #333333;

}

.arrowlistmenu ul li a.selected{ /*current state CSS  background-color:#ffffff#2f5fa9 ;*/
	background-color:#ffffff;
	color: #2f5fa9;
	

}