.arrowlistmenu{
width: 180px; /*width of accordion menu*/
padding-left:25px;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 12px Arial;
letter-spacing:0.2em;
color: white;
background: black url('images/titlebar.png') repeat-x left 50%;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 4px 0 4px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

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

.arrowlistmenu h3{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
}

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

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

.arrowlistmenu ul li a{
color: #333333;
/*background: url(images/arrowbullet.png) no-repeat center left; custom bullet list image*/
display: block;
padding: 1px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border: 1px solid #e6e6e6;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

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

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

.arrowlistmenu ul li a:after{ /*active state CSS*/
color: #333333;
background-color: #f3f3f3;
border: 1px inset #dadada;
}




/* adjust these values to affect shared styles */
/* note: don't duplicate below or they will be overridden and js dynamic css won't work */
#div_left_color, #div_content_left {
	width: 230px; /* width of left content */
}

#div_content_right {
	margin-left: 230px; /* make same as left content width above */
}

#div_centered, #div_content_right, #div_footer, body {
	/* background-color: #f9f9f9; verylightgrey - for right content background */
	background-color: #ffffff;
}


/* you shouldn't have to modify these except for color or padding */
#div_centered {
	position:relative;
	min-height: 100%;
	margin: 0 auto;
	padding: 0;
	/* border-bottom: solid 1px #0071b9; height 101% effect, just 1px. make color same as footer to blend */
	/* border:solid 1px #cccccc;
	border-left: 1px solid gray; */
	border-right: 25px solid #e6e6e6;

}
#div_left_color {
	position: absolute; /* positioned inside div_centered (must be relative) to give left color bar */
	z-index:0;
	top: 0px; left: 0px;
	height: 100%;
	min-height: 100%;
	background-color: #e6e6e6;
	border-right:inset 22px #ffffff;
}
#div_header {
	position: relative;
	width: 100%;
	z-index: 100;
	background-color: #a4a9b0; /* same as body color, background behind text logo */
	
	/*padding-top:1px;  makes the top gradient look better 
	border-left:solid 1px gray;
	border-right:solid 1px gray;*/
}
#div_content_left {
	position: relative;
	top: 135px; /* big efoil logo above */
	z-index: 1; /* make sure it's under the footer */
	float: left;
	background-color: #e6e6e6;
}
#div_content_right {
	position: relative;
	/* padding-left: 50px;
	padding-right: 50px;*/
	padding-bottom:30px; /* leave this, it makes room for the footer */
	
	/* border-top:inset 2px #ffffff;
	border-left:inset 2px #ffffff;
	
	border-top:1px gray inset;
	border-left:1px gray inset;
	border-bottom:1px gray inset; */

	border:1px gray inset;


}
#div_footer {
	position:fixed; /* fixed: stays visible on bottom, absolute: stays at bottom of screen or content if longer */
	z-index:1;
	bottom:0px;
	/* background-color: #0071b9; */
	background-color: #e6e6e6;
	padding-top: 3px;
	padding-bottom: 5px;
    border-top: 1px solid #333333;
	
	/* border-right: 25px solid #e6e6e6; */
}



/* no more height 101% */
HTML {
	MARGIN: 0; PADDING: 0; HEIGHT: 100%;
}
body {
	/* body element should affect only pages within the ifcontent iframe */
	padding-left: 25px; padding-right: 25px; padding-top: 15px;
}

.clsBODY {
	background:#999999 url('images/bg.jpg') fixed 0px 0px;
	Z-INDEX: 10; LEFT: 0px; VISIBILITY: visible; MARGIN: 0; PADDING: 0; TOP: 0px; HEIGHT: 100%; WIDTH: 100%;
	}



TD {
	FONT: 11px Arial, Helvetica, sans-serif; COLOR: #000000
}
A {
	FONT-WEIGHT: bold; COLOR: #48546e
}
A:hover {
	COLOR: #91a6d7
}
#navigation A {
	PADDING-RIGHT: 12px; BORDER-TOP: #0071b9 1px solid; DISPLAY: block; PADDING-LEFT: 12px; PADDING-BOTTOM: 3px; FONT: 10px/16px Arial, Helvetica, sans-serif; COLOR: #ffffcc; PADDING-TOP: 3px; BORDER-BOTTOM: #0071b9 1px solid; LETTER-SPACING: 0.1em; TEXT-DECORATION: none
}
#navigation A:hover {
	BORDER-TOP: #ffffff 1px solid; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 1px solid
}
#padding {
	PADDING-RIGHT: 12px; PADDING-LEFT: 18px; PADDING-BOTTOM: 8px; PADDING-TOP: 8px
}
.lightblue {
	BACKGROUND-COLOR: #91a6d7
}
.lightgrey {
	BACKGROUND-COLOR: #a4a9b0
}
.darkgrey {
	BACKGROUND-COLOR: #0071b9
}
.verylightgrey {
	BACKGROUND-COLOR: #e3e3e3
}
.grey {
	BACKGROUND-COLOR: #48546e
}
.logo {
	FONT: 24px/26px Times New Roman, Times, serif; COLOR: #e3e3e3; LETTER-SPACING: 0.2em;
	padding-left:8px;
}
.tagline {
	FONT: bold 12px/16px Times New Roman, Times, serif; COLOR: #e3e3e3
}
.bodyText {
	FONT: 11px/22px Arial, Helvetica, sans-serif; COLOR: #000000; LETTER-SPACING: 0.1em
}
.detailText {
	FONT: 11px/16px Arial, Helvetica, sans-serif; COLOR: #0071b9; LETTER-SPACING: 0.1em
}
.pageName {
	FONT: 24px/32px Times New Roman, Times, serif; COLOR: #91a6d7; LETTER-SPACING: 0.2em
}
.subHeader {
	FONT: bold 12px/20px Arial, Helvetica, sans-serif; COLOR: #0071b9; LETTER-SPACING: 0.1em
}
.navText {
	FONT: 10px/16px Arial, Helvetica, sans-serif; COLOR: #333333; LETTER-SPACING: 0.1em
}
.sidebarText {
	FONT: 11px/18px Arial, Helvetica, sans-serif; COLOR: #ffffcc; LETTER-SPACING: 0.1em
}
.footerText {
	FONT: 11px/18px Arial, Helvetica, sans-serif; COLOR: #333333; LETTER-SPACING: 0.1em
}