body {background-image:url(../images/treelife-bg.jpg); background-attachment:fixed; }
#header {margin: 0px auto 0px auto; width:960px; height:156px; background: #458B00 url(../images/header-bg.jpg) repeat-x center top; margin-bottom:-10px;}
#logo {float:left; width:330px; height:116px; margin-top: 0px;}
#header-info {float:right; text-align:left;width:295px; height:48px; margin-top: 26px; color:#ffffff; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:1.4em;  line-height:130%; font-weight:bold }
.indent {height:29px;float:left;width:96px; font-weight:normal }
.info {height:29px;float:left;width:195px;font-size:1.3em}
.indent2 {height:29px;float:left;width:196px; font-weight:normal }
.info2 {height:29px;float:left;width:95px;font-size:1.3em}

#nav {clear:both; width:960px; height:40px; margin: 0px auto; background: #6C5D4E url(../images/wood-bg.jpg) repeat-x center top;}


#main { width:960px; background: #ffffff url(../images/tree-watermark.gif ) no-repeat right bottom; margin: 40px auto 0px auto; text-align:left; padding:0px 0px 20px 0px;

-webkit-box-shadow:0 0 15px #000000; 
-moz-box-shadow: 0 0 15px #000000; 
box-shadow:0 0 15px #000000; }

.colholder {clear:both; width:920px; margin: 0px auto;font-size:0.9em;}
.colholder2 {clear:both; width:920px; margin: 0px auto;font-size:0.9em;}

.left-col {float: left; background-color:#527D32;width: 293px; margin-right:20px;font-size:0.9em;}
.right-col {float: right; color:#000000;width: 293px; font-size:0.9em;margin:10px 20px 0px 0px;}
.main-col {float:left; color:#000000; width: 626px; margin:10px 0px 0px 20px;font-size:0.9em;}
.full-col {width:920px;clear:both;  margin:20px 20px 0px 20px; float:left; color:#000000;font-size:0.9em;}
.main-col a, .full-col a, .left-col a, .right-col a{color:#527D32; }


.three-col-one {float: left; width: 293px; margin-right:20px; margin-bottom:0px}
.three-col-onetwo {float: left; width: 606px; margin-right:20px; margin-bottom:0px}
.three-col-two {float: left; width: 292px; margin-right:20px;margin-bottom:0px}
.three-col-three {float: left; width: 293px; margin-bottom:0px;  }

.imageholder {width: 293px;height:146px;
-webkit-box-shadow:3px 3px 10px #666666; 
-moz-box-shadow: 3px 3px 10px #666666; 
box-shadow:3px 3px 10px #666666;
}

.imageholderarchive {float:left; width: 152px;height:76px; margin:7px 20px 0px 0px;
-webkit-box-shadow:3px 3px 10px #666666; 
-moz-box-shadow: 3px 3px 10px #666666; 
box-shadow:3px 3px 10px #666666;
}
.videoholder {width: 293px;height:190px;
-webkit-box-shadow:3px 3px 10px #666666; 
-moz-box-shadow: 3px 3px 10px #666666; 
box-shadow:3px 3px 10px #666666;
}

.imageholdermain {width: 606px;height:303px;
-webkit-box-shadow:3px 3px 10px #666666; 
-moz-box-shadow: 3px 3px 10px #666666; 
box-shadow:3px 3px 10px #666666;
margin:20px 0px 0px 0px;
}

#cholder {	width: 960px;	height: 262px;}
.carousel {background-color:#458B00; float: left;	width: 920px;	height: 232px;	padding: 0px;	border: none;margin:30px 20px 20px 20px;
-webkit-box-shadow:3px 3px 10px #666666; 
-moz-box-shadow: 3px 3px 10px #666666; 
box-shadow:3px 3px 10px #666666;display: none;}
.image { height:232px; width:920px; }
.image .overlay {position:relative; z-index:99; height:232px; width:430px; background-image: url(../images/slider-overlay.png); float:right; }
.image .overlay .holder{width:230px; height:232px; float:right; text-align:right; color:#ffffff; font-size:2.0em;  padding:20px; }




.footerboxes, .footerboxes2{   text-align:left; margin-top:15px }
.footerboxes h3, .footerboxes2 h3{ font-size:1.15em;  margin:0px 0px 6px 0px; }


#footer { clear:both; width:100%; height:264px; background: #6C5D4E url(../images/wood-bg.jpg) repeat-x center top; color:#ffffff;}
#footer-holder { width:960px;  margin: 0px auto; background:#458B00 url(../images/footer-bg-green.jpg) repeat-x center top;  height:234px;
-webkit-box-shadow:0 0 15px #000000; 
-moz-box-shadow: 0 0 15px #000000; 
box-shadow:0 0 15px #000000; 
}
#footer-holder .colholder {clear:both; width:920px; padding:0px 20px 0px 20px; margin: 0px auto;font-size:0.85em;height:113px; }
#footer-holder .colholder2 {clear:both; width:920px; padding:0px 20px 0px 20px; margin: 0px auto;font-size:0.85em; background:#ffffff  url(../images/footer-bg-white.jpg) repeat-x center top; color:#666666;height:89px; }
.chas-logo {float:left; margin-right:15px; width:90px;height:58px; }
.safe-logo {float:left; margin-right:15px; width:108px;height:58px;}
.apprenticeships-logo {float:left;margin-left:7px; width:180px;height:58px;}
.defra-logo {float:left;margin-right:15px; width:180px;height:61px; margin-top:-2px;}

#footer-holder2 { width:960px;  margin: 0px auto;  height:32px; background: #458B00; }

