/* CSS Document */
body {
	margin: 10px;	padding: 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #00662C; 
}
a img { border-width:0;}
a:link {color: #318925;	text-decoration: none;}
a:visited {color: #318925;text-decoration: none;}
a:hover {color: #00662C;}

h1 { font-size:12px; font-weight: bold; margin: 5px 0 10px 0;}
h2, h3 { font-size:12px; font-weight: bold; margin: 7px 0 5px 0;}
				
p { margin-top:5px; margin-bottom:4px;}

select.prjdropdown { font-size:11px;font-family:Arial, Verdana, Helvetica, sans-serif;width:210px;}
option.itemlist { font-size:9px;} 
optgroup.itemgroup { font-size:9px; font-weight:bold; font-style:normal;} 
				
#container { width: 960px; }
 
#header {
}
#menucontainter {
	position: absolute;
	left:12px;
	width:135px;
	top:170px;
	background:#fff;
}

#contentleft {
	position: absolute;
	left:152px;
	width:218px;
	top:170px;
	background:#fff;
}

#contentleftwide
{
	position: absolute;
	left:152px;
	width:450px;
	top:170px;
	background:#fff;
}

#contentrighta {
	position: absolute;
	left:377px;
	width:215px;
	top:170px;
	background:#fff;
}
#contentrightb {
	position: absolute;
	left:600px;
	width:215px;
	top:170px;
	background:#fff;
}

#contentrightab {
	position: absolute;
	left:377px;
	width:435px;
	top:170px;
	background:#fff;
}

#contentrightc {
	position: absolute;
	left:825px;
	width:140px;
	top:170px;
	background:#fff;
}

/* Main navigaction menu */
#menucontainter ul { list-style:none; padding:0; margin:0;} 
#menucontainter ul li { padding-left:2px; font-size:12px; font-weight:bold; }
#menu li { list-style:none; width:130px; 
			font-family: Verdana, Arial, Helvetica, sans-serif; font-size:14px;}
#menu a { color:#97BE0D; display: block; padding: 0px 3px 25px 3px;
 			background-image:url(images/bg_menu_off.png); background-position:bottom;
 			background-repeat:no-repeat; }
#menu a:hover, #menu li#thispage a  { color:#00662C;  background-image:url(images/bg_menu_over.png); background-position:bottom; background-repeat:no-repeat; }
/* End of main navigation menu */

