@charset "utf-8";
/* CSS Document */

body {
	margin:0;
	padding:0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: #bbcccf url(img/wrapper-bg.jpg) repeat-y center top;
}

#wrapper {
	width:780px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
}

#header {
	margin:0;
	padding:0;
	padding-top:10px;
	float:left;
	width:100%;
}

#header-top {
	margin:0;
	padding:0;
	float:left;
}

#header-top #contactinfo {
	float:right;
	font-size:0.8em;
	color:#333333;
	text-align:right;
	padding:0;
	margin:0;
	padding-right:30px;
	padding-top:10px;
}

.phone {
	font-weight:bold;
	font-size:1.1em;
	margin:0;
	padding:0;
}

.logo {
	float:left;
	margin:0;
	padding:0;
}

img {
	border:0;
}

#content {
	margin:0;
	padding-top:0px;
	padding-bottom:10px;
	clear:left;
}

#content p {
	font-size:0.8em;
	padding-left:25px;
	padding-right:10px;
	color:#333333;
	line-height:1.5em;
}

#content li {
	font-size:0.8em;
}

#content h1 {
	float:left;
	background:url(img/h1-header-bg.jpg) no-repeat top left;
	height:76px;
	width:100%;
	margin:0;
	padding:0;
	line-height:76px;
	font-size:1.5em;
	padding-left:20px;
	color:#062e34;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	margin-top:10px;
	clear:left;
}

h2,h3,h4 {
	padding-left:20px;
	font-size:1.1em;
	color:#062e34;
	font-weight:normal;
	text-decoration:underline;
	padding-top:10px;
	clear:left;
}

#content a:link, a:visited, #footer a, #header a {
	color:#670133;
}

#navigation-top {
	float:right;
	margin:0;
	padding:0;
	padding-top:64px;
	width:60%;
}

#navigation-top ul {
	float:right;
	margin:0;
	padding:0;
}

#navigation-top li {
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
}

/*IE6 Styles*/	

*html #navigation-top {
	width:400px;
}

*html #header {
	display:inline;
}

*html #navigation-top a,
*html #navigation-top a:hover,
*html #navigation-top a:hover span,
*html #navigation-top a span, 
*html #navigation-top #current a,
*html #navigation-top #current a span {
	display:inline;
	cursor:pointer;
}

/* End IE6 Styles */

#navigation-top a {
	float:left;
	margin:0;
	padding:0;
	display:block;
	background:url(img/topnav-left.jpg) no-repeat top left;
	padding-left:20px;
	margin-right:10px;
	font-size:0.8em;
	color:#000;
	text-decoration:none;
	cursor:pointer;
}	

#navigation-top a span {
	float:left;
	margin:0;
	display:block;
	background:url(img/topnav-right.jpg) no-repeat top right;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:10px;
}	

#navigation-top #current a {
	float:left;
	display:block;
	background:url(img/currentpage-topnav-left.jpg) no-repeat top left;
	padding-left:20px;
	margin-right:10px;
	font-size:0.8em;
	color:#000;
	text-decoration:none;
}

#navigation-top #current a span {
	float:left;
	display:block;
	background:url(img/currentpage-topnav-right.jpg) no-repeat top right;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:10px;
}

#navigation-top a:hover {
	float:left;
	display:block;
	background:url(img/currentpage-topnav-left.jpg) no-repeat top left;
	padding-left:20px;
	margin-right:10px;
	font-size:0.8em;
	color:#000;
	text-decoration:none;
}

#navigation-top a:hover span {
	float:left;
	display:block;
	background:url(img/currentpage-topnav-right.jpg) no-repeat top right;
	padding-right:20px;
	padding-top:15px;
	padding-bottom:10px;
}

#leftnavcontainer {
	float:left;
	width:100%;
	margin:0;
	padding:0;
	clear:both;
	height:253px;
	background:url(img/header-bg-home.jpg) no-repeat top left;
}

#leftnav {
	margin:0;
	padding:0;
	width:267px;
	background:url(img/navbg-bottom.png) no-repeat bottom left;
	clear:both;
	padding-left:15px;
}

#lefthead {
	float:left;
	margin:0;
	padding:0;
	width:267px;
	background:url(img/navbg-top.png) no-repeat top left;
	height:20px;
	margin-top:30px;
}

