body, html {
		margin:0;
		padding:0;
		color:#000;
		background:rgb(74,100,101);  
		font-family: sans-serif;
	}
	#wrap {
		width:750px;
		margin:0 auto;
		background:gray;	
	}
	#header {
		background-image: url('webWastwater.jpg');
		height: 307px;
		font-family: "Trebuchet MS";
		font-weight: bold;
		text-align: center;
		color: #FCF4E7;
	}
	h1 {
	    margin:0;
    }

	#nav ul {
		margin:0;
		padding:0;
		list-style:none;
	}
	
	#nav {
		float:left;
		width:170px;
		height:400px;
	}
	
	#main {
		float:right;
		width:560px;
		padding:10px;
		background:rgb(180,180,184); 	
	}
	
	#main h2 {
		text-align: center;
	}
	#footer {
		clear:both;
		padding:5px 10px;
		font-family: "Trebuchet MS";
		font-size: 10px;
		font-style: italic;
		color: #000000;
		text-decoration: none;
		background-color: #808080;
	}
	#footer p {
		margin:0;
		font-family: "Trebuchet MS";
		text-align: right;
    }
	* html #footer {
		height:1px;
	}
    #navlist li
	{
		display: inline;
/* for IE5 and IE6 */
	}

	#navlist
	{
		width: 168px;
		
/* to display the list horizontaly */
		font-family: sans-serif;
		margin: 0;
		
		padding: 0;
		border-top: 1px #000 solid;
		border-left: 1px #000 solid;
		border-right: 1px #000 solid;
	     
    }

	#navlist a
	{
		width: 99.99%;
	/* extend the sensible area to the maximum with IE5 */
		display: block;
		padding: 10px 0 10px 0;
		background-color: gray;
		border-bottom: 1px #000 solid;
		text-align: center;
		text-decoration: none;
		color: #000;
		font-family: "Trebuchet MS";
		font-size: 14px;
		font-weight: bold;		
	}

	#navlist a:hover { 
		background-color: rgb(189, 189, 9); 
	}
	#navlist a:visited { 
		color: #000; 
	}

	.tab 
	{ 
		font-family: Verdana; 
		font-size:11px; 
	} 
	
	#markPic {
	    margin: 0 0 0 5px;
	}