#theMenu  {
position:relative;		
}

.arrowlistmenu{
width: 215px; /*width of accordion menu*/
overflow:visible;
}

#arrowImage {
	position:absolute;
	display:inline;
	left:201px;
	vertical-align:middle;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial,Helvetica,clean,sans-serif;
color: #3399cc;
border-bottom:2px;
border-bottom-color:#3399cc;	/*background: #7188a3 url(titlebar.png) repeat-x center left;*/
border-bottom-style:solid;
margin-bottom: 5px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 2px 12px; /*header text is indented 10px*/
vertical-align:middle;
/* 
 * ADD WHEN MENUS ARE EXPANDABLE - cursor: hand;cursor: pointer;  
 */
}

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

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

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

.arrowlistmenu ul li a{
	font-family:Arial;
color: #000;
background: url(arrowbullet.png) no-repeat center left; /*custom bullet list image*/
display:inline-block;
padding: 5px 0 7px 8px;
padding-left: 15px; /*link text is indented 19px*/
text-decoration: none;
border-bottom: 1px solid #dadada;
width:200px;
font-size: 10pt;
}

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

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

.selectedItem  {
	background-color: #e6edf9;	
}
.selectedItem a:hover{
	background-color: #e6edf9;	
}
.selectedItemText {
color: #000;
background-color: #e6edf9;
}

.deSelectItemText {
	background-color:#e6edf9;
	color: #A70303;
}

