/* CSS Document */

html{
margin:0;
padding:0;
height:100%; 
}

body{
margin:0;
padding:0;
height:100%;
background-color:#00A0C6;
}

#centreouter{
margin:0 auto;
padding-left:2px;
padding-right:2px;
padding-bottom:0;
border-left:5px solid #E6E6E6;
border-right:5px solid #E6E6E6;
height:auto;
width:497px;
background-color:#00A0C6;
}

#centre{
margin:0 auto;
padding:0;
height:auto;
width:487px;
background-color:#fff;
}

#top{
	margin:0 auto;
	padding-left:34px;
	padding-top:34px;
	padding-bottom:30px;
	padding-right:34px;
	width:419px;
	background-repeat:no-repeat;
	background-position: top right;
}

#welcome #top, #dust #top
{
background-image:url(image1.jpg);
}

#hydro #top
{
background-image:url(image2.jpg);
}

#contact #top
{
background-image:url(image3.jpg);
}


#middle{
margin:0 auto;
padding-left:34px;
padding-right:34px;
width:419px;
background-color:#FFF;
height:auto;
}

#footer{
border-top:2px solid #888;
margin-left:34px;
margin-right:34px;
margin-bottom:0;
padding-top:10px;
padding-bottom:0;
width:419px;
height:auto;
background-color:#FFF;
}

#nav{
padding:0;
margin-top:20px;
height:auto;
}

h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #00A0C6;
	font-weight: bold;
	margin-bottom:20px;
}
h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #4D4D4D;
	font-weight: bold;
	margin-top:30px;
	margin-bottom:10px;
}
p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	font-weight: normal;
	line-height: 18px;
	margin-bottom:20px;
}

ol{
	list-style-position: outside;
	padding-left:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #4D4D4D;
}
.box{
	padding:15px;
	background-color:#E6E6E6;
	margin-bottom:20px;
}

.box ol{
	list-style-position: outside;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #4D4D4D;
}
.box h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #00A0C6;
	font-weight: bold;
	margin-top:0;
	margin-bottom:10px;
}
.box p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	font-weight: normal;
	margin-top:10px;
	margin-bottom:10px;
}


li{
	margin-bottom:10px;
}

#footer p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	font-weight: normal;
	line-height: 18px;
	margin-bottom:0;
}

#nav ul{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #4D4D4D;
	margin:0;
	padding:0;
}
a{
color: #00A0C6;
font-weight: bold;
}

#nav li{
	border-bottom:2px solid #888;
	width:230px;
	margin-top:4px;
	padding-top:4px;
	padding-bottom:7px;
	padding-left:0;
	list-style-type: none;
	list-style-position: outside;
}

#nav a:link, #nav a:visited {
	margin-top:4px;
	padding-top:4px;
	padding-bottom:7px;
	padding-left:20px;
	font-weight: bold;
	color: #4D4D4D;
	text-decoration:none;
	text-transform: uppercase;
	background-image:url(off.gif);
	background-repeat:no-repeat;
}


#nav a:hover, #nav a:focus {
background-image:url(on.gif);
background-repeat:no-repeat;

}

#welcome #welcomepage, #hydro #hydropage, #dust #dustpage, #contact #contactpage
{
background-image:url(on.gif);
background-repeat:no-repeat;
	color: #00A0C6;
}