@charset "UTF-8";
/* CSS Document */

/* Top Horizontal Menu */


.menu a, .menu :visited {
	display:inline;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:auto;
	padding:0px 0px 0px 0px;
	color:#FFF;
	background:#14365E;
	text-decoration:none;
	margin:5px 12px 0px 12px;
	text-align:center;
	vertical-align:middle;
	height:26px;
}





/* style the links hover */
.menu :hover{
	color:#FFCC33;
	text-decoration:underline;
	
}

#outer #inner #navbar {
	height: 26px;
	width: 879px;
 	padding:0px 0px 0px 0px;
	margin: 0px 0px 0px 0px ;
	background-color: #14365E;
}
 
 
 
 
 

/* Side Vertical  Menu */





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

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
	font: bold 100% Arial;
	color: #003399;
	background: #FFF;
	margin: 0px 0px 5px 0px; /*bottom spacing between header and rest of content*/
	padding: 0;
	text-transform: uppercase;
	 /*padding: 4px 0 4px 10px;header text is indented 10px*/
	cursor: hand;
	cursor: pointer;
}



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

.arrowlistmenu ul li{
	padding:0px 0px 1px 10px; /*bottom spacing between menu items NEEDS TO STAY AT 1 OR MAKES BIG SPACE??????*/
	text-align: left;
	margin:0px 0px 2px 0px;
	
}

.arrowlistmenu ul li a{
	color: #006666;
	/*background: url(../SJE/arrowbullet.png) no-repeat center left; custom bullet list image*/
	display: block;
	padding: 0px 0px 0px 1px;
	margin: 0px 0px 0px 0px;
	
	/* link text is indented 19px*/
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px dotted #dadada;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	width: auto;
}
#outer #inner #content #BOXA .arrowlistmenu .menuheader a, 
#outer #inner #content #BOXA .arrowlistmenu .menuheader a:hover, 
#outer #inner #content #BOXA .arrowlistmenu .menuheader a:visited  {
	font-size: 100%;
	text-decoration: none;
	color:#003399;
	margin: 0;
padding: 0;
}

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

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