#leftnav ul {
	margin:0;
	padding:0;
	padding-bottom:10px;
}

#leftnav li {
	list-style-type:none;
	padding-bottom:10px;
}

#leftnav li a {
	display:block;
	padding-left:30px;
	font-size:0.9em;
	background:url(img/leftnav-bullett.jpg) no-repeat top left;
	text-decoration:none;
	color:#000;
}

#leftnav li a:hover {
	margin-right:30px;
	font-size:0.9em;
	background:url(img/leftnav-bullett.jpg) no-repeat top left;
	text-decoration:underline;
	color:#000;
}

#footer {
	float:left;
	width:100%;
	clear:left;
	font-size:0.7em;
	border-top:10px solid #7d5e6d;
	margin:0;
	padding-top:10px;
	padding-bottom:10px;
	color:#333333;
	font-style:normal;
}

#footer span {
	color:#333333;
	font-style:normal;
}

#footer .left {
	float:left;
}

#footer .right {
	float:right;
}

.floatr {
	float:right;
	margin:10px;
	margin-top:0;
}

.floatl {
	float:left;
	margin:20px;
}

.links {
	float:left;
	width:95%;
	margin-bottom:15px;
	background:url(img/Gap-&-Man-in-hard-hat.jpg) no-repeat right top;
}

.links img {
	float:left;
	text-align:right;
}

.links p {
	clear:left;
	margin-top:10px;
	float:left;
	width:90%;
}

.links span {
	float:left;
	width:30%;
}

.links p a {
	display:block;
}

ul.list {
	clear:left;
}

ul.list li {
	font-size:0.8em;
	margin-bottom:10px;
	background:url(img/list-bullett.jpg) no-repeat left center;
	padding-left:30px;
	list-style-type:none;
}

#gallery {
	padding:20px;
	margin-left:30px;
}

#gallery img {
	margin:10px;
}

/*Backgrounds */

.environmental {
	background:url(img/recycle.jpg) no-repeat center center;
}

.healthsafety {
	background:url(img/scales.jpg) no-repeat center center;
}

.scaffgaptxt {
	color:#670133;
	font-style:italic;
	font-weight:bold;
}

form {
	margin:0;
	padding:0;
	margin-left:40px;
	width:80%;
}

form label {
	float:left;
	width:15%;
	font-weight:bold;
}

input {
	width:250px;
}

form p {
	width:80%;
}

textarea {
	width:300px;
	height:100px;
}

input#submit, input#reset {
	width:150px;
}

.formsubmit {
	color:#0000FF;
	font-size:1em;
	padding:10px;
}

.formerror {
	color:#990000;
	font-size:1em;
	padding:10px;
}

.contactinfo  {
	float:left;
	clear:left;
	width:700px;
	border-bottom:1px solid #ccc;
	margin-bottom:10px;
	margin-left:20px;
	padding-left:30px;
	padding-bottom:10px;
}

.contactinfo span {
	float:left;
	width:10%;
}

.contactinfo p {
	width:100%;
}

.awards {
	float:right;
	margin:0;
	margin-right:30px;
	padding:0;
	padding-top:5px;
}

.clear {
	clear:left;
	height:0;
	line-height:0;
}

p.floatspan span {
	width:15%;
	float:left;
}

p.floatspan {
	float:left;
	width:98%;
	margin-bottom:10px;
}

.moreinfo {
	border-top:1px solid #cccccc;
	float:left;
	font-size:1em;
	color:#333333;
	width:100%;
	padding-top:10px;
	margin:0;
	margin-top:10px;
	padding-bottom:10px;
}

.moreinfo ul {
	padding:0;
	margin-bottom:0;
	margin-left:60px;
	padding-top:20px;
}

.moreinfo li {
	padding-bottom:10px;
	margin-left:20px;
}


img#more {
	float:left;
}

.moreinfo strong {
	font-size:1.4em;
	float:left;
	padding-left:10px;
}

.director {
	margin-top:20px;
	font-size:0.8em;
	color:#333333;
	border-top:1px solid #cccccc;
	padding:0;
	clear:left;
}

.director strong {
	font-size:1.2em;
	text-decoration:underline;
}
