/*======================*/
/* Sub Side Menu Styles */
/*======================*/

.arrowlistmenu{width:190px; /*width of accordion menu*/ float:left; padding:0; margin:0; border:0; position:relative; font-family: verdana, sans-serif; font-size:12px; text-align: left;}
.arrowlistmenu .menuheader { /*CSS class for menu headers in general (expanding or not!)*/ font:bold 14px Arial; color:white; background:black; margin-bottom:2px; /*bottom spacing between header and rest of content*/ text-transform:uppercase; padding:4px 0 4px 5px; /*header text is indented 10px*/ text-decoration:none;
border-bottom:1px solid #fff; cursor:hand; cursor:pointer;}
.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/ background:#FF6633}
.arrowlistmenu ul{ /*CSS for UL of each sub menu*/ list-style-type:none; margin:0; padding:0; margin-bottom:2px; /*bottom spacing between each UL and rest of content*/}
.arrowlistmenu ul li{padding-bottom:2px; /*bottom spacing between menu items*/}
.arrowlistmenu ul li a{color:#A70303; background:url(../arrowbullet.png) no-repeat center left; /*custom bullet list image*/ display:block; padding:2px 0; padding-left:19px; /*link text is indented 19px*/ text-decoration:none; font-weight:bold; border-bottom:1px solid #dadada; font-size:90%;}
.arrowlistmenu ul li a:visited{color:#A70303;}
.arrowlistmenu ul li a:hover{ /*hover state CSS*/color:#A70303; background-color:#F3F3F3;}


.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.subexpandable:hover{ /*hover state CSS for sub menu header*/
background: lightblue;
}