/*
--
GENERIC CSS - styles.css											  
--
	Created: 	09-09-2008															
	Website: 	cO2 Offset Trust														
--
*/

/*
-- HTML / BODY
															
--
*/

html {min-height: 100%; height: auto;}

body {
	background: #ccc url(images/back.png) repeat-x; 
	font-family: arial, verdana, sans-serif; 
	font-size: 62.5%; 
	margin: 0; 
	padding: 0;
	}

/*
-- TITLES AND TEXT
														
--
*/

h1 {position: absolute; left: -2000px;}

p {font-size: 1.2em;}

a {margin: 0; padding: 0; outline: none;}
a:link, a:visited {text-decoration: none;}
a:hover {text-decoration: underline;}

/*
-------------------------------------------------------------------------------------- FRAMEWORK
														
------------------------------------------------------------------------------------------------
*/



	#header {background: #ffffff; width: 891px; margin: 0 auto; padding: 10px 0 0 0;}


	#footer {background: #ffffff; width: 891px;}



	#pagemain {width: 891px; margin: 0 auto; padding: 0 0 0 0;}
	#fullwidthpage {width: 891px; margin: 0 auto; padding: 0 0 0 0;}

	#photoheader {background: url(images/mainheader.jpg) no-repeat left; width: 891px; height: 160px; margin: 0px 0 0 0; padding: 0; float: left;} 
	#leftheader {text-align: right; width: 300px; height: 194px; margin: 0; padding: 0; float: left; padding: 12px 0 0 0;}
	#centrehead {width: 494px; height: 194px; margin: 0 auto; padding: 0 0 0 6px; float: left;}
	#pcentrehead {width: 494px; height: 194px; margin: 0 auto; padding: 130px 0 0 76px; float: left;}
	#righthead {background: #ffffff; width: 85px; height: 134px; margin: 0 auto; padding: 20px 0 0 0; text-align: right; float: left;}
	#menuback {background: url(images/menuback.jpg) no-repeat left; width: 891px; height: 31px; margin: 0px 0 0 0; padding: 0; float: left;} 
	#menuspace {width: 26px; text-align: center; color: #ffffff; font-size: 15px; float: left;} 

	.vacancieslink a {color: #0000ff; text-decoration: underline;}
	.vacancieslink a:hover {color: #999999; text-decoration: underline;}
	.vacancieslink a.active {color: #999999; text-decoration: underline;}
		
	#menuitem {font-family: arial, verdana, sans-serif; color: #ffffff; font-size: 15px; float: left;} 
	#menutop {width: 891px; height: 7px; float: left;} 
	#menuitem a {color: #ffffff;}
	#menuitem a:hover {color: #0066aa; text-decoration: none;}
	#menuitem a.active {color: #84B534; text-decoration: underline;}

	#maintext {background: #ffffff; text-align: left; width: 671px; margin: 0; padding: 0 10px 0 0; float: left;}
	#maintext1 {background: #ffffff; text-align: left; width: 821px; margin: 0; padding: 0 10px 0 0; float: left;}
	#gallerypagetext {background: #ffffff; text-align: centre; font-family: arial, verdana, sans-serif; color: #000000; font-size: 12px;}

	.toppdflink {font-family: arial, verdana, sans-serif; color: #999999; font-size: 0.5em; text-decoration: underline;}

	.clickhere {font-family: arial, verdana, sans-serif; color: #999999; font-weight: bold;}
	
	#subor {font-family: arial, verdana, sans-serif; color: #ff6600; font-size: 13px; font-weight: bold;}

	#mainpagetitle {width: 671px; text-align: justify;  padding: 0 0 0 100px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 20px; float: left;} 


	#newsmainpagetitle {width: 595px; text-align: justify;  padding: 0 0 0 70px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 20px; float: left;} 


	#mainpagetext {background: #ffffff; text-align: left; width: 891px; float: left;}
	#hcolimage {background: #ffffff; text-align: center; width: 435px;  font-family: arial, verdana, sans-serif; color: #000045; font-size: 11px; float: left;}

	#fullwidthpage {width: 891px; margin: 0;}

	#newspagetext {width: 571px; text-align: justify;  padding: 0 0 0 70px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px; float: left;} 

	#pagetext {width: 671px; text-align: justify;  padding: 0 0 0 100px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px; float: left;} 
	#pagetext p {font-family: arial, verdana, sans-serif; color: #ff6666; font-size: 0.8em; padding: 15px;}



	#keycontacttextl {width: 471px; text-align: justify;  padding: 0 0 0 10px; font-family: arial, verdana, sans-serif; color: #ff4000; font-size: 16px; float: left;} 
	#keycontactphotol {float: left; width: 110px; text-align: justify;  padding: 0 0 0 160px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px; float: left;} 

	#prolinktitle {width: 400px; text-align: left;  padding: 0 0 0 40px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 16px;} 
	#prolinkspace {background: #ffffff;float: left; width: 450px; height: 50px; text-align: left; font-family: arial, verdana, sans-serif; color: #000045; font-size: 16px;} 
	#prolinkimage {background: #ffffff; float: left; width: 170px; text-align: center;  padding: 0 0 0 40px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px; float: left;} 
	#prolinklink {background: #ffffff;float: left; width: 240px; text-align: left; padding: 65px 0 19px 0; font-family: arial, verdana, sans-serif; color: #ff0045; font-size: 14px;} 


	#addprojecttitle {width: 400px; text-align: left;  padding: 0 0 0 40px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 16px;} 
	#addprojectspace {background: #ffffff;float: left; width: 450px; height: 30px; text-align: left; font-family: arial, verdana, sans-serif; color: #000045; font-size: 16px;} 
	#addprojectimage {background: #ffffff; float: left; width: 450px; text-align: center;  padding: 0 0 0 0; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px; float: left;} 



	#brief1 {height: 40px; float: left;width: 280px; text-align: left; padding: 0 0 0 140px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px;} 
	#brief2 {height: 40px; float: left;width: 110px; text-align: center;  padding: 0 0 0 0; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px;} 
	#brief3 {height: 40px; float: left;width: 110px; text-align: center;  padding: 0 0 0 0; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px;} 
	#brief4 {height: 60px; float: left;width: 280px; text-align: left; padding: 0 0 0 140px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px;} 
	#brief5 {height: 60px; float: left;width: 110px; text-align: center;  padding: 0 0 0 0; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px;} 


	#keycontacttextr {width: 421px; text-align: right;  padding: 0 0 0 200px; font-family: arial, verdana, sans-serif; color: #ff0045; font-size: 16px; float: left;} 
	#keycontactphotor {float: left; width: 100px; text-align: left;  padding: 0 0 0 10px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px; float: left;} 

	#telfax {font-family: arial, verdana, sans-serif; color: #000045; font-size: 14px;} 







	#newsback {background: #dddddd; width: 210px; height: 530px; padding: 0; float: left;} 
	#livenewsback {background: #dddddd; width: 210px; height: 700px; padding: 0; float: left;} 
	
	#maxspace {width: 40px; height: 30px; float: left;} 
	#minspace {width: 20px; height: 30px; float: left;} 
	#vspace {width: 671px; height: 10px; float: left;} 
	#vspacetitle {width: 671px; height: 3px; float: left;} 
	#titlevspace {width: 40px; height: 5px; float: left;} 


	#laro {width: 631px; height: 30px; margin: 0 0 0 0px; font-family: arial, verdana, sans-serif; color: #ff6600; font-size: 19px; float: left;} 
	#larb {width: 631px; height: 30px; margin: 0 0 0 0px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 19px; float: left;} 

	#norb {width: 651px; text-align: justify; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px; float: left;} 
	#norbl {width: 651px; text-align: justify; font-family: arial, verdana, sans-serif; color: #000000; font-size: 13px; float: left;} 

	#norc {width: 801px; text-align: justify; font-family: arial, verdana, sans-serif; color: #000045; font-size: 13px; float: left;} 
	#norcl {width: 801px; text-align: justify; font-family: arial, verdana, sans-serif; color: #000000; font-size: 13px; float: left;} 


	#newsb {width: 190px; font-family: arial, verdana, sans-serif; color: #000045; font-size: 12px; float: left;} 
	#newso {width: 190px; font-family: arial, verdana, sans-serif; color: #ff6600; font-size: 12px; float: left;}
	#newso a {color: #ff6600;}

 
	#newsspaceb {width: 10px; height: 10px; float: left;} 
	#newsspaceo {width: 20px; height: 10px; float: left;} 
	#newsspacev {width: 210px; height: 20px; float: left;} 

	#prodspacev {width: 210px; height: 10px; float: left;} 



	#techeader {background: url(images/tecblank.png) repeat-x; text-align: center; width: 891px; height: 36px; margin: 0 0 0 0; padding: 4px 0 0 0; font-family: arial, verdana, sans-serif; color: #ffffff; font-size: 1.6em; float: left;} 
	#footer {width: 750px; text-align: center; margin: 0 auto; padding: 10px 0 10px 0; clear: both;}
	




		#mainheader {background: url(images/headerl.png) no-repeat left; width: 482px; height: 222px; margin: 0px 0 0 0; padding: 0; float: left;} 
		#leftheaderair {background: url(images/headerrair.png) no-repeat left; width: 490px; height: 222px; margin: 0; padding: 0; float: left;}

		#main {background: #ffffff url(images/bg_main.gif) repeat-x top; margin: 1px 0 0 0; padding: 0;}

#features {background: #84B534; margin: 0; padding: 0;}

		#content_contain {background: #ffffff; width: 974px; margin: 0 auto; padding: 0 0 20px 0;}
		#navigation {width: 250px; height: 400px; margin: 10px 0 0 0; padding: 0; float: left;} 
		#content {width: 570px; margin: 0; padding: 0; float: left; line-height: 1.8em; font-size: 1.3em;}
		#calccontent {width: 700px; margin: 0; padding: 10px; float: left;}
		#clubs {width: 120px; margin: 5px; padding: 0; float: left;}
		#date {margin: 208px 0 0 50px; font-family: arial, verdana, sans-serif; color: #333;} 
		#newsroll {width: 490px; height: 60px; margin: 32px 0 0 20px; font-family: arial, verdana, sans-serif; color: #333; font-size: 1.2em; float: left;} 

		#clublink {width: 490px; height: 86px; margin: 0 0 0 15px; font-family: arial, verdana, sans-serif; color: #fff; font-size: 1.3em; float: left;} 
		#clublinkindex {width: 490px; height: 79px; margin: 0 0 0 15px; font-family: arial, verdana, sans-serif; color: #fff; font-size: 1.3em; float: left;} 

		#buttons {margin: 0 0 0 50px; font-family: arial, verdana, sans-serif; color: #333;} 
		#calcbuttons {margin: 70px 70px 70px 60px; font-family: arial, verdana, sans-serif; color: #333;} 

		#departure {background: #ccff99; z-index: 4; width: 250px; height: 180px; margin: 0; padding: 5px; float: left; text-align: center;}
		#caltrip {background: #99ff99; width: 180px; height: 170px; margin: 0; padding: 10px; float: left;}
		#calculate {background: #999999; z-index: 1; width: 700px; margin: 0; padding: 10px; float: left;}

		#donate {background: #ccff99; width: 600px; height: 220px; margin: 0; padding: 5px; float: left;}

		#donatecon {background: #ccff99; width: 600px; height: 120px; margin: 0; padding: 5px; padding: 10px; float: left; font-size: 1.2em; font-family: arial, verdana, sans-serif; color: #333;}


		#carcalccontent {width: 700px; margin: 0; padding: 10px; float: left; font-size: 1.4em; font-family: arial, verdana, sans-serif; color: #333;}
		#cardistance {background: #ccff99; width: 220px; height: 60px; margin: 0; padding: 5px; float: left; font-size: 1.2em;}
		#mileskm {background: #ccccff; align: left; width: 100px; height: 60px; margin: 0; padding: 5px; float: left; font-size: 1.2em;}
		#enginesize {background: #ccffcc; align: left; width: 300px; height: 60px; margin: 0; padding: 5px; float: left; font-size: 1.2em;}
		#calculatecar {background: #cccccc; text-align: center; width: 630px; margin: 0; padding: 10px; float: left;}
		
		#calculatehhc {background: #ccccff; text-align: left; width: 610px; margin: 0; padding: 10px; float: left;}
		#hhctitle {width: 570px; margin: 0; padding: 0; line-height: 1.2em; font-size: 1.4em;}
		#hhcinput {width: 300px; margin: 0; padding: 0; line-height: 1.2em; font-size: 1.0em;}
		#hhcinputdis {width: 190px; float: left; margin: 0; padding: 0; line-height: 1.2em; font-size: 1.0em;}
		#hhcresult {padding: 4; width: 200px; float: left; text-align: left; line-height: 1.2em; font-size: 1.4em;}
		#hhcspace {width: 570px; height: 20px; margin: 0; padding: 0;}
		#hhcmoneytotal {background: #ffffff; padding: 10; width: 417px; float: left; text-align: right; line-height: 1.8em; font-size: 1.4em;}
		#hhcmoneytotalspacer {background: #ccccff; padding: 10; width: 200px; float: left; text-align: right; line-height: 1.2em; font-size: 1.4em;}
		#hhcdonate {background: #ccccff; padding: 10; width: 610px; float: left; text-align: center; line-height: 1.8em; font-size: 1.2em;}


		#statement {float: left;}
		#imgstatement {float: left;}

		#tags {width: 250px; height: 200px; margin: 10px 0 0 0; padding: 0 0 0 40px; font-size: 0.9em;} 
		#tandc {width: 570px; margin: 0; padding: 0; float: left; line-height: 1.2em; font-size: 0.9em;}
		#problemanswer {width: 550px; padding: 0 0 0 40px; line-height: 1.3em; font-size: 1.0em; text-align: justify}
		#pih {width: 570px; margin: 0; padding: 0; line-height: 1.2em; font-size: 0.9em;}

		#newstitle {width: 570px; margin: 0; padding: 0; line-height: 1.5em; font-size: 1.5em;}
		#newsbody {width: 570px; margin: 0; padding: 0; line-height: 1.2em; font-size: 1.3em;}

		#departure p.message1 {font-family: arial, verdana, sans-serif; color: #333333; font-size: 1.1em;}





#features_contain {width: 760px; margin: 0 auto; padding: 0;}

/*
----------------------------------------------------------------------------------------- HEADER
														
------------------------------------------------------------------------------------------------
*/

#cvclickhere {margin: 0; padding: 10px 0 0 0;}
#cvclickhere a {color: #000000; text-decoration:underline}
#cvclickhere a:hover {color: #999999;}

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

#details {margin: 0; padding: 10px 0 0 0; float: right;}
#details ul {list-style: none; margin: 0; padding: 0;}
#details li {font-size: 1.2em; margin: 0; padding: 10px 0 10px 25px;}
#details li.location {background: url(images/icon_location.gif) no-repeat left; border-bottom: 1px solid #ccc;}
#details li.telephone {background: url(images/icon_telephone.gif) no-repeat left; border-bottom: 1px solid #ccc;}
#details li.email {background: url(images/icon_email.gif) no-repeat left;}
#details a {color: #1C819C;}
#details a:hover {color: #84B534; text-decoration: none;}



/*
------------------------------------------------------------------------------------- NAVIGATION
														
------------------------------------------------------------------------------------------------
*/

#navigation ul {list-style: none; margin: 0; padding: 0;}

	#navigation li {background: #ffffff; font-size: 1.2em; margin: 0 0 1px 0; padding: 0 0 0 10px;}

#navigation a {background: url(images/bg_navi_arrow.gif) left no-repeat; width: 220px; color: #fff; display: block; margin: 0; padding: 5px 0 5px 20px; font-weight: bold;}
#navigation a:hover {background: url(images/bg_navi_arrow_on.gif) left no-repeat; color: #ffcc00; text-decoration: none;}
#navigation a.active {background: url(images/bg_navi_arrow_on.gif) left no-repeat; color: #cc9900; text-decoration: none;}


#tags a {padding: 0 0 0 0px; color: #666666; text-decoration: underline;}
#tags a:hover {color: #999999; text-decoration: underline;}
#tags a.active {color: #666666; text-decoration: underline;}



/*
---------------------------------------------------------------------------------------- CONTENT
														
------------------------------------------------------------------------------------------------
*/
	#clublink a {color: #ffffff;}
	#clublink a:hover {color: #cccccc;}

	#calccontent p {color: #ccc; line-height: 1.0em; font-size: 2.2em; margin: 0; padding: 16px 0 0 20px;}
	#calcbuttons p {color: #000; line-height: 1.0em; font-size: 2.6em; margin: 0 0 0 0; padding: 0 0 0 0;}

	#departure p {color: #000; line-height: 1.0em; font-size: 1.2em; margin: 0 0 0 0; padding: 0 0 0 0;}


	#caltrip p {color: #000; line-height: 1.0em; font-size: 1.3em; margin: 10px 0 0 0; padding: 0 0 0 0;}




#content p {color: #ccc; line-height: 1.0em; font-size: 2.2em; margin: 0; padding: 16px 0 0 20px;}
#content p span {color: #84B534;}
#content a {color: #84B534;}
#content a:hover {color: #ffcc00; text-decoration: none;}
#content img {float: right; margin: 15px 0 0 20px; padding: 0;}
#content p.message1 {font-weight: bold; border-top: 1px solid #3498af; border-bottom: 1px solid #3498af; margin: 16px 0 0 20px; padding: 0;}
#content p.message2 {font-weight: bold; border-bottom: 1px solid #3498af; margin: 0 0 0 20px; padding: 0;}

a.customs {margin: 0; padding: 10px 0 0 55px; display: block; height: 50px; width: 150px; background: url(images/icon_pdf.gif) left no-repeat; float: left;}

/*
--------------------------------------------------------------------------------------- FEATURES
														
------------------------------------------------------------------------------------------------
*/

.feature1 {width: 253px; margin: 0 7px 0 0; padding: 20px 0 0 10px; float: left; height: 200px;}
.feature2 {width: 253px; margin: 0 7px 0 0; padding: 20px 0 0 0; float: left; height: 200px;}
.feature3 {width: 220px; margin: 0; padding: 20px 0 0 0; float: left; height: 200px;}

#features img {margin: 10px 0 10px 0; padding: 0;}

.feature1 a, .feature2 a {color: #fff; font-size: 1.2em; line-height: 1.7em; display: block; text-align: right; border-top: 1px solid #AED66E; border-bottom: 1px solid #AED66E; margin-right: 27px; padding-right: 20px; background: url(images/bg_feature_arrow.gif) right no-repeat;}
.feature3 a {color: #fff; font-size: 1.2em; line-height: 1.7em; display: block; text-align: right; border-top: 1px solid #AED66E; border-bottom: 1px solid #AED66E; margin-right: -5px; padding-right: 20px; background: url(images/bg_feature_arrow.gif) right no-repeat;}

.feature1 a:hover, .feature2 a:hover, .feature3 a:hover {color: #ffcc00; text-decoration: none; background: url(images/bg_feature_arrow_on.gif) right no-repeat;}

a.piclink, img.piclink  {background: none; border: none; margin: 0; padding: 0; text-align: left;}
a.piclink:hover, img.piclink  {background: none; border: none; margin: 0; padding: 0; text-align: left;}

/*
------------------------------------------------------------------------------------------- MAPS
														
------------------------------------------------------------------------------------------------
*/

#map {margin: 16px 0 0 20px; padding: 0; width: 450px; height: 250px; border: 3px solid #fff;}

/*
----------------------------------------------------------------------------------------- FOOTER
														
------------------------------------------------------------------------------------------------
*/

#footer p {margin: 0; padding: 17px 0 10px 0; color: #fff; font-size: 1.1em; float: left; display: block;}

#footer ul {margin: 0; padding: 17px 0 0 0; list-style: none; float: right;}
#footer li {margin: 0; padding: 0 10px 0 10px; float: left; border-right: solid 1px #aed66e;}
#footer a {font-size: 1.1em; color: #fff;}
#footer a:hover {color: #ffcc00; text-decoration: none;}
#footer li.end {margin: 0; padding: 0 0 0 10px; float: left; border: none;}

#bar_logo {height: 45px; width: 123px; margin: 0 0 0 115px; padding: 0; display: block; float: left; background: url(images/bar_logo.gif) no-repeat;}
.bartext {font-size: 1em !important; margin: 0 0 0 10px !important;}

/*
------------------------------------------------------------------------------------------ FORMS
														
------------------------------------------------------------------------------------------------
*/

fieldset {margin: 0; padding: 0; border: 0;}

label {float: left; width: 15em; color: #fff; font-weight: bold;}

input {font-size: 1em; line-height: 1em; border: 1px solid #006666; color: #666; margin: 0; padding: 1;}


textarea {font-family: arial, verdana, sans-serif; font-size: 1em; line-height: 1em; width: 240px; color: #666; border: 1px solid #006666; margin: 0; padding: 2px 3px; overflow: auto;}

input.submit {border: 0; margin: 0 17px 0 0; padding: 0; width: 60px; height: 20px; font-weight:; font-family: arial, verdana, sans-serif; font-size: 1em; background: #84B534; color: #fff;}

input.calculate {border: 0; margin: 0 17px 0 0; padding: 0; width: 120px; height: 20px; font-weight:; font-family: arial, verdana, sans-serif; font-size: 1em; background: #84B534; color: #fff;}

select {font-size: 1em; line-height: 1.7em; margin: 0; padding: 0;}

a.more {background: url(images/btn_more.gif) no-repeat; display: block; text-indent: -2000px; 
width: 104px; height: 20px; margin: 0 0 0 175px; padding: 0;}

p.check {float: left;}


.postcode {width: 8em;}

* html .checkbox {width: 1em; margin: 0 12px 0 0; padding: 0; border: none;}

/*
----------------------------------------------------------------------------------------- SITEMAP
														
------------------------------------------------------------------------------------------------
*/

ul#sitemap_list {margin: 20px 0 0 20px; padding: 0; list-style-type: none;}
ul#sitemap_list li {color: #fff; font-size: 1.2em; line-height: 1.7em; margin: 0; padding: 0;}
a#sitemap_list {font-size: 1.2em;}




/*
------------------------------------------------------------------------------------------ MISC.
														
------------------------------------------------------------------------------------------------
*/

br.clear {clear: both; overflow: hidden; height: 0; line-height: 0px;}