/* ========================== GLOBAL STYLES ============================ */

/*	
	TOC
	HTML Tags
	Layout
	Content
	Navigation
	Data (non tabular)
	Tabular
	Fieldsets
	Special Elements
	CMS Styles
/*

/* HTML Tags
------------------------------------------------------------------------ */

body {
	margin:0;
	background:#BED771 0 0 repeat-x;
	font-family: "Trebuchet MS","Arial","Helvetica", sans-serif;
	font-size:0.85em;
	color:#3b372e;
	line-height:1.4em;
}

h1 {font-size:1.5em;font-weight:bold;margin:0 0 10px 0;color:#083e88;}
h2 {font-size:1.4em;font-weight:bold;margin:0 0 10px 0;color:#8b3115;}
h3 {font-size:1.2em;font-weight:bold;margin:0 0 4px 0;color:#46331f;}
h4 {font-size:1.1em;font-weight:bold;margin:0 0 4px 0;color:#77612e;}
h5 {font-size:1.15em;font-weight:bold;margin:0 0 4px 0;color:#3b372e;}

p {margin:0 0 15px 0;}
p.intro {font-size:1.1em;color:#46331f;font-weight:bold;}

a {text-decoration:none;color:#8b3115;}
a:hover {text-decoration:underline;}
a img {border:none}

form {margin:0;}
input,select,textarea {font-family:"Trebuchet MS","Arial","Helvetica",san-serif;font-size:1em;}

li {padding-bottom:10px;}

hr {height:0;border-top:1px solid #ccc;}
hr.spacer {border:none;padding-bottom:30px;color:#fff;}


/* Layout
------------------------------------------------------------------------ */
/*#shadow {position:absolute;width:100%;height:610px;left:0;top:28px;background:transparent url(images/shadow.png) 50% 0 no-repeat;z-index:-1;}*/

#shadowTop
{
	/*margin: 0 auto;
	width: 925px;
	background: url(images/topshadow.jpg) center top no-repeat;*/


background:transparent url(images/shadowTop.png) no-repeat scroll center top;
height:158px;
left:172px;
position:absolute;
top:0;
width:925px;
	
}
#shadowMiddle
{
	margin: 0 auto;
	width: 925px;
	/*background: url(images/middleshadow.png) center top repeat-y;*/
	background: url(images/shadowmiddle.png) center top repeat-y;
	height:100%;
}
#shadowBottom
{
	
background:transparent url(images/shadowBottom.png) no-repeat scroll 0 0;
height:14px;
height:60px;
left:119px;
position:absolute;

width:1024px;
z-index:-1;
	
}


/*#container {position:absolute;left:50%;top:28px;width:900px;margin-left:-450px;background:transparent url(images/bg_page.gif) 0 0 repeat-y;}*/
#container {/*position:relative*/;margin:28px auto;width:900px;background:transparent url(images/bg_page.gif) 0 0 repeat-y;}

#masthead {height:203px;position:relative;}

#main {width:666px;float:left;background:url(images/main_bg.jpg) 0 0 no-repeat;min-height:608px;height:auto !important;height:400px;}

	#main .content {padding:20px 20px 40px 20px;}
	
	#footer {float:left; position:relative;margin:0 auto;width:900px;background:#d2c78c ;background-image:url(images/side_bottom.jpg);background-repeat:no-repeat; background-position:right; color:#7b8b3e;line-height:32px;font-size:0.85em;}
		#footer .notice {font-family:Trebuchet MS; font-size:10px; color:#000000; float:left;margin-left:20px;}
		#footer .links {font-family:Trebuchet MS; font-size:10px; color:#000000; display:inline; float:left;margin-right:20px;}
			#footer .links a {font-family:Trebuchet MS; font-size:10px; color:#000000; float:left;margin:0 10px;}
			/*#footer .links a:hover {font-family:Trebuchet MS; font-size:10px; color:#d0e061;}*/


#side {height:auto !important;float:left;width:234px;background:#d2c78c url(images/side_bg.jpg) 0 0 repeat-y;font-size:0.9em;}
	#side .top {text-align:center;}
	
	#side .sideCMSContent {display:block;margin-bottom:13px;}



/* FOCAL IMAGES ------------------------------- */
.focalImg {width:637px;height:203px;position:absolute;top:0;left:257px;}
.focalOverLay {width:637px;height:203px;position:absolute;top:0;left:256px;}





/* Content
------------------------------------------------------------------------ */
h1.logo {display:block;position:absolute;left:0;top:0;width:259px;height:203px;}
		h1.logo a {display:block;width:100%;height:100%; background-image:url(images/logo.gif);}
		h1.logo a.logoHome {display:block;width:100%;height:100%; background-image:url(images/logo.gif);}
			h1.logo span {display:none;}
			
.sideEvents {margin: 0 auto; width:182px;background:#dbc799 url(images/side_events_bg.jpg) 0 0 repeat-y;text-align:left;margin-bottom:13px;}
	.sideEvents .sideHeader {display:block;height:33px;background:transparent url(images/side_events_header.jpg) 50% 0 no-repeat;}
	 .sideEvents .sideHeader a {display:block;height:33px;}
		.sideHeader span {display:none;}
	.sideEvents h4 {color:#8b3115;font-size:1em;font-weight:bold;margin:10px 13px 0 13px;}
	.sideEvents a {display:block;margin:0 13px 2px 13px;color:#4a0d03;}
	.sideEventsBottom {height:23px;background-image:url(images/side_events_bottom.gif);}
	
img.floatleft {float:left;margin:0 10px 10px 0;border:5px solid #f2eac3;}
img.floatleftmiddle {float:left;margin:10px 10px 10px 0;border:5px solid #f2eac3;}
img.floatright {float:right;margin:0 0 10px 10px;border:5px solid #f2eac3;}
img.floatrightmiddle {float:right;margin:10px 0 10px 10px;border:5px solid #f2eac3;}
			
.btnDonate {width:152px;height:45px;margin-bottom:13px;}
	.btnDonate span {display:none;}
	
.btnConservationFootprint {display:block;width:152px;height:45px;background-image:url(images/btn_conservationfootprint.gif);margin-bottom:13px;}
	.btnConservationFootprint span {display:none;}
	
.btnOurConservationFootprint {margin:0 auto; display:block;width:195px;height:53px;background-image:url(images/UGlogo.gif);margin-bottom:13px;}
	.btnOurConservationFootprint span {display:none;}

.btnYourConservationFootprint {display:block;width:159px;height:95px;background-image:url(images/btn_yourcons2.gif);margin-bottom:13px;}
	.btnYourConservationFootprint span {display:none;}
	
.background_partners
{
	margin:0 auto; width:75px;height:17px;display:block;background:transparent url(images/header_partners3.gif) 0 0 no-repeat;margin-bottom:4px;
}
.headerPartners { margin:0 auto; width:152px;height:118px;display:block;background:transparent url(images/banner_partners.jpg) 0 0 no-repeat;margin-bottom:4px;}
.btnPartners { display:block;width:149px;height:56px;background-image:url(images/banner_partners.gif);margin-bottom:13px;}

.btnJoin {margin-bottom:13px; background:transparent url(images/ico_joincommunity.gif) 0 50% no-repeat;padding:4px 0 4px 28px;color:#fff;font-weight:bold;color:#a7300c;}

.newsHome {font-size:0.9em;width:100%;}
.newsHome .newsItem {float:left;width:198px;margin-right:5px;}
	.newsHome .newsItem img, .newsHome .newsItemLast img {padding:1px;background-color:#fff;border:1px solid #baad6d;margin-bottom:12px;}
.newPartners
{

	display:block;
}

.shopMainItem {padding-bottom:20px;}
.shopMainItem div {float:left;width:600px;padding:8px;margin-bottom:8px;background-color:#f2eac3;text-align:center;}
.shopItems {width:100%;padding-bottom:20px;}
.shopItem {width:270px;margin-right:20px;margin-bottom:20px;float:left;}
	.shopItem div {float:left;width:250px;padding:8px;margin-bottom:8px;background-color:#f2eac3;text-align:center;}
		
.partnerItems {width:100%;padding-bottom:20px;}
	.partnerItem {margin-bottom:40px;}
		.partnerItem .itemLogo {float:left;width:165px;height:140px;text-align:center;padding:8px;background-color:#f2eac3;}
		.partnerItem .itemContent {margin-left:191px;}
		
.contactContent {width:100%;}
.enquiryForm {float:left;width:440px;}
.addressDetails {margin-left:470px;}

.ProgrammeMap {border:1px solid #baad6d;}
		


/* Navigation
------------------------------------------------------------------------ */
.nav {height:42px;list-style:none;margin:0;padding:0;background:#c59a16 url(images/nav_bg.gif) 0 0 repeat-x;font-size:0.9em;}
	.nav li {margin:0;padding:0 2px 0 0;background:transparent url(images/nav_sep.gif) 100% 50% no-repeat;line-height:42px;float:left;height:42px;}
	.nav li.last {background:none;padding-right:0;}
		.nav a {padding:0 12px;font-family:Trebuchet MS;font-size:12; color:#413b31;text-transform:uppercase;float:left;text-decoration:none;font-weight:bold;}
			.nav a.current, .nav a:hover {color:#fff;}



/* Data (non-tabular)
------------------------------------------------------------------------ */
.wallpapers {width:100%;}
  .wallpaper {width:170px;height:148px;float:left;padding:8px;margin:0 16px 8px 0;background-color:#f2eac3;text-align:center;}

.crosswords {width:100%;}
  .crossword {width:170px;height:187px;float:left;padding:8px;margin:0 16px 8px 0;background-color:#f2eac3;text-align:center;}


.ecards {width:100%;}
  .ecard {line-height:64px;height:64px;padding:8px;margin:0 0 8px 0;background-color:#f2eac3;}
.ecardsForm {background-color:#f2eac3;padding:8px;margin-bottom:8px;}


/* Tabular
------------------------------------------------------------------------ */
.stdForm th {font-weight:normal;text-align:left;padding:6px 20px 6px 0;}
    .stdForm th.required {background-image:url(../interface/icon_requiredfield.gif); background-position:right center; background-repeat:no-repeat;}
.stdForm td {padding:6px 0;}
.stdForm td.field input, .stdForm td.field select, .stdForm td.field textarea {width:200px;}
.stdForm td.fieldWide input, .stdForm td.fieldWide select, .stdForm td.fieldWide textarea {width:250px;}
.stdForm td.fieldNarrow input, .stdForm td.fieldNarrow select, .stdForm td.fieldNarrow textarea {width:70px;}
.stdForm td.value {font-weight:bold;color:#555;}
.stdForm td.descriptor {padding-top:0;font-size:11px;color:#555;padding-bottom:14px;}
.stdForm td.divider {padding:0;}
.stdForm .chkListHorizontal label {margin-right:14px;}
.stdForm h3 {font-size:14px;font-weight:bold;display:block;background-color:#00ab1e;padding:3px 5px;color:#fff;margin-top:30px;}
.stdForm .noPad {padding:0;}
.stdForm .highlight {background:#d3f6d3;}

.tblContainer .stdForm td, .tblContainer .stdForm th {padding:3px;}

.grid {border-top: 1px solid #E5E5E5;margin-bottom:15px;}
.grid, .grid td, .grid tr, .grid th{
	border-collapse: separate !important;
	border-collapse: collapse;
	border-spacing: 0;
}
.grid td, .grid th {border-bottom: 1px solid #E5E5E5;}
.grid td {background: #F9F9F9;padding:3px;border-top: 1px #fff solid;}
.grid input, .grid select, .grid textarea {font-size:11px}
.grid th {
  background: #666;
	font-weight: bold;
	padding: 4px;
	text-align: left;
	white-space: nowrap;
	padding-right:20px;
	color:#fff;
	border-top: 1px solid #a3a3a3;
}
.grid th a {color:#006fb6}
.grid th a:hover {color:#31ddf3}
.grid th.alt {font-size:14px;font-weight:bold;}

.grid .options a {font-weight:normal;padding-right:15px;}

.grid .level1 td {background-color:#d3ff87;color:#008016;font-weight:bold;}
.grid .level2 td {background-color:#fffbd6;color:#008016;font-weight:bold;}
.grid .level3 td {color:#999;}



.grid2 {border-top: 1px solid #E5E5E5;margin-bottom:15px;}
.grid2, .grid2 td, .grid2 tr, .grid2 th{
	border-collapse: separate !important;
	border-collapse: collapse;
	border-spacing: 0;
}
.grid2 td, .grid2 th {border-bottom: 1px solid #E5E5E5;}
.grid2 td {padding:5px 3px;border-top: 1px #fff solid;}
.grid2 input, .grid2 select, .grid2 textarea {font-size:11px}
.grid2 th {
  font-weight: bold;
	padding: 5px 4px;
	text-align: left;
	white-space: nowrap;
	padding-right:20px;
	color:#fff;
	border-top: 1px solid #a3a3a3;
}
.grid2 th a {color:#006fb6}
.grid2 th a:hover {color:#31ddf3}
.grid2 th.alt {font-size:14px;font-weight:bold;}



.staff {width:100%;margin-bottom:15px;}
.staff td {padding:3px 0;border-bottom:1px dotted #ddcfb1;}
.staff td.name {font-weight:bold;}
.staff td.tel {width:25%;}
.staff td.email {width:30%;}



.partners {float:left;}
.partners th, .partners td {padding-bottom:20px;}
.partners th a {border:8px solid #f2eac3;display:block;float:left;}
  .partners th a img {float:left;}




/* Fieldsets
------------------------------------------------------------------------ */
fieldset.std {  
	float: left;  
	clear: both;  
	width: 100%;
	margin: 0 0 1.5em 0;  
	padding: 0;  
	border: 1px solid #9eb1c9;  
	background: #e9eff7 url(images/fieldset_gradient.gif) 0 0 repeat-x;
}

fieldset.std legend {  
	margin-left: 1em;  
	padding: 0;  
	color: #2f4d75;  
	font-weight: bold;
}

fieldset.std ol {padding:0 1em 0 1em;list-style: none;}

fieldset.std li {  
	float: left;  
	clear: left;  
	width: 100%;  
	padding-bottom: 1em;
}

fieldset.std input.text, fieldset.std select.text, fieldset.std textarea.text {width:17em;}

fieldset.submit {  
	clear: both;
	margin: 0 0 1.5em 0;
	float: none;  
	width: auto;  
	border-style: none;  
	padding: 0 0 0 12em;	
}

fieldset.std label {  
float: left;  
width: 10em;  
margin-right: 1em;  
text-align: right;
position:relative;
}

fieldset.std input {float:left;}

fieldset.std label.right {float:left;text-align:left;width:auto;margin-left:0.5em;}

fieldset.std label em.required {
	position: absolute;
	left: 29em;
	top: 0.2em;
	width: 7px;
	height:7px;
	background-image:url(images/ico_required.gif);
}

fieldset.std label em.required span {display:none;}

fieldset.std span.descriptor {clear:left;margin-left:14em;font-size:0.8em}



/* Special Elements
------------------------------------------------------------------------ */
.small {font-size:0.8em;color:#888;}
.hide {display:none}

.more {display:block;margin-top:10px;text-align:right;}

/* -- JQuery Tooltip ------------ */
#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #e7d02d;
	background-color: #fffbdf;
	padding: 4px;
	opacity: 0.85;
	font-size:0.9em;
}
#tooltip h3, #tooltip div { margin: 0; }



/* CMS Styles
------------------------------------------------------------------------ */
.CMSBarMain {height:25px; position:absolute; top:0; left:0; background:#000; border-bottom:1px solid #444;width:100%;z-index:100;}
html>body .CMSBarMain {height:25px; position:fixed; top:0; left:0; background:#000; border-bottom:1px solid #444;width:100%;z-index:100;}
	.CMSBarMain .CMSHeader {float:left;font-size:18px;background-color:#002719;color:#00d7c5;font-weight:bold;line-height:25px;padding:0 40px;margin-right:1px}
	.CMSBarMain .CMSHeader:hover {background-color:#00412a;color:#00d7c5;}
	.CMSBarMain .CMSOptions {float:left;line-height:25px;}
		.CMSOptions a {float:left;display:inline;background-color:#002719;padding:0 10px;color:#00965f;margin-right:1px;text-decoration:none;}
		.CMSOptions a:hover {background-color:#00412a;color:#00ba76;text-decoration:none;}
		.CMSOptions em a {color:#00d7c5;font-weight:bold;font-style:normal;}
		.CMSOptions em a:hover {color:#00d7c5;text-decoration:none;}
		
/* CMS NEWS -------------------- */
.CMSNewsDL {}
.CMSNewsItem {margin-bottom:30px}
.CMSNewsDL .dlCMSNewsDate {font-size:14px;color:#555;padding-right:10px;}
.CMSNewsDL .dlCMSNewsTitle {font-size:14px;color:black;font-weight:bold;}
.CMSNewsDL .dlCMSNewsSummary {width:100%;margin:8px 0;}
.CMSNewsDL .dlCMSNewsBody {}
.CMSNewsDL .dlCMSNewsLink {display:block;}

.CMSNewsDL .headline {font-weight:bold;margin-bottom:3px;}
.CMSNewsDL .summary {padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #ddcfb1}

/* CMS EVENTS ------------------ */
.CMSEventItem {display:block;width:100%;padding-bottom:10px;margin-bottom:10px;border-bottom:1px dotted #b2becc}
	.CMSEventItem .dlCMSEventDateStart {float:left;margin-bottom:3px;font-weight:bold;color:#666;}
	.CMSEventItem .dlCMSEventDateEnd {float:left;margin-bottom:3px;font-weight:bold;color:#666;}
	.CMSEventItem .dlCMSEventName {font-weight:bold;font-size:1.1em;margin-bottom:3px;display:block;width:100%;color:#003571;}
	.CMSEventItem .dlCMSEventSummary {display:block;width:100%;}
	.CMSEventItem .dlCMSEventBody {}
	
.CMSEventImages {float:left;width:100%;}
	.CMSEventImages .CMSEventImage {float:left;height:100px;width:130px;padding:2px;border:1px solid #ccc;margin:0 3px 3px 0;text-align:center;}
	.CMSEventImages .CMSEventImage a {display:block;}

.PageContent { margin:5px 15px 5px 40px; padding:2px 2px 2px 2px; height:100%; color:#696969; }

/*.cmscontent*/ .border_dashed { border:dashed 1px #ffcc20; margin:1px 1px 1px 1px; }
/*.cmscontent .border_thick { border:solid 2px #ffcc20; }*/
/*.cmscontent .border_none { border:none; }*/


.hleditcontainer  {position: relative;z-index: 99;}
.hleditcontainer .branding {display:block;padding:2px 4px;background-color:#444;color:#aaa;float:left;position:relative;top:3px;font-size:0.8em;margin-right:2px;}
.hleditcontainer .hledit{display:block;padding:2px 4px;background-color:#ffcc20;color:#000;float:left;position:relative;top:3px;font-size:0.8em;margin-right:2px;}
	.hleditcontainer .hledit:hover{background-color:#26b400;color:#fff;text-decoration:none;}
.hleditcontainer .draftStatus{display:block;padding:2px 4px;background-color:#ccc;color:#555;float:left;position:relative;top:3px;font-size:0.8em;}

.bodyFTB {background-image:none;background-color:#fff;}

.footerSep
{
	width:3px;
	height:32px;
		background-image:url(images/footerSep.jpg);
		float:left;
		margin-left:10px;
		background-repeat:no-repeat;
}


#seperator
{
	position:relative;
	left:256px;	
}
#spaceHeader
{
	float:left;
	background-image:url(images/bg_page.gif);
}

.calenders {width:100%;}
  .calender {width:170px;height:121px;float:left;padding:8px;margin:0 16px 8px 0;background-color:#f2eac3;text-align:center;}
  
/*Support and donate pages*/
#supportnav
{
	background-image: url(images/support_Nav.png);
	width:635px;
	height:81px;
	position:relative;
}
.Any
{
	
	height:65px;
width:130px;
left:0px;
position:absolute;

}
.Green
{
	
height:65px;
left:131px;
position:absolute;
width:120px;

}
.Conserve
{
	
height:65px;
left:253px;
position:absolute;
width:125px;
	
}
.Save
{
	
height:65px;
left:379px;
position:absolute;
width:124px;
	
}
.Nurture
{

height:65px;
left:504px;
position:absolute;
width:123px;
	
}

.main
{
	font-family:Trebuchet MS;
	font-size:12px;
}
#Info_0
{
	clear:both;	
	font-family:Trebuchet MS;
	font-size:12px;
	position:relative;
	
}
#Info_1
{
	
	clear:both;	
	background-image:url(images/background_trees2.png);
	background-repeat:no-repeat;
	background-position:left top;
	position:relative;
	font-family:Trebuchet MS;
	font-size:12px;
}
.headingsGreen
{
	color:#446804; 
	font-size:25px;	
	font-weight:bold;
}
#Info_2
{
	 
	clear:both;	
	position:relative;
	background-image:url(images/background_plants.png);
	background-repeat:no-repeat;
	background-position:left top;
	font-family:Trebuchet MS;
	font-size:12px;
}

.headingsBrown
{
	color:#483515; 
	font-size:25px;	
	font-weight:bold;
}
#Info_3
{
	 
	clear:both;	
	position:relative;
	background-image:url(images/background_Rhino2.png);
	background-repeat:no-repeat;
	background-position:left top;
	font-family:Trebuchet MS;
	font-size:12px;
}

.headingsOrange
{
	color:#cf7b03; 
	font-size:25px;	
	font-weight:bold;
}
#Info_4
{
		 
	clear:both;	
	position:relative;
	background-image:url(images/background_child.png);
	background-repeat:no-repeat;
	background-position:left top;
	font-family:Trebuchet MS;
	font-size:12px;
}
.headingsBlue
{
	color:#3b7e6c; 
	font-size:25px;	
	font-weight:bold;
}
.videoContainer
{
	background-color:#BED771;
	width:430px;
	height:349px;	
	display: none;
	 position: absolute;
	 padding:5px 5px 25px 10px;
	 left:175px;
}