/* Start of CMSMS style sheet 'wvg_css' */
@charset "utf-8";
/* CSS Document */

body {
	width: 100%;
	margin: 0px;
	background-image:url(uploads/images/bk.jpg);
	font-family: verdana;
	font-size: 11px;
	color: #000;
}

a {	text-decoration:none;	color: #000;}
a:hover { color: #002395; font-weight: bold; }
img { border: none; }

h1 {
	color: #00693c;
	font-size:12px;
	padding-top: 10px;
	text-align: left;
	text-decoration:underline;
}

div#heading{
	color: #00693c;
	font-size:14px;
	font-weight: bold;
	padding-top: 10px;
	text-decoration:none;
	padding-bottom: 10px;
}
h2 {
	color: #00693c;
	font-size:12px;
	padding-top: 10px;
	text-align: left;
}

div#map {
	width: 517px;
	height: 294px;
	background-image:url(uploads/images/map.png);
}

div#whitespace { height: 20px; background-color:#FFFFFF; }

div#wrap { clear: both; width: 517px;}
div#imgleft { float: left; text-align: center; width: 45%; height: 170px; }
div#topmenu a { text-decoration:none; color: #fff;}
div#topmenu a:hover {color: #002395;font-weight: bold; }
div#wrapper { clear: both; width: 517px; text-align: justify;}
div#erfleft { width: 305px; float: left; padding-right: 15px;}
div#erfright { width: 150px; height: 187px; float: left; background-image:url(uploads/images/erf.jpg);}
div#erfpic { width: 211px; height: 105px; float: left; background-image:url(uploads/images/heli.jpg);}
div#erftextright { width: 255px; float: left; padding-left: 15px;}
div#topmenu {	
	text-align: right;
}
#contenttext a {
	text-decoration:none;
	color: #000;
}

#contenttext a:hover {
	color: #002395;
	font-weight: bold;
}

div#overall {
	width: 798px;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

div#contentbk {
	width: inherit;
	background-image:url(uploads/images/contentbk.png);
}

div#whitebk {
	width: 776px;
	height: 100%;
	background-image:url(uploads/images/content.png);
}	

div#contentbk {
	width: inherit;
	background-image:url(uploads/images/contentbk.png);
	padding-top: 11px;
	padding-bottom: 11px;
}

div#header {
	width: 776px;
	height: 55px;
	background-image:url(uploads/images/header.png);
}

div#pic {
	width: 776px;
	height: 199px;
	background-image:url(uploads/images/pic.png);
}

div#pic1 {
	width: 776px;
	height: 199px;
	background-image:url(uploads/images/pic1.png);
}

div#pic2 {
	width: 776px;
	height: 199px;
	background-image:url(uploads/images/pic2.png);
}

div#lyde {
	width: 776px;
	height: 199px;
	background-image:url(uploads/images/lyde.png);
}

/* 2 DIV % % ****************************************************************************************/
div#twopercentage { width: 517px; padding: 20px; }
div#leftpercentage { width: 30%; float: left; }
div#rightpercentage { width: 70%; float: right; }

/* MENU SYSTEM ******************************************************************************************/

div#menu {
	width: 776px;
	height: 57px;
	background-image:url(uploads/images/menu.png);
	position: relative;
}	

#menu a {
	position: absolute;
	height: 57px;
	text-indent: -1000em;
}

	#menu .services a { width: 220px; top: 0px; left: 0px; background-image:url(uploads/images/services.png);}	
	#menu .services a:hover { background-image:url(uploads/images/servicesover.png); }
	
	#menu .head a { width: 72px; top: 0px; left: 222px; background-image:url(uploads/images/head.png);}	
	#menu .head a:hover { background-image:url(uploads/images/headover.png); }

	#menu .health a { width: 120px; top: 0px; left: 296px; background-image:url(uploads/images/health.png);}	
	#menu .health a:hover { background-image:url(uploads/images/healthover.png); }
		
	#menu .env a { width: 115px; top: 0px; left: 418px; background-image:url(uploads/images/environment.png);}	
	#menu .env a:hover { background-image:url(uploads/images/environmentover.png); }
	
	#menu .rec a { width: 86px; top: 0px; left: 535px; background-image:url(uploads/images/recycling.png);}	
	#menu .rec a:hover { background-image:url(uploads/images/recyclingover.png); }

	#menu .waste a { width: 153px; top: 0px; left: 623px; background-image:url(uploads/images/waste.png);}	
	#menu .waste a:hover { background-image:url(uploads/images/wasteover.png); }
			
	#menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}
	
	#menu1 ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}