/* Different section styles for main content */
.contentgrnbg, .contentdkgrnbg, .contentmidgrnbg, .contentmidgrnbrdr, .contentbluebg  { padding:5px;}
.contentgrnbg {background-color:#E3EFDB;}
.contentdkgrnbg {background-color:#00662C; color: #FFFFFF;}
.contentgrnbg p, .contentbluebg p { color:#646567; line-height:16px;}
.contentmidgrnbg {background-color:#97BE0D; color: #000000;}
.contentmidgrnbrdr { border: 2px solid #E3EFDB; background-color:#FFFFFF; }
.contentbluebg  { background-color: #BCD6DB; color:#646567;} 
.contentbluebrdr { border: 2px solid #BCD6DB; background-color:#FFFFFF;  }

.tracker { border: 2px solid #00662C; margin-top:5px; padding:5px;}
.tracker#fundtracker { background-image:url(images/bg_funds.png); background-position:right; background-repeat:no-repeat }
.tracker#treetracker { background-image:url(images/bg_trees.png); background-position: right; background-repeat:no-repeat }
.tracker h2 { margin-bottom: 0; margin-top:2px;}
.tracker p { color:#646567; margin: 0 60px 7px 0; }
#investamount, #treeamount  { font-size:18px; font-weight:bold; line-height:26px; padding-left: 5px;
				font-family:Arial, Helvetica, sans-serif;}
#investamount { color: #FFFFFF; background-color:#719684;}
#treeamount { color: #00662C; background-color:#97BE0D;}


.infoheader { margin:0; 
				padding:125px 10px 10px 0; background-color:#FFFFFF;}
.infoheader h2 { background-color:#FFFFFF;padding:3px 10px 3px 5px;
			text-transform:uppercase; font-weight: bold; font-size:11px;}

/* HOMEPAGE ELEMENTS*/ 
.projectcontainer, .newscontainer  { min-height:530px;/*height: 430px;*/}  /* OLD measure = 430 new 530 */
.projectcontainer { border: 2px solid #00662C; background-color:#00662C;}
.projectdetails { background-color:#00662C;} 
.projectdetails, .newsdetails {  height:300px; min-height:300px;}
.projectcontainer hr { height:2px; color:#719684; background:#719684; margin: 0 ; border:0; }
.projectdetails, .newsdetails { color:#FFFFFF; margin: 0 2px 0 2px;}
.newscontainer { border: 2px solid #318925; background-color:#318925; }
.newsdetails { background-color:#318925;} 
.newsdetails a { color:#FFFFFF; text-decoration:underline;}
.newsdetails a:hover {color:#003315;}
.newscontainer  hr { height:2px; color:#72A488; background:#72A488; margin: 0; border:0; }
.newscontainer p a, .projectcontainer p a, .projectcontainer h3 a { color:#FFFFFF; }
.projectcontainer p a:hover,  .projectcontainer h3 a:hover { color:#97BE0D; }
.newscontainer p a:hover { color: #003333;}
a.newslink {color: #F5FFFC; text-decoration:underline;}
a.newslink: hover { text-decoration:underline;}
 
/* END OF HOMEPAGE ELEMENTS */

/* CAMPAIGN PAGE */
.campaigncontainer { background-color:#FFFFFF; border-top: 1px solid #00662C; 
						border-right: 2px solid #00662C; border-bottom: 2px solid #00662C;
						border-left: 2px solid #00662C;	background-color:#FFFFFF;  padding: 0;
						vertical-align:top; margin:0;}
.campaigntitle {        color:white; background-repeat:no-repeat; 
						background-position:top; padding:0px 30px 143px 0;
						border-bottom: 2px solid #00662C; border-top: 1px solid #00662C; }
.campaigntitle h2 { background-color: #00662C; padding:3px 10px 3px 5px; }	
.campaigntext { padding: 10px 10px 0 5px;}
.campaigntext p a { color:#318925;}
ul.camplistul {list-style:none; padding:0 0 0 5px; margin:0;}
ul.camplistul li { padding:2px 0;}
ul.camplistul li a { color: #EEEEFF;}
ul.camplistul li a:hover { color: #003366; }


/* END OF CAMPAIGN PAGE*/
/* ANIMAL WELFARE PAGE */
.welfareprojectcontainer { border: 2px solid #97BE0D; background-color:#FFFFFF; padding: 5px; }
.welfareprojecttitle { background-color: #97BE0D; color:white; padding:3px 30px 3px 5px;}
.welfareprojectcontainer h2,.welfareprojectcontainer  h3 { color:#000000; }
.welfareprojectcontainer p { color:#646567;  }
.welfareprojectcontainer p a { color:#333333;  font-weight:bold; }
.welfareprojectcontainer p a:hover { color:#00662C; }
ul.animalwelfarelist { padding:0; margin:10px 5px 10px 0;}
ul.animalwelfarelist li a { padding: 3px 0; color:#000000;}
/* END OF ANIMAL WELFARE PAGE*/

/*  PROJECTS PAGES */

.projectcontainer p a, .newscontainer p a, .campaigncontainer p a { text-decoration:underline;}
.projectukcontainter {  border-top: 1px solid #E3EFDB;   border-right: 2px solid #E3EFDB;
						border-bottom: 2px solid #E3EFDB;   border-left: 2px solid #E3EFDB;
						background-color:#FFFFFF;  padding: 0; vertical-align:top; }
.projectwwcontainter {  border-top: 1px solid #68ABB9; border-right: 2px solid #68ABB9;
						border-bottom: 2px solid #68ABB9;   border-left: 2px solid #68ABB9;
						background-color:#FFFFFF;  padding: 0;
						color:#006699; }
.projecttext { padding: 2px 10px 0 5px;}

.ukprojecttitle, .wwprojecttitle { background-color: #FFFFFF; background-repeat:no-repeat; 
						background-position:top;}
.ukprojecttitle { color:#00662C; padding:0px 30px 143px 0;
				text-transform:uppercase;border-bottom: 2px solid #E3EFDB;}
.wwprojecttitle { color:#646567; padding:0px 30px 143px 0;
				text-transform:uppercase;border-bottom: 2px solid #68ABB9;}
.ukprojecttitle h2, .wwprojecttitle h2 { background-color: #FFFFFF; padding:3px 10px 3px 5px;}				
		
				
.quicklinks { padding:20px 0 20px 0; margin:0;}
.quicklinksheader { background-color:#68ABB9; color:#FFFFFF; font-weight: bold;
					padding: 3px 5px;}
					
#quicklinksmenu { padding:0; margin:0;}
#quicklinksmenu li { list-style:none; width:130px;
					font-family: Verdana, Arial, Helvetica, sans-serif; font-size:11px;
					font-weight: bold; border-bottom: 2px solid #68ABB9;}
#quicklinksmenu a { color:#68ABB9; display: block; padding: 5px 3px 7px 0;}
#quicklinksmenu a:hover, #quicklinksmenu li#thispage a  { color: #D5542F;  }
/* End of projects pages */

/*CONTACT PAGE */
#contactdetails h3 { color:#646567; padding-top:12px;}
#contactdetails p { color:#318925}
/*END OF CONTACT PAGE */



p.quote, p.quoted { margin:0; padding:5px 7px 5px 5px; font-weight:bold;}
p.quote { font-size: 11px; color:#D5542F;}
p.quoted { font-size: 10px; color:#00662C;}

.getinfobutton { font-size:10px;}

/*#footerright,*/ #footerbelow {text-align:right; font-size:9px; overflow:visible;
			color: #00662C;}
/*#footerright { position:relative; left:160px; top:-22px; height:0px; }*/
#footerbelow { position:absolute;
				left:800px; width:170px; top:750px; font-size:9px;
 }
#footerright a, footerbelow a {color: #00662C; text-decoration:none;}