 body { 	
 font-family: 'Gilda Display', sans-serif;
 background: #00688B;
}  
/* 	font-family: 'Roboto', sans-serif; */   /*  .full-screen-background-image {   z-index: -999;   min-height: 100%;   min-width: 1024px;   width: 100%;   height: auto;   position: fixed;   top: 0;   left: 0; }  */     
 #waterquality2013 {
	 width: 80%;
	 max-width: 1000px;
	 margin: 20px auto;
	 background: white;
	 padding: 30px;
	 border: 10px solid rgb(255,255,255);
     border:10px solid rgba(255,255,255, 0.8);
     -webkit-background-clip: padding-box; /* for Safari */
     background-clip: padding-box; /* for IE9+, Firefox 4+, Opera, Chrome */ 
}  
#waterquality2013 h1 {
 	font-size: 2.4em;
 	color: #1B3F8B;
 	text-align: center; 
}
#waterquality2013 h2 {
 	color: #FF0000;
 	text-align: center; 
}  
#waterquality2013 p { } 
#waterquality2013 a { }   
#mainleft {
 	width: 450px;
 	float: left;
 	display: inline; 
}    
#mainright {
 	font-size: 1.2em;
 	line-height: 1.7em;
 	width: 200px;
 	float: left;
 	display: inline;
 	min-height: 275px;
 	height: 275px;
 	margin-left: 15px;
 	margin-right: 10px;
 	margin-top: 20px;
 	padding-top: 10px;
 	border-radius: 20px;
 	-moz-border-radius: 20px;
 	background-color: #ed5f06;
 	color: white;
 	border: 5px solid #0F99F1;
 	-moz-box-shadow: 3px 3px 4px #000;
 	-webkit-box-shadow: 3px 3px 4px #000;
 	box-shadow: 3px 3px 4px #000;
 	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";
 	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
}  
#mainright a {
 	color: white;
	}  
#mainright p {
 	padding: 5px;
 	text-align: center;
 	margin: 2em 0 2em 0; 
	}   
	
.clear {
	clear:both;
	font-size:0; 
}   
#dwqr2013index {
 	clear: both;
 	margin: 40 auto;
 	padding-top: 20; 
}  
#dwqr2013index h1 {
 	font-size: 1.3em;
 	background: #1569C7;
 	background-image:-ms-linear-gradient(top left, #42C0FB 0%, #00A1EB 100%);
	 background-image: -moz-linear-gradient(top left, #42C0FB 0%, #00A1EB 100%);
	 background-image: -o-linear-gradient(top left, #42C0FB 0%, #00A1EB 100%);
	 background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #42C0FB), color-stop(1, #00A1EB));
	 background-image: -webkit-linear-gradient(top left, #42C0FB 0%, #00A1EB 100%);
	 background-image: linear-gradient(to bottom right, #42C0FB 0%, #00A1EB 100%);
	 padding-left: 20;
	 padding-top: 8;
	 padding-bottom: 8;
	 line-height: 1.3em;
	 color: white;
	 -moz-border-radius: 10px;
	 -webkit-border-radius: 10px;
	 border-radius: 10px; /* future proofing */
	 -khtml-border-radius: 10px; /* for old Konqueror browsers */
	 box-shadow: 1px 2px 2px #000; }
 #dwqr2013index p {
	 font-style: italic;
	 padding-left: 20;
	 margin-bottom: 30;
	 margin-top: -2; 
}  
#dwqr2013index a {
 	color: #FFFF00; 
} 
.intro {
 	margin-top: 20;
 	margin-bottom: 20; 
}  
#townselection {
 	width: 90%;
 	padding: 15;
 	margin: 0 auto; 
}  
#townselection h1 {
 	padding: 0;
 	margin: 0; 
}  
#townselection h2 {
 	font-size: 1em;
 	font-style: italic;
 	padding: 0;
 	margin: 0 0 20 0; 
}   
#townselection p {
 	margin: 0;
 	padding: 2; 
}  
#townselection ul {
 	margin-left: -10;
 	margin-top: -5;
 	margin-bottom: -2;
 	list-style-position: outside;
 	font-style: italic;
 	font-size: .9em; 
}  
.town { }  
.townloc {  }    
h4 { 
	padding-left: 10px; 
	background: #1569C7; 
	color: #FFFF00; 
}  
hr {
	color: #666;
    background-color: #FFF;
	border: 3px dotted #666;
	border-style: none none dotted;
	margin-bottom: 15px; 
}  
.fit {
 	width: 100%; 
} 