/* - This stylesheet contains global styles common to all EI pages <--- */
/* - all dimensions given in ems or percentage for PDF page zooming effect <--- */

/*  MAIN STRUCTURAL ELEMENTS */

body {
	background-color: #5E657E;
	text-align: center; /* centers wrapper for IE6 and below */
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 75%;
}

/* wraps the content of the page */
#wrapper {
	position: relative; /* helps with Z-index stacking */
	background-color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	color: #000000;
	text-align: left; /* resets text alignment for non-IE6 browsers */
	z-index: 1; /* establishes lowest stacking order */
	padding-top: 0em;
	padding-bottom: 1em;
	width: 64em;
}

#header {
    width: 64em;
}	

/* this is the main container for content */
#leftcol {
	width: 32.4em;
	margin-top: .5em;
}

/* container for content text blocks */
#text {
	z-index: 100;
	width: 28.3em;
	margin: 0em;
	padding: 0em 2em 0em 0em;
	border-right-width: 0.1em;
	border-right-style: solid;
	border-right-color: #5E657E;
	clear: left;
}

/* container for Flash interface */
#rightcol {
	width: 26.67em;
	z-index: 20; /* puts on top of the stacking order */
	position: absolute; /* needed to line up Flash interface precisely inside rounded rectangle cutout */
	top: 4.6em;
	left: 33.2em;
	margin: 0px;
	padding: 0px;
	height: 53.33em;
}

/* copywrite designer credit with email link */
#footer {
	text-align: center; /* centering for IE6 and below */
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0em;
	font-size: 0.9em;
	padding-top: 0em;
	margin-top: 4em;
	padding-bottom: 0em;
}
#bottomwrap {
	padding-top: 3em;
	clear: left;
	margin-left: 19em;
	padding-bottom: 0em;
}


/* MAIN NAVIGATION MENU */

/* unordered list that contains the menu */
#navmenu {
	list-style-type: none;
	text-align: center;
	margin-top: 0em;
	margin-right: 0em;
	margin-bottom: 0em;
	margin-left: 2em;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
}

/* formats the individual list items of the menu */
#navmenu li {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #5E657E;
	float: left; /* makes list display horizontally */
	line-height: 1.7em; /* height of menu item blocks */
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 1em; /* spacing between menu item blocks */
	padding: 0;
	display: inline;
}

/* puts home page link flush left in leftcol */
#navmenu #home {
	margin: 0em;
}

/* establishes spacing between menu item blocks */
#navmenu #recent, #navmenu #news, #navmenu #contact {
	margin-left: 1em;
}

/* formatting for active menu item links */
#navmenu li a:link, #navmenu li a:visited {
	color: #FFFFFF;
	line-height: 1.7em; /* height of active menu item links */
	float: left; /* makes links display horizontally */
	margin: 0px;
	display: block; /* helps create seperation btw links and horiz display */
	text-decoration: none; /* removes link underlines */
	padding-top: 0em;
	padding-right: 1.1em; /*creates horiz space btw menu text and colored containing block */
	padding-bottom: 0em;
	padding-left: 1.1em; /*creates horiz space btw menu text and colored containing block */
}

/* formatting for active menu item links */
#navmenu li a:hover, #navmenu li a:active {
	color: #3D4253;
	line-height: 1.7em;
	float: left;
	margin: 0px;
	display: block;
	text-decoration: none;
	padding-top: 0em;
	padding-right: 1.1em;
	padding-bottom: 0em;
	padding-left: 1.1em;
	background-color: #CCCCCC;
}

/* dimensions of Flash interface for older browsers using embed method */
#flashap {
	width: 26.67em;
	height: 52em;
}


/* NON-MENU LINK FORMATTING */

a:link, p.docutext a:link {
	font-size: 1em;
	color: #5e657e;
	text-decoration: underline;
	font-weight: bold;
	border: 0px none;
	font-style: normal;
}
a:visited, p.docutext a:visited {
	font-size: 1em;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
a:hover, p.docutext a:hover, a:active, p.docutext a:active {
	color: #AE954D;
	text-decoration: none;
}

#bottomlinks {
	list-style-type: none;
	text-align: left;
	margin-left: 23em;
	margin-top: 2em;
	margin-right: 0em;
	padding: 0em;
	margin-bottom: 0em;
	font-size: 1em;
}
#bottomlinks li {
	float: left;
	list-style-type: none;
	color: #D8933E;
	font-weight: bold;
	margin-bottom: 1em;
	border-right-width: 0.1em;
	border-right-style: solid;
	border-right-color: #5E657E;
	padding-left: 1em;
	padding-right: 1em;
}
#bottomlinks li.nobdr {
	float: left;
	list-style-type: none;
	color: #D8933E;
	font-weight: bold;
	margin-bottom: 1em;
	border-right-style: none;
	padding-left: 1em;
	padding-right: 1em;
	border-top-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

a.lowermenu:link {
	color: #5E657E;
	text-decoration: underline;
	font-weight: bold;
	border: 0px none;
	font-style: normal;
}
a.lowermenu:visited {
	font-weight: bold;
	color: #999999;
	text-decoration: underline;
}
a.lowermenu:hover, a:active {
	color: #000000;
	text-decoration: underline;
}		

#footer p {
	clear: left;
	font-size: 0.86em;
	padding-top: 1em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;
	margin: 0em;
	width: 100%;
}


/* GENERAL TEXT FORMATTING */

h2 {
	font-size: 1.4em;
	margin: 0em 0em 0em 0.6em;
	padding: 1.5em 0em 0em;
	color: #5E657E;
	line-height: 1.5em;
}
h3 {
	color: #5e657e;
	font-size: 1.2em;
	margin: 0em 0em 0.3em;
	font-weight: bold;
	padding: 0em;
}	
h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #000000;
	margin-top: 0em;
	margin-bottom: .66em;
	padding: 0px;
}

/* main content paragraph formatting */
.infotext {
	line-height: 1.8em;
	padding: 0;
	margin: 0px 0px 1.2em 0em;
}

/* alternative main content paragraph formatting, but is it needed? */
.infotext5 {
	line-height: 1.5em;
	padding: 0 1.8em 0 0;
	margin: 0px 0px 1.2em 0em;
}

/* italic formatting for titles */
.itals {
	font-style: italic;
}
	

/* IMAGE FORMATTING */
/* raw images larger than default display size for zooming without distortion<-- */
/* background images not used because they don't scale with em size<-- */

/* formats the size of the metallic header with logo */
#header img {
	width: 64em;
	margin: 0px;
	padding: 0px;
	height: 11.67em;
}