/*******************************************************************************************************/
div#menub {
	width: 776px;
	height: 64px;
	background-image:url(uploads/images/menub.png);
}	

div#content {
	width: 776px;
	height: 100%;
}

div#footer {
	clear: both;
	width: 776px;
	height: 27px;
	background-image:url(uploads/images/footer.png);
	color: #fff;
}
	div#footer a { color: #FFFFFF; }

	div#footleft { width:25%; text-align:left; float: left; text-indent: 11px; top: 11px; position: relative;}
	div#footright { width:23.5%; text-align:right; float: left; padding-right: 11px; top: 11px; position: relative;} 
	div#footcenter { width:50%; text-align:center; float: left; top: 11px; position: relative;} 

/* 2 DIV ****************************************************************************************/
div#twowrap { width: 776px;  padding-top: 20px; padding-bottom: 20px; height: 100%;}
div#left{ width: 219px; float: left; }
div#right{ width: 557px; float: right; }

/* SIDE CONTENT MENU ****************************************************************************/
div#sidemenu {
	width: 172px;
	height: 26px;
	background-image:url(uploads/images/sidemenu.png);
}

div#sidebar { 
	width: 172px;
	height: 7px;
	background-image:url(uploads/images/sidebar.png);
}

div#sidecontent { 
	width: 172px;
	height: 100%;
	background-image:url(uploads/images/sidecontent.png);
	padding-bottom: 5px;
}

div#sidebottom { 
	width: 172px;
	height: 8px;
	background-image:url(uploads/images/sidebottom.png);
}

div#sidetext { 
	text-transform:uppercase;
	text-align:left;
	padding-left: 20px;
	padding-top: 5px;
}
	
div#contenttop { 
	width: 517px;
	height: 8px;
	background-image:url(uploads/images/contenttop.png);
}

div#contentmid { 
	width: 517px;
	height: 100%;
	background-image:url(uploads/images/contentmid.png);
}

div#contentmid520 { 
	width: 517px;
	min-height: 520px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentbot { 
	width: 517px;
	height: 8px;
	background-image:url(uploads/images/contentbottom.png);
}

div#contenttext { 
	clear: both;
	text-align: justify;
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
}	

label#bold {
	font-weight: bold;
}

div#bold { font-weight: bold; color: #00693c; padding-top: 10px; font-size: 12px;}

/*
			Vertical Accordions
		*/
		
		.accordion_toggle {
			display: block;
			height: 30px;
			width: 400px;
			padding: 0 10px 0 10px;
			line-height: 30px;
			color: #00693c;
			font-weight: normal;
			text-decoration: none;
			outline: none;
			font-size: 12px;
			color: #00693c;
			border-bottom: 1px solid #00693c;
			cursor: pointer;
			margin: 0 0 0 0;
			font-size:10px;
		}
		
		.accordion_toggle_active {
			color: #00693c;
			border-bottom: 1px solid #002395;
		}
		
		.accordion_content {
			color: #002395;
			overflow: hidden;
			width: 480px;
		}
			
			.accordion_content h2 {
				margin: 15px 15px 5px 10px;
				color: #002395;
				font-size: 10px;
			}
			
			.accordion_content p {
				line-height: 150%;
				padding: 5px 10px 15px 10px;
			}
			
		
	
	
	div#wholecontainer {
		text-align: left;
		padding-left: 20px;
	}
/* End of 'wvg_css' */

