html,body 
{
	height: 100%;
/*	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif; */
	font-family: Arial, Helvetica, Sans-Serif;
    background-color:#f0f0f0;
}

h1
{
	font-size:1.3em;
	margin:15px 0 5px 15px;
	color:#003366;
}
h2
{
	font-size:1.2em;
	margin:0 0 10px 15px;
	color:#003366;
}

h3
{
	font-size:1.1em;
	margin:20px 0 10px 15px;
	color:#003366;
}

p, q, cite
{
	font-size:1em;
	margin:0 0 10px 15px;
	width:30em;
	line-height:1.4em;
	display:block;
}
cite
{
	font-size:.9em;
	margin-left:40px;
}
strong
{
	font-weight:bold;
}
fieldset
{
	padding-left:15px;
}
label
{
	display:block;
	padding-top:5px;
}
input.submit
{
	margin-top:5px;
}
body
{
	height:100%;
	background-image:url(../images/menu_background.gif);
	background-repeat:repeat-y;
	padding-bottom:20px;
}
div#doc
{
	height:100%;
}
div#ft
{
	padding-left:160px;
	margin-top:40px;
}
div#ft p
{
	width:600px;
}
img
{
	display:block;
}
img.offsite
{
	display:inline;
}

p a, ul.links li a
{
	color:#369;
}
p a:visited, ul.links li a:visited
{
	color:#036;
}

p a:hover, ul.links li a:hover
{
	text-decoration:none;
}

ul
{
	list-style-type : none;
	padding-left:15px;
}

ul.links li a 
{
	line-height:1.4em;
}

ul.list
{
	width:30em;
	list-style-type:disc;
	margin-left:15px;
}
ul.list li
{
	padding-bottom:5px;
}
ol
{
	list-style-type : none;
	padding-left:15px;
}

ol.links li a 
{
	line-height:1.4em;
}

ol.list
{
	width:60em;
	list-style-type:decimal;
	margin-left:20px;
}
ol.list li
{
	padding-bottom:5px;
}

table
{
	border:1;
	padding-left:15px;
}
div#topNav
{
	position:absolute;
	top:0;
	right:0;
	padding:15px;
	font-size:.8em;
}

div#topNav a
{
	color:#000;
}

div#doc
{
	position:relative;
}

div#logo
{
	position:relative;
	top:0;
	left:0;
    /*
	padding:15px;
    */
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    
	background-color:#FFFFFF;
    /*
	width:200px;
    */
    width:148px;
}
div#headerGraphic
{
	position:relative;
	top:0;
	left:0;
	background-color:#336699;
	border-top:1px solid black;
	border-bottom:1px solid black;
}

div#bodyGraphic
{
	position:relative;
	top:0;
	right:0;
	background-color:#f0f0f0;
	border-top:1px solid black;
	border-bottom:1px solid black;
}
div#text
{
	position:relative;
	padding-left:161px;
	background-image:url(../images/water_pump.jpg);
	background-repeat: no-repeat;
	z-index:2;
}
div#rightGraphic
{
	position:absolute;
	top:1px;
	right:0;
	z-index:1;
}

div.imageContainer
{
	margin:0 0 10px 15px;
	}
div.image
{
	width:240px;
	float:left;
}

div.image img
{
	display:block;
}

div.image span
{
	display:block;
	padding-top:5px;
	font-size:.8em;
}

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

