/* CSS Document */


/*body {
	margin:0;
	padding:0;
}*/


html {
	width:100%;
	top:0;
	left:0;
	padding:0;
	margin:0;
}

body {
	width:100%;
	top:0;
	left:0;
	padding:0;
	margin:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	/*font-size:small;*/
	font-size: 0.8em;
	background-image:url(images/sidebar_repeater.jpg);
	background-repeat:repeat-y;
	min-height:100%;
}

#doc {
		position:absolute;
		top:115px;
		left:0;
		padding:0;
		margin:0;
		width:100%;
		min-height:100%;
}

#content {
	top: 0px;
	margin-top:10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left:179px;
	margin-right:10px;
  	font-size: 0.9em;
}

#content li {
list-style:none;
list-style-type:disc;
margin-bottom: 10px;
/*font-family:Verdana, Arial, Helvetica, sans-serif; 
font-size: 0.95em;
*/
}

/*#content p {
  font-family:Verdana, Arial, Helvetica, sans-serif; 
  font-size: 0.9em;
}*/



#header {
	position:absolute;
	height				: 150px;
	width				: 100%;
	/*min-width			: 500px;*/
	background-image	:	url('/water2010/images/masthead_1repeater.jpg');
	background-repeat:repeat-x;
}

#headernav {
	position:relative;
	margin-left:150px;
	margin-top:-35px;
	color:#FFFFFF;
	font-weight:bold;
	/*word-spacing:20px;*/
	font-size:11px;
}

#headernavcontent {
	position:relative;
	margin-left:434px;
	margin-top:-20px;
	color:#FFFFFF;
	font-weight:bold;
	word-spacing:10px;
	font-size:11px;
}

#headernav a:link, #headernav a:visited  {
	color:#FFFFFF;
	text-decoration: none;
	font-weight:bold;
	padding:10px;
}

#headernav a:hover{
	/*color: #000099;*/
	color: #FFFFFF;
        font-weight:bold;
	text-decoration: none;
}



#headernavright {
        position:relative;
	margin-top: -15px;
	color:#FFFFFF;
        font-weight:bold;
        word-spacing:10px;
        font-size:11px;
	text-align: right;
}

#headernavright a:link, #headernavright a:visited  {
        color:#FFFFFF;
        text-decoration: none;
        font-weight:bold;
        padding:4px;
}

#headernavright a:hover{
        /*color: #000099;*/
        color: #FFFFFF;
 	 font-weight:bold;
        /*text-decoration: underline;*/
}
/****** changed here *********/
#par{
       position:absolute;
        margin-left:0em;
        width: 75%;
}
#imgmap  {
	   position:absolute;
	   margin-left:0em;
	   top:22em;

}

#right-column { /*width:20%;*/background-color: #fff;}
#right-column { float: right; padding-left: 10px; }
#right-column .right-box { background-color: #f3f4f7;margin-bottom: 10px; margin-left: -20px;}
#right-column .right-box h2 { display: block;text-transform: uppercase; text-align: center; padding: 2px; margin: 0; font-size: 1em; margin-left: -12px;}
#right-column .right-box ul { margin: 0; padding: 6px; padding-left: 14px; margin-left: 20px;}
#right-column .right-box ul li { padding-bottom: 4px; }
.right-box h2 { background-color: #8aa07a; color: #FFF; } 
.right-box  a:link, a:active, a:visited  {
        color: #0f5284;
        text-decoration: none;
        font-weight:bold;
}

#right-column .version-box {
	background-color:#fff;
	font: italic bold 12px arial 
	text-align: center;
}


#navigation{
	position:absolute;
	float:left;
	top:0;
	clear:left; 
	left:0; 
	width: 158px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
#navigation ul{
	list-style: none;
	margin:0;
	padding:0;
}
#navigation li{ 
	text-align:left;	
	font-size:1em;
}

#navigation li a:active {
	display:block;
	padding:4px;
	border-top:1px solid #CCFFFF;
	background-color:#98ccfe;
	text-decoration: none;
	font-weight:bold;
	color: #0f5284;
	border-style: inset;
}

#navigation li a:link, #navigation li a:visited  {
	display:block;
	padding:4px; 
	border-top:1px solid #CCFFFF;
	border-style: outset;
	background-color:#98ccfe;
	text-decoration: none;
	font-weight:bold;
	color: #0f5284;
height:1%;
}

#navmid {
	line-height:1.4; 
}

#navigation li a:hover{
	background-color: #0f5284; 
	color: #99FFFF;
	font-weight:bold;
    border-style: outset;
}
	



.cookie {
	padding-left: 30px;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	position:relative;
	margin-left:434px;
	margin-top:10px;
}

#cookie_absolute {
	position:absolute;
	top: 130px;
	left: 149px;
	padding-left: 30px;
	font-size: x-small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}


.rightcontent {
	padding-right:180px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#contentpage {
	position:absolute;
	top: 209px;
	left: 0px;
	padding-left: 30px;
	padding-right: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#pagetitle {
	 position:relative; 
	margin-left:0px;
	margin-top:-10px;
	color:#FFFFFF;
	font-weight:bold;
	/*word-spacing:20px;*/
	font-size:11px;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:medium;
	font-style: normal;
	font-weight: bold;
	/*color: #000098;*/
	color: #0f5284;
}
h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	/*font-size:small;*/
	font-size:22px;
	background:#999999;
	font-weight: bold;
	color: #0f5284;
	 
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:small;
	font-weight: bold;
	color: #000000;
}

.bold {
	font-weight: bold;
}

#links {
	padding-top:0px;
}

#links ul {
	font-weight: bold;
	list-style: none;
	margin:0;
	padding:0;
}

.map {
	position:absolute;
	top: 235px;
	left: 149px;
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.leftimg {
	position:relative;
	float:left;
	margin-right:40px;
	/*margin-bottom: 6px;*/
	margin-bottom: 200px;
	margin-top: 30px;
}

.rightimg {
	float:right;
	margin-left:20px;
	margin-bottom: 6px;
	margin-right: 10px;
}


/* FOOTER */
#footer {
	background-color:#8aa07a;
	text-align: right;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-right: 6px;
	/*height: 20px;*/
	/*margin-bottom: 2px;*/
        font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 14px;
        font-style: italic;
	font-weight: bold;
        color: black;    
}