@import url('//fonts.googleapis.com/css?family=Nunito:300');
@import url('//fonts.googleapis.com/css?family=Open+Sans');
body { text-align:center;margin:0px; padding:0px;font-size:1em; line-height:100%; width:100%; height:100%; background-image:url(../images/treelife-bg.jpg); background-attachment:fixed; }
img {border:0px solid #ffffff;}
a:ACTIVE, a:LINK, a:VISITED {text-decoration: none;	 color:inherit;  	}
a:HOVER {text-decoration:underline; color:inherit;  	 }

#container { margin: auto; } 
#clear, .clear {	clear:both;}

.left {float:left}
.right {float:right}
.center {text-align:center}
.show {display:block;}

hr {clear:both; border-top:1px solid #D4D0C8;border-right:0px; border-bottom:0px; border-left:0px;}





h1,h2,h3,h3.white,h4,.footer,.footer-info,.holder, #nav ul li a,#header-info {font-family: 'Nunito', sans-serif; }







h1, h2, h3, h4, h5, h6{line-height:100%; color:#458B00;font-weight: normal; margin:22px 0px 12px 0px;}
h1 {clear:both;font-weight:bold; font-size:1.6em;  }
h2 {font-weight:bold; font-size:1.5em;}
h3 {font-weight:bold; font-size:1.5em; margin:5px 0px 10px 0px; }
h4 {font-weight:bold;font-size:1.2em; color:#333333}
p{ font-family: 'Open Sans', sans-serif; font-size:1.1em; line-height:130%; color:#444; margin-bottom:20px;}
.date{margin:4px 0px -5px 0px; font-family: 'Open Sans', sans-serif; font-size:0.9em; font-weight:bold; line-height:100%; color:#666666 }

.full-col ol,
.full-col ul,
.full-col li,
.main-col ol,
.main-col ul,
.main-col li,
.right-col ol,
.right-col ul,
.right-col li{ font-family: 'Open Sans', sans-serif; font-size:1.1em; line-height:120% }


.boxes { margin:0px 0px -9px 0px; font-family: 'Open Sans', sans-serif;  font-size:1.0em; font-weight: bold}

.shadow {text-shadow: 1px 1px 2px #000000;}
.shadow2 {text-shadow: 1px 1px 2px #ffffff;}

.footer {font-size:0.95em; padding:6px 18px 0px 18px;}
#nav {font-family: 'Open Sans', sans-serif; font-size:1.1em;letter-spacing:0px; }

.phone-number {float:right;font-size:1.4em; }
.white {color:#ffffff; }
.grey{color:#C494CD}
.large{font-size:1.2em; }
.quote{ font-style:italic; font-weight:bold;}
.footer-info {font-family: 'Open Sans', sans-serif;font-size:1.2em; line-height:120%; }
.footer-info2 {font-family: 'Open Sans', sans-serif;font-size:0.85em; line-height:120%; }

.image-body {float:left;width:450px; text-align:left;font-weight: bold;font-family: 'Open Sans', sans-serif; font-size:1.0em; line-height:160%; margin:29px 0px 0px 0px;}










#mailinglist {	margin:0px;padding:0px;  float:left; text-align:right; width:293px; }
#mailinglist fieldset {margin:0px; padding:0px; 		font-size:1.2em; border:0px;}
#mailinglist fieldset label {margin:6px 0px 0px 0px; text-align:left; float:left;width:80px; font-family: 'Nunito', sans-serif; font-size:0.9em; font-weight:bold}
#mailinglist fieldset input{float:left; background-color:#AFC69F;margin:6px 0px 0px 0px; padding:0px;width: 211px; border:0px solid #527D32; height:25px;color:#333333; font-family: 'Open Sans', sans-serif;}
#mailinglist fieldset input.short{float:left; background-color:#AFC69F;margin:6px 0px 0px 0px; padding:0px;width: 163px; border:0px solid #527D32; height:25px;color:#333333; font-family: 'Open Sans', sans-serif;}
#mailinglist fieldset input.gobtn{background-color:#527D32; color:#ffffff;float:right;  width:48px; height:25px; text-align:center; font-weight:bold; margin-right:0px;}

#form {margin:0px 0px 0px 0px;padding:0px;float:left; text-align:right; width:660px; }
#form fieldset {margin:10px 0px 0px 0px;padding:10px;		font-size:1em; border:0px; font-family: 'Open Sans', sans-serif;font-size:0.9em;}
#form fieldset input{margin:0px 50px 16px 0px; padding:0px; width: 477px; border:1px solid #cccccc; height:23px;color:#333333; }
#form fieldset textarea{margin:0px 50px 0px 0px;  padding:0px;width: 477px; border:1px solid #cccccc; height:90px;color:#333333; font-family: 'Open Sans', sans-serif;font-size:0.9em; }
#form fieldset select {margin:0px 50px 0px 0px;  padding:0px;width: 481px;border:1px solid #cccccc; height:23px;color:#333333;  }
#form fieldset label {font-family: 'Nunito', sans-serif;text-align:right;	float:left;	color:#333333; font-size: 1em;	font-weight:bold;width:90px; margin-top:-6px;margin-left:0px;}
#form fieldset .required {color:#666666; font-size:0.8em; font-weight:normal; margin-top:-1px;}
#form fieldset .error {color:#458B00; font-size:0.8em; font-weight:normal; margin-top:-1px;}

#form fieldset input:focus, #form fieldset textarea:focus { background: #efefef; }
#form fieldset input.check {   float:left; margin:3px 0px 0px 9px;width: 1em;	border:0px;	}
#form fieldset input.gobtn{ float:right; padding:2px 6px 3px 6px;background-color:#bbbbbb; color:#ffffff;font-family: 'Open Sans', sans-serif;font-size:1em;font-weight:bold;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px;width:132px; height:24px; text-align:center; }
#form fieldset input.gobtn:hover{ background-color:#458B00;border-color:#458B00 }









#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: 'Open Sans', sans-serif; font-size:1.4em;  line-height:130%; font-weight:bold }
.indent {height:34px;float:left;width:96px; font-weight:normal }
.info {height:34px;float:left;width:195px;font-size:0.9em}
.indent2 {height:29px;float:left;width:160px; font-weight:normal }
.info2 {height:29px;float:left;width:95px;font-size:1.2em}
.indent3 {height:29px;float:left;width:96px; font-weight:normal }
.info3 {height:29px;float:left;width:195px;font-size:0.8em}


#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; margin:6px 0 18px 0}
.imageholder img {width:100%; height:auto; }
.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;  line-height:1.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; }



.phone-contact-h {display:none;}

@media only screen 
and (min-width : 0px) 
and (max-width : 769px){
	
	
	
	
	
#header {margin: 0px auto 0px auto; width:100%; height:80px; }
#logo {float:left; width:auto; height:80px; margin-top: 0px; }
#logo img{ width:auto; height:60px; margin: 10px 0px;}
#header-info {float:right; text-align:left;width:295px; height:00px; margin-top: 26px; margin-bottom:-50px; color:#ffffff; font-family: 'Open Sans', sans-serif; font-size:1.4em;  line-height:130%; font-weight:bold }
.indent {display:none;height:34px;float:left;width:96px; font-weight:normal }
.info {display:none;height:34px;float:left;width:195px;font-size:1.2em}
.indent2 {height:29px;float:left;width:196px; font-weight:normal }
.info2 {display:none;height:29px;float:left;width:95px;font-size:1.2em}
.indent3 {display:none;height:29px;float:left;width:196px; font-weight:normal }
.info3 {display:none;height:29px;float:right;width:195px;font-size:0.8em; position:absolute; top:25px; right:20px; text-align:right; font-family: 'Nunito', sans-serif;}

body {  background-image:url(none);  }

#main { width:100%;background: #ffffff url(none) no-repeat right bottom; margin: 0px auto 0px auto; text-align:left; padding:0px 0px 20px 0px;-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none; }

.colholder {width:100%; padding:0px 3%; }
.colholder2 {width:100%; padding:0px 3%; }

.left-col {width:100%; margin-right:0px;}
.right-col { width:94%; margin:0px; padding:3%}
.main-col { width:94%; margin:0px; padding:3%}
.full-col { width:94%; margin:0px; padding:3% }


.three-col-one {float: left; width:100%; margin:0px}
.three-col-onetwo {float: left; width:100%; margin:0px; overflow:hidden}
.three-col-two {float: left; width:100%; margin:0px}
.three-col-three {float: left; width:100%; margin:0px}

.imageholder {width:100%;	height:0; padding-bottom:53%;-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none; margin:6px 0 18px 0}
.imageholder img {width:100%; height:auto; }

.imageholderarchive {float:left; width: 152px;height:76px; margin:7px 20px 0px 0px;-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none;}
.imageholderarchive img {width:100%; height:auto; }

.videoholder {width: 100%; height:auto;-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none;}

.imageholdermain { width:100%;height:0; padding-bottom:50%;-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none;margin:0px 0px 20px 0px;}
.imageholdermain img {width:100%; height:auto; }

.three-col-onetwo img{width:100%; height:auto; margin-bottom:3%}

#cholder { width:100%;	height:0; padding-bottom:53%; }
.carousel {background-color:#458B00; float: left;	width:100%;	height:0; padding-bottom:50%;border: none;margin:37px 0px 0px 0px;-webkit-box-shadow:none; -moz-box-shadow: none; box-shadow:none;display: none;background-size:cover;}
.image { width:100%;	height:0; padding-bottom:50%;}
.image .overlay {position:relative; z-index:99; height:0px;padding-bottom:50%; width:100%; background-image: url(none); float:right; }
.image .overlay .holder{width:94%; height:auto;background: #458B00;float:right; text-align:center; color:#ffffff; font-size:1.5em;  line-height:1.0em; padding:3%;  display:block; position:absolute; bottom:0px}

.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:auto; }
#footer-holder { width:100%; margin: 0px auto;   height:auto;}








#mailinglist {	margin:0px;padding:0px;  float:left; text-align:right; width:100%; }
#mailinglist fieldset {margin:0px; padding:0px; 		font-size:1.2em; border:0px;}
#mailinglist fieldset label {margin:6px 0px 0px 0px; text-align:left; float:left;width:100%; font-family: 'Nunito', sans-serif; font-size:0.9em; font-weight:bold}
#mailinglist fieldset input{float:left; background-color:#AFC69F;margin:6px 0px 0px 0px; padding:0px;width: 100%; border:0px solid #527D32; height:25px;color:#333333; font-family: 'Open Sans', sans-serif;}
#mailinglist fieldset input.short{float:left; background-color:#AFC69F;margin:6px 0px 0px 0px; padding:0px;width: 100%; border:0px solid #527D32; height:25px;color:#333333; font-family: 'Open Sans', sans-serif;}
#mailinglist fieldset input.gobtn{background-color:#527D32; color:#ffffff;float:right;  width:48px; height:25px; text-align:center; font-weight:bold; margin-right:0px;}

#form {margin:0px 0px 0px 0px;padding:0px;float:left; text-align:right; width:100%;  }
#form fieldset {margin:10px 0px 0px 0px;padding:0px;		font-size:1em; border:0px; font-family: 'Open Sans', sans-serif;font-size:0.9em;}
#form fieldset input{margin:0px 0px 16px 0px; padding:0px; width:100%;border:1px solid #cccccc; height:23px;color:#333333; }
#form fieldset textarea{margin:0px 0px 0px 0px;  padding:0px;width:100%;border:1px solid #cccccc; height:90px;color:#333333; font-family: 'Open Sans', sans-serif;font-size:0.9em; }
#form fieldset select {margin:0px 0px 0px 0px;  padding:0px;width:100%;border:1px solid #cccccc; height:23px;color:#333333;  }
#form fieldset label {font-family: 'Nunito', sans-serif;text-align:left;	float:left;	color:#333333; font-size: 1em;	font-weight:bold;width:100%;margin-top:-6px;margin-left:0px;}
#form fieldset .required {color:#666666; font-size:0.8em; font-weight:normal; margin-top:-1px;}
#form fieldset .error {color:#458B00; font-size:0.8em; font-weight:normal; margin-top:-1px;}

#form fieldset input:focus, #form fieldset textarea:focus { background: #efefef; }
#form fieldset input.check {   float:left; margin:3px 0px 0px 9px;width: 1em;	border:0px;	}
#form fieldset input.gobtn{ float:right; padding:2px 6px 3px 6px;background-color:#bbbbbb; color:#ffffff;font-family: 'Open Sans', sans-serif;font-size:1em;font-weight:bold;-moz-border-radius: 5px 5px 5px 5px;-webkit-border-radius: 5px 5px 5px 5px;border-radius: 5px;width:132px; height:24px; text-align:center; }
#form fieldset input.gobtn:hover{ background-color:#458B00;border-color:#458B00 }


#footer-holder { background:#458B00;  height:auto; }

#footer-holder .colholder2,
#footer-holder .colholder .indent,
#footer-holder .colholder .indent2,
#footer-holder .colholder .three-col-two,
#footer-holder .colholder .three-col-three {display:none}
#footer-holder .colholder .info2 {width:31%; height:auto; float:left;}
#footer-holder .colholder .info2 img{ width:80% !important; height:auto; margin:10px 10%}


#footer-holder .colholder {clear:both; width:100%; padding:0px 3%; margin: 0px auto;font-size:0.85em;height:auto; }
#footer-holder .colholder2 {clear:both; width:100%; padding:0px 3%; margin: 0px auto;font-size:0.85em; background:#ffffff  url(../images/footer-bg-white.jpg) repeat-x center top; color:#666666;height:auto; }
.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 { clear:both; width:100%;   margin: 0px auto;  height:auto; background: #ffffff;color:#458B00; text-align:center;}
#footer-holder2 .right {display:none;}
#footer-holder2 .left {width:100%; text-align:center; padding:10px 0}


.phone-contact-h {clear:both;display:block; float:left; color: #fff !important;height:21px; background:url(../images/phone-icon-w.png) no-repeat 0px 0px; background-size:contain;
padding-left:28px; top:10px; left:3%; position:absolute; z-index:99999;font-family: 'Nunito', sans-serif; }
	
}
