/* Brings in the sa.gov banner */

#globalarea {
   	background: #A5BACD url("../MasterPages/images/banners/saGovHeader_02.jpg") top left no-repeat;	
	width:230px;
	height:130px;   
}

#LeftDeptBanner { 
	background: #A5BACD url("../MasterPages/images/banners/saGovHeader_01.jpg") no-repeat 0 0;	
	width:730px;
	height: 130px;
	
}	

#LeftDeptBanner a { 
    display:inline-block;
    width:730px;
	height: 130px;       
}

#LeftDeptBanner a:hover 
{
	text-decoration:none;
}


#LeftDeptBanner a span { visibility:hidden; }


/* Right accordian CSS */

.arrowlistmenu{
width: 160px; /*width of accordion menu*/
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
background: url('/images/accordianLinks.jpg') repeat-x center left;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
padding: 4px; /*header text is indented 4px*/
cursor: hand;
cursor: pointer;
width:160px;

}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background-image: url('/images/accordianLinksUp.jpg');

}

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

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

.arrowlistmenu ul li a{
color: #1c201a;
background: url('..images/arrowbullet.png') no-repeat center left; /*custom bullet list image*/
display: block;
padding: 4px;  /*link text is indented 4px*/
text-decoration: none;
border-bottom: 1px solid #dadada;

}

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

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #542916;
text-decoration:underline;

}