body	   { background-color: #007D2A;
		   }
		   
#main, #mainPHP { background-color: #F6EEB9; 
				 color: #007D2A; 							
		 		 margin-left: auto;
				 margin-right: auto;
			 	 padding: 10px;
			 	 margin-left: auto;
		  		 margin-right: auto;
	  	  		 min-height: 480px; 		 					
		 	       }
#main    { width: 800px;}
#mainPHP { width: 745px; height: 515;}

#topBanner, #footer { background-color: #82B597; 
		      color: #004A00;
		      padding: 10px 10px 10px 10px; 				
		      width: 800px;
		      margin-left: auto;
		      margin-right: auto;
		      background-repeat: no-repeat;
		      background-position: 10px;
		    }
		   			
#topBanner { height: 154px;
	     background-image:url(cicada_logo_gen.gif); }
		   
#footer    { height: 75px;
	     background-image:url(cicada_logo_gen_s.gif); }		   		   
		   	   
#topBanner:hover { height: 154px;
	     background-image:url(cicada_logo_pho.jpg); }
		   
#footer:hover    { height: 75px;
	     background-image:url(cicada_logo_pho_s.jpg); }
	     
#footer ul { list-style-type: none;
 			  padding-left: 127px;
			  margin-top: 10px;
		   }
		   
#nav ul, h1 { list-style-type: none;
			 padding-left: 275px;
			 text-align: center;					
		   } 		   
		   
#nav li    { display: inline;
			 text-decoration: none;
		   }
		   
#nav a	   { text-decoration: none;
			 padding-right: 40px;	   		   		
		   }
		   
a:link	   { color: #143B7D;			}
a:visited  { color: #7D1414;			}
a:hover	   { text-decoration: underline;}		   
		    			 
h3, ul, td { text-align: center;					
		   }		   
		   
ul, p	   { font-size: 120%;
			 list-style-type: none;
		   }		   
			 
p, h2  	   { margin-left: 5%;
			 margin-right: 5%;	
		   }

h4		   { text-indent: 100%;
			 white-space: nowrap;
			 overflow: hidden;
		   }
			 			 
#photo	   { float: right;
			 margin-left: 10px;								
		   }
		   			 			 
#monarch   { background-image: url(monarch.png);
			 background-repeat: no-repeat;
			 margin-left: auto;
			 margin-right: auto;
			 width: 261px;
			 height: 100px;
		   }			 			 
			 			 
#runner    { clear: right;
			 height: 50px;
			 background-image: url(cracklerunner2.png);
			 background-repeat: no-repeat; 				
		   }

#openspace { 	height: 100px;
		background-image: url(availability_of_openspace.gif);
		bacground-repeat: no-repeat;
		margin-left: auto;
		margin-right: auto;
		width: 750px;
		}
		   
#impervious { height: 176px;
			 background-image: url(parcel_specif_imperv_surf.jpg);
			 background-repeat: no-repeat; 	
			 margin-left: auto;
			 margin-right: auto;
			 width: 348px;			
			}
			
#avg_imperv { height: 100px;
			 background-image: url(average_imperv.png);
			 background-repeat: no-repeat; 	
			 margin-left: auto;
			 margin-right: auto;
			 width: 750px;			
			}
			
#flowDir    { height: 100px;
			 background-image: url(flowdir2.png);
			 background-repeat: no-repeat; 	
			 margin-left: auto;
			 margin-right: auto;
			 width: 750px;			
			}			

/* CSS specific for contact.html */	
				
label		{ float: left; 
		  clear: left;
		  width: 250px;
		  text-align: left;
		  padding-top: 5px;
		}					   
			
input		{ float: right;
		  clear: right;
		}	

firstName, lastName, email, phone, street, city { width: 200px; }			

.right		{ clear: left; clear: right;
		  padding-left: 30px;
		}
			
.space, #phoneNo .right	{ padding-top: 30px;}
						

#snail .right { width: 160px;}

#mid 		{ clear: left; clear: right;
			  padding-left: 30px;
			  width: 80px;}
			
#state		{ width: 30px;	}
			
#zip		{ width: 80px;	}	

textarea	{ width: 700px;
			  height: 200px;
			  margin: 10px 25px 5px 25px;
			}

#clear		{ float: left; clear: left;}

#clear, #send { margin-top: 10px;}

table		{ width: 90%;
			  margin-left: auto;
			  margin-right: auto;
			  margin-bottom: 20px;
			  font-size: 1.2em;
			  border: thick solid #007D2A;
			}
			   
caption		{ font-size: 1.5em;
			  font-weight: bold;
			  padding: 30px 30px 30px 30px;
			}	
			
th			{ border-bottom: 3px solid #007D2A; }