/* Start of CMSMS style sheet 'wvd_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;
}

h1 {
	color: #00693c;
	font-size:12px;
}
img { border: 0; }
#h1 { color: #00693c; font-size:12px; font-weight:bold; }	
#h2 { color: #002395; font-size:10px; }	
#indentR { padding-right: 15px; }
div#caps { text-transform:uppercase; font-size: 10px; color: #00693c;}
div#txt { clear:both; padding-bottom: 7px; padding-top: 7px; }
div#txtspace { padding-top: 10px; }
a { text-decoration:none; color: #000;}
a:hover {color: #002395;font-weight: bold; }
div#topmenu a { text-decoration:none; color: #fff;}
div#topmenu a:hover {color: #002395;font-weight: bold; }
div#bold { font-weight: bold; color: #00693c; padding-top: 10px; font-size: 12px;}
#sidetext a { text-decoration:none; color: #000; }
#sidetext a:hover {color: #002395; font-weight: bold;}

div#wrapper { clear: both; width: 517px; text-align: justify;}
div#homeleft { width: 324px; float: left; padding-right: 15px;}
div#homeright { width: 156px; height: 208px; float: left; background-image:url(uploads/images/crane.jpg);}

div#homepic { width: 161px; height: 121px; float: left; background-image:url(uploads/images/craneloaded.jpg);}
div#hometextright { width: 339px; float: left;}

div#topmenu {	
	text-align: right;
	padding: 14px;
}

div#overall {
	width: 798px;
	height: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
}

div#header {

}

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 a { text-decoration:none; color: #fff;}
div#header1 {
	width: 798px;
	height: 245px;
	background-image:url(uploads/images/header1.png);
}
div#header2 {
	width: 798px;
	height: 245px;
	background-image:url(uploads/images/header2.png);
}
div#header3 {
	width: 798px;
	height: 245px;
	background-image:url(uploads/images/header3.png);
}
div#header4 {
	width: 798px;
	height: 245px;
	background-image:url(uploads/images/header4.png);
}
div#header5 {
	width: 798px;
	height: 245px;
	background-image:url(uploads/images/header5.png);
}

div#menub {
	width: 798px;
	height: 64px;
	background-image:url(uploads/images/menub.png);
}

div#footer {
	clear: both;
	width: 798px;
	height: 102px;
	background-image:url(uploads/images/footer2.png);
	color: #fff;
}	
	div#footer a { text-decoration:none; color: #fff;}
	div#pos { position: relative; top: 76px; }
	div#footleft { width:25%; text-align:left; float: left; text-indent: 11px;}
	div#footright { width:23.5%; text-align:right; float: left; padding-right: 11px;} 
	div#footcenter { width:50%; text-align:center; float: left;} 

div#content {
	width: 798px;
	min-height: 490px;
	background-image:url(uploads/images/content.png);
}

/* MENU SYSTEM ******************************************************************************************/	

div#menu {
	width: 798px;
	height: 57px;
	background-image:url(uploads/images/menu.png);
	position: relative;
}	

#menu a {
	position: absolute;
	height: 57px;
	text-indent: -1000em;
}

#menu a {
	position: absolute;
	height: 57px;
	text-indent: -1000em;
}

	#menu .services a { width: 206px; top: 0px; left: 11px; background-image:url(uploads/images/services.png);}	
	#menu .services a:hover { background-image:url(uploads/images/servicesover.png); }

	#menu .health a { width: 122px; top: 0px; left: 220px; background-image:url(uploads/images/health.png);}	
	#menu .health  a:hover { background-image:url(uploads/images/healthover.png); }
		
	#menu .projects a { width: 83px; top: 0px; left: 344px; background-image:url(uploads/images/projects.png);}	
	#menu .projects a:hover { background-image:url(uploads/images/projectsover.png); }
	
	#menu .training a { width: 108px; top: 0px; left: 429px; background-image:url(uploads/images/training.png);}	
	#menu .training a:hover { background-image:url(uploads/images/trainingover.png); }
	
	#menu .head a { width:98px; top: 0px; left: 539px; background-image:url(uploads/images/head.png);}	
	#menu .head a:hover { background-image:url(uploads/images/headover.png); }

	#menu .links a { width: 48px; top: 0px; left: 639px; background-image:url(uploads/images/links.png);}	
	#menu .links a:hover { background-image:url(uploads/images/linksover.png); }
	
	#menu .group a { width: 99px; top: 0px; left: 689px; background-image:url(uploads/images/group.png);}	
	#menu .group a:hover { background-image:url(uploads/images/groupover.png); }
			
	#menu ul {
	  margin: 0;
	  padding: 0;
	  list-style: none;
	}
	

#menu ul li {
  display: inline; /* this gets rid of the gaps */
  list-style: none;
  margin: 0;
  padding: 0;
}

#menu ul li a {
  color: #fff;
  display: block;
  width: 10em;
}

/* 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; }

div#twopercentage { width: 517px; padding: 20px; }
div#leftpercentage { width: 30%; float: left; }
div#rightpercentage { width: 70%; float: right; }

div#halfleft { width: 50%; float: left; text-align: left;}
div#halfright { width: 50%; float: right; text-align: left;}
div#twolinetxt { min-height: 30px; }

/* 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-right: 20px;
	padding-top: 5px;
}

/* large content *********************************************************************/	
div#contenttop { 
	width: 517px;
	height: 8px;
	background-image:url(uploads/images/contenttop.png);
}

div#contentmid { 
	width: 517px;
	min-height: 180px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentmid700 { 
	width: 517px;
	min-height: 720px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentmid480 { 
	width: 517px;
	min-height: 480px;
	background-image:url(uploads/images/contentmid.png);
}

div#contentmid200 { 
	width: 517px;
	min-height: 200px;
	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;
}	
div#whitespace { height: 20px; }

div#map {
	width: 517px;
	height: 294px;
	background-image:url(uploads/images/map.png);
}

#link {	cursor: pointer; }
#link:hover { color:#002395; }

/*
			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;
	}

/************ FORM ***********************************/
div#form { clear:both; width: 350px; text-align: left; }
div#formleft { float: left; width: 150px; padding-top:3px; }
div#formright { float: left; width: 200px; }
label#error { color: #00693c; }
input[type=text], select { color: #00693c; font-size: 12px; width: 180px; }
textarea {color: #00693c; font-size: 12px; }
/* End of 'wvd_css' */