/* CSS for two column layout with absolutely positioned side column and header */
/* modified from the book Stylin' by Charles Wyke-Smith publsihed by New Riders */
body {margin:0; padding:0; font: 1.0em geneva, arial, sans-serif; text-align:center;}
div#container {
	position:relative;
	width:880px;
	margin:0 auto;
	text-align:left;
}
div#header {
	height:95px;
	text-align:left;
	border-top:2px solid #006633;
	border-bottom:1px solid #006633;
	background-image:url(images/container_background1.gif);
	background-repeat: repeat-y;
}
 /*styles for header - text-align centers graphic */

div#nav {position:absolute; left:0px; top:95px; width:150px;
			padding:0; margin:22px 0 15px 0;}			
div#nav ul {border:0; margin:12px 1.25em 12px 1.25em; padding:0; list-style-type:none; font-weight:bold; font-size:.75em;}
div#nav li {border-bottom:2px solid #000099; margin:0; padding:.3em 0; text-indent:.5em}
div#nav li:first-child {border-top:2px solid #000099;}
div#nav a {text-decoration:none; color:#000099;}
div#nav a:hover {text-decoration:underline; color: #000099;}
/* a hack for IE Win only \*/	
* html div#nav ul {border-top:2px solid #000099;}
/*end of hack */
div#content {
	top: 95px;
	margin:0 0 0 150px;
	width:650px;
	padding: 0 1em;
	background-color:#FFFFFF;
	position:static;
	white-space: normal;
	right: 650px;
}
div#content div#mainimage {width:180px; float:left; margin:0 8px 4px 0;}
div#content div#mainimage img {border: 1px solid #960;}
div#content div#mainimage p {font-size:.65em; margin:0px 5px; color:#C60;} 
div#content h1{font-size:1.4em; font-variant:small-caps; margin-top:0em; font-family:geneva, arial, sans-serif; color:#006633;}
div#content h2{font-size:1.3em; font-variant: normal; font-weight:bold; margin-top:0em; font-family:geneva, arial, sans-serif; color:#006633;}
div#content h3{font-size:1.2em; font-variant:normal; font-weight:bold; margin-top:0em; font-family:geneva, arial, sans-serif; color:#006633;}
div#content h4{font-size:1.1em; font-variant:normal; font-weight:bold; margin-top:0em; font-family:geneva, arial, sans-serif; color:#006633;}
div#content h5{font-size:1.0em; font-variant:normal; font-weight:bold; margin-top:0em; font-family:geneva, arial, sans-serif; color:#006633;}
div#content h6{font-size:0.9em; font-variant:normal; font-weight:bold; margin-top:0em; padding:10px 0 0 0; font-family:geneva, arial, sans-serif; color:#006633;}
div#content p {font-size:.8em; margin-top:0em; margin-bottom:.5em;}	
div#content ul {list-style-type:none;}
div#content li {font-size:.75em;}
div#content li ul {font-size:1.25em;}
div#content div#bulletson ul {list-style:disc;}
div#content div#bulletson li {font-size:.75em;}
div#content div#bulletson li ul {font-size:1.25em;}
div#content a {text-decoration:none; color:#000099; font-weight:bold;}
div#content a:hover {color: #006633; text-decoration:underline;}
div#content table {font-size:.8em; font-family:geneva, arial, sans-serif;}
div#content td {vertical-align:top;}
div#content hr {color:#006633;}

/*footer styles*/
div#footer {
	width:100%;  /* makes the div fill its container - usually body */
	padding:4px 0; /* pushes the links away from top and bottom of the div */
	font-size:0.7em;  /* sets the font size of all links */
	color:#006633;  /* sets the font color */
	text-align:center; /* centers the ul elements in the div */
	/* background-color:#DEE7B6; /* sets the background color of the div */
					background-image:url(images/container_background2.gif); /* sets the background image of the div */
	background-repeat: repeat-y; /* sets the repeat of the background image of the div */
	border-top:1px solid #006633;
	border-bottom:2px solid #006633;
	margin-top:1.5em;
}
div#footer a {text-decoration:none; color:#000099;}
div#footer a:hover {text-decoration:underline; color:#000099}
 div#footer ul {margin:2px 0;} /* vertical spacing between the lists */
 div#footer li {display:inline; /* the key CSS - makes the lists display horizontally */
						color:white; /* sets the color of the vertical lines */
						border-left:1px solid; /* creates the vertical line to the left of each list items */
						color:#000099; /* sets the color of the vertical lines  - links colored below */
						padding:0 5px 0 9px; /* horiz space between links and vert lines - needed diff l & r values to center */
						}
 div#footer li:first-child {border-left:0} /* removes the left border of the first list item - IDWIMIE */
 div#footer ul li a {text-decoration:none; /* removes the underlining off the links */
 							 color:#000099; /* the color of the links */
							 }
 div#footer ul li a:hover {text-decoration:underline; color:#000099} /* underlines the links when hovered */
 div#footer ul.fineprint li {color:#000099;} /* color for copyright and vert dividers on last row */
 div#footer ul.fineprint li a {color:#000099;} /* had to explicitly color these or they inherit white from div#footer li */
  div#footer ul.fineprint li a:hover {color:#006633;} /* turns bottom row white when hovered */