body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #e8ead5;
	background-image:url(/donate/images/background.jpg); background-repeat:repeat-x;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
.template1 #container {
	width: 970px; 
	background: #e8ead5;
	margin: 10px auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
	padding: 0;
} 
.template1 #container a {
	text-decoration:none;
}	

	/*BEGIN Main Flash Navigation */
	#container #nav950  {
		width: 970px;
		height:128px;
		margin: 0;
		padding: 0;
		text-align: center;
		background-image:url(/donate/images/background_nav.jpg); background-repeat:repeat-x;
		}
	/*END Main  Flash Navigation */

/* SubNav Sprite Code */

#subnav {
	width: 970px;
	height: 99px;
	background: url(/images/conservation/conservation_subnav.jpg);
	margin: 0;
	padding: 0;
	position: relative;
}
#subnav a:active, a:hover, a:link {outline:none; }

#subnav li {
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 1px;
}

#subnav li, #subnav a {height: 99px; display: block;}
#panels1a {left: 0; width: 154px; text-indent: -5000px;}
#panels2a {left: 155px; width: 100px; text-indent: -5000px;}
#panels3a {left: 256px; width: 95px;  text-indent: -5000px;}
#panels4a {left: 351px; width: 80px; text-indent: -5000px;}
#panels5a {left: 432px; width: 85px; text-indent: -5000px;}
#panels6a {left: 518px; width: 92px; text-indent: -5000px;}
#panels7a {left: 611px; width: 105px; text-indent: -5000px;}
#panels8a {left: 717px; width: 80px; text-indent: -5000px;}
#panels9a {left: 798px; width: 120px; text-indent: -5000px;}


#panels1a a:hover {background: transparent url(/images/conservation/conservation_subnav.jpg) 0 100px no-repeat;}
#panels2a a:hover {background: transparent url(/images/conservation/conservation_subnav.jpg) -155px -100px no-repeat;}
#panels3a a:hover {background: transparent url(/images/conservation/conservation_subnav.jpg) -256px -100px no-repeat;}
#panels4a a:hover {background: transparent url(/images/conservation/conservation_subnav.jpg) -351px -100px no-repeat;}
#panels5a a:hover {background: transparent url(/images/conservation/conservation_subnav.jpg) -432px -100px no-repeat;}
#panels6a a:hover {background: transparent url(/images/conservation/conservation_subnav.jpg) -518px -100px no-repeat;}
#panels7a a:hover {background: transparent url(/images/conservation/conservation_subnav.jpg) -611px -100px no-repeat;}
#panels8a a:hover {background: transparent url(/images/conservation/conservation_subnav.jpg) -717px -100px no-repeat;}
#panels9a a:hover {background: transparent url(/images/conservation/conservation_subnav.jpg) -798px -100px no-repeat;}

/* End SubNav */

	/* BEGIN navbox Local Nav  */
	
	.template1 #container #subcontent #crlocalnavbox {
	padding: 0;
	float: left;
	height: 200px;
	width: 158px;
	margin: 0;
	border-right: 0px solid #999999;
	background-image:url(/images/conservation/left_margin.jpg);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 20px;
	font-weight: normal;
	}
	.template1 #container #subcontent #crlocalnavbox #crlocalnav {
		margin: 0 0 0 10px;
		width:148px;
				}

	.template1 #container #subcontent #crlocalnavbox #crlocalnav h3 {
		font-family: Arial Narrow, Arial, Helvetica, sans-serif;
		background-color: #003c6b;
		color: #FFFFFF;
		font-size: 13px;
		line-height: 39px;
		font-style: normal;
		text-align: left;
		vertical-align: middle;
		height: 39px;
		width: 140px;
		padding: 0 0 0 8px;
		margin: 0 0 0 0px;
	}
	.template1 #container #subcontent #crlocalnavbox #crlocalnav h4 {
		font-family: Arial Narrow, Arial, Helvetica, sans-serif;
		background-color: #003c6b;
		color: #FFFFFF;
		font-size: 13px;
		line-height: 39px;
		font-style: normal;
		text-align: left;
		vertical-align: middle;
		height: 39px;
		width: 140px;
		padding: 0 0 0 8px;
		margin: 0 0 0 0px;
	}

	.template1 #container #subcontent #crlocalnavbox .inactive {
		width: 148px;
		line-height: 20px;
		font-weight: normal;
		display:block;
		padding: 0 0 0 0px;
		background-color:#005699;
		color: #FFFFFF;
	}
	.template1 #container #subcontent #crlocalnavbox .inactive a:link {
		width: 128px;
		line-height: 20px;
		font-weight: normal;
		display:block;
		background-color:#005699;
		color: #FFFFFF;
		padding: 0 10px 0 10px;
	}
	
	/*damien add*/
	.template1 #container #subcontent #crlocalnavbox .inactive a:visited {
		width: 128px;
		line-height: 20px;
		font-size: 11px;
		font-weight: normal;
		display:block;
		background-color:#005699;
		color: #FFFFFF;
		padding: 0 10px 0 10px;
	}
	
	.template1 #container #subcontent #crlocalnavbox .inactive a:hover   {
		height:20px;
		background-color:#1b8be3;
		color:#fff;
	}
	
		.template1 #container #subcontent #crlocalnavbox .inactive a:active {
		width: 128px;
		line-height: 20px;
		font-weight: normal;
		display:block;
		background-color:#1b8be3;
		color: #FFFFFF;
		padding: 0 10px 0 10px;
	}
	
	.template1 #container #subcontent #crlocalnavbox .active, .active a {
		width: 143px;
		padding: 0 0 0 5px;
		margin: 0 0 0 0px;
		background-color:#1b8be3;
		color: #fff;
		font-weight:normal;
	
	}
	.template1 #container #subcontent #crlocalnavbox .active2, .active2 a  {
		width: 141px;
		padding: 0 0 0 7px;
		margin: 0 0 0 0px;
		background-color:#1b8be3;
		color: #fff;
		font-weight:normal;
	}
	.template1 #container #subcontent #crlocalnavbox .active a:visited {
		width: 142px;
		padding: 0 0 0 5px;
		margin: 0 0 0 0px;
		background-color:#1b8be3;
		color: #fff;
		font-weight:normal;
		line-height: 20px;
		font-size: 11px;
	
	}
	.template1 #container #subcontent #crlocalnavbox .active2 a:visited  {
		width: 142px;
		padding: 0 0 0 7px;
		margin: 0 0 0 0px;
		background-color:#1b8be3;
		color: #fff;
		font-weight:normal;
		line-height: 20px;
		font-size: 11px;
	}

	.template1 #container #subcontent #crlocalnavbox .active a:hover   {
		text-decoration:underline;
	}
	.template1 #container #subcontent #crlocalnavbox .active2 a:hover   {
		text-decoration:underline;
	}

	/* END Navbox Local Nav */

	/* BEGIN  subcontent */

	.template1 #container #subcontent {
		margin: 0px;
		padding: 0px;
		width: 970px;
		background-color: #FFFFFF;
		background:url(/donate/images/sub1_content_bg.jpg) repeat-y;
	}
		#container #subcontent #rightmargin  {
			margin: 0;
			padding: 0;
			width: 20px;
			height: 386px;
			float: right;
			background: url(/donate/images/sub1_right_margin.jpg) repeat-y;
		}
		
		#container #subcontent #bottommargin  {
			margin: 0;
			clear:both;
			width: 970px;
			height: 25px;
			background: url(/donate/images/sub1_bottom_margin.jpg) no-repeat;
		}

		/*BEGIN sub1mainbox Content Areas */

		#container #sub1mainbox {
			width: 632px;
			float:left;
			margin: 0;
			padding: 0;
			background-image:url(/images/sub1mainbox_bg.gif) ;
		}
		#container #subcontent #sub1mainbox #sub1sectionheadline {
			padding: 10px 15px 10px 15px;
			margin: 0;
			background-color:#FFFFFF;
		}
		.template1 #container #subcontent #sub1mainbox #sub1sectionheadline h1 {
			color: #005699;
			font-family: Arial Narrow, Arial, Helvetica, sans-serif;
			font-size: 22px;
			margin: 0;
			padding: 0;
		}
		#container #subcontent #sub1mainbox #sub1mainboxcol1 {
			padding: 0 15px 10px 15px;
			margin: 0;
			width: 285px;
			float: left;
			border-right: 1px solid #c7c7c7;
		}
		#container #subcontent #sub1mainbox #sub1mainboxcol2 {
			padding: 0 15px 10px 15px;
			margin: 0;
			width: 285px;
			float: right;
		}
		.template1 #container subcontent #sub1mainbox a:hover {
			text-decoration:underline;
					}
		.template1 #container subcontent #sub1mainbox a {
			text-decoration:none;
		}
		/*END sub1mainbox Content Areas */

		/*BEGIN sub2mainbox Content Areas */

		#container #sub2mainbox {
			width: 482px;
			float:left;
			margin: 0;
			padding: 0;	
		}
		#container #subcontent #sub2mainbox #sub2sectionheadline {
			padding: 10px 15px 10px 15px;
			margin: 0;
		}
		#container #subcontent #sub2mainbox #sub2sectionheadline h1 {
			color: #005699;
			font-family: Arial Narrow, Arial, Helvetica, sans-serif;
			font-size: 22px;
			margin: 0;
			padding: 0;
		}
				#container #subcontent #sub2mainbox .catphotocol {
					padding: 10px 0px 10px 15px;
					margin: 0;
					width: 97px;
					float: left;
				}
				#container #subcontent #sub2mainbox .cattextcol {
					padding: 0 15px 10px 15px;
					margin: 0;
					width: 335px;
					float: left;
				}
				#container #subcontent #sub2mainbox .subtextcol {
					padding: 0 15px 10px 15px;
					margin: 0;
					width: 450px;
					float: left;
				}
				#container #subcontent #sub2mainbox .subtextcol .contact {
					width: 188px;
					padding: 0;
					float: right;
					margin: 0 0 5px 10px;
					}
				#container #subcontent #sub2mainbox .subtextcol .contacttop {
					width: 188px;
					height:11px;
					margin: 0;
					border: 0;
					background-image:url(/images/contact_top.gif);
					background-repeat:no-repeat;
					}

				#container #subcontent #sub2mainbox .subtextcol .contactbottom {
					width: 188px;
					height: 11px;
					margin: 0;
					border: 0;
					background-image:url(/images/contact_bottom.gif);
					background-repeat:no-repeat;
					}
				#container #subcontent #sub2mainbox .subtextcol .contactcontent {
					padding: 10px 10px 10px 10px;
					margin: 0;
					border: 0;
					background-image:url(/images/contact_middle_bg.gif);
					background-repeat:repeat-y;
					}
		/*END sub2mainbox Content Areas */


	/* BEGIN Sub areas Main Content text styles */
		
		.template1 #container #subcontent #sub1mainbox h2, #sub2mainbox h2 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color: #5e7888;
			margin: 10px 0 4px 0;
		
		}
		.template1 #container #subcontent #sub1mainbox  a, #sub2mainbox  a {
			font-family:Arial, Helvetica, sans-serif;
			color: #005699;
		
		}
		.template1 #container #subcontent #sub1mainbox  a, #sub2mainbox h2 a {
			font-family:Arial, Helvetica, sans-serif;
			color: #5e7888;
		
		}
		.template1 #container #subcontent #sub1mainbox  a:hover, #sub2mainbox  a:hover {
			font-family:Arial, Helvetica, sans-serif;
			color: #5e7888;
			text-decoration: underline;
		
		}
		#container #subcontent #sub1mainbox p, #sub2mainbox p  {
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height: 16px;
			color: #595a62;
			margin: 0 0 10px;
		
		}
		#container #subcontent #sub1mainbox h2 {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			color: #89895d;
			margin: 10px 0 4px 0;
		
		}
		#container #subcontent #sub1mainbox p  {
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			line-height: 16px;
			color: #595a62;
			margin: 0 0 10px;
		
		}
		 #sub1mainbox ul, #sub2mainbox ul {
			font-family:Arial, Helvetica, sans-serif;
			font-size:13px;
			color: #595a62;
			margin: 0;
			padding: 0;
			list-style-type: none;
			margin-left: 20px;
		
		}
		 #sub1mainbox li, #sub2mainbox li {
			background-image: url(/images/conservation/ul_blue_square.jpg) ;
			background-repeat:no-repeat;
			background-position: 0 7px;
			padding-left: 15px;
		}
		
	/* END Sub areas Main Content text styles */

	/* END  subcontent */


/* Begin Sub1 Promos */

.template1 #container #subcontent #sub1promosbox {
	width: 150px;
	height: 303px;
 	background: url(/images/conservation/sub1promos.jpg);
	background-repeat:no-repeat;
	background-position:left top;  
	margin: 10px 0 0 10px;
	padding: 0;
	position: relative;
	float:left;
}
.template1 #container #subcontent #sub1promosbox #sub1promos a i { visibility:hidden;}
 
.template1 #container #subcontent #sub1promosbox #sub1promos a  {
 	position:absolute;
	height:101px;
	width:150px;
	text-decoration:none;
	display:block;
}

a#seminars {top: 0px; }
a#getgreen {top:101px; }
a#beckmantour {top:202px;}

a#seminars:hover, a#getgreen:hover, a#beckmantour:hover, {border:none; }

a:focus { -moz-outline-style: none; } /* remove dotted lines in firefox */ 

/* Begin Sub2 Promos */
#sub2promosbox {
	width: 300px;
	margin: 0 0 0 10px;
	padding: 0;
	position: relative;
	float:left;
}

.sub2promosleft {
	width: 150px;
	float:left;
	padding: 0 0 7px 0;
	}
.sub2promosright {
	width: 150px;
	float: right;
	padding: 0 0 7px 0;
	}
.sub2promos {
	width: 300px;
	padding: 0 0 7px 0;
	}


/* BEGIN Footer Structure and Style Code */

.template1 #container #footer950 {
	width: 950px;
	height: 60px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #6d5638;
	clear: both;
	font-weight: normal;
	background-color: #e8ead5;
	margin: 0 0 0 10px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0 0 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
}
#footer950 a:link {
	color: #6d5638;
	text-decoration: none;
	font-weight: normal;
}
#footer950 a:hover  {
	color: #999966;
	text-decoration: none;
	font-weight: normal;
}
#footer950 a:visited  {
	color: #6d5638;
	text-decoration: none;
	font-weight: normal;
}
.footerleft {
	float: left;
	padding-left: 10px;
}
.footerright {
	float: right;
	padding-right: 10px;
}
/* END Footer Code */

/* BEGIN Home layout */

	.template1 #container #subcontent #homeleftmargin {
	padding: 0;
	float: left;
	height: 200px;
	width: 10px;
	margin: 0;
	background-image:url(/images/conservation/left_margin.jpg);
	background-repeat:no-repeat;
	}
		#container #homemainbox {
			width: 553px;
			float:left;
			margin: 0;
			padding: 0;
			background-image:url(/images/sub1mainbox_bg.gif) ;
		}

#homerightbox  {
	width: 385px;
	height:470px;
	float:left;
	position:relative;
	}
	
#homerightvideobanner  {
	width: 385px;
	height:145px;
	float:left;
	padding: 10px 0 0 0;
	}


a:focus { -moz-outline-style: none; } /* remove dotted lines in firefox */ 
	
	
	.template1	#container #subcontent #homemainbox #home_category_promos {
		width:553px;
		height:160px;
		background-image:url(/images/conservation/home_category_links_bg.gif);
		background-repeat:repeat-y;
		margin:0;
		padding:0;

}
		#container #subcontent #homemainbox #homemainboxcol1 {
			padding: 10px 0 0 10px;
			margin: 0;
			width: 176px;
			float: left;
		}
		#container #subcontent #homemainbox #homemainboxcol2 {
			padding: 10px 0 0 10px;
			margin: 0;
			width: 176px;
			float: left;
		}
		#container #subcontent #homemainbox #homemainboxcol3 {
			padding: 10px 0 0 10px;
			margin: 0;
			width: 170px;
			float: left;
		}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol1 h5  {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#0056a2;
			margin:3px 0 0 0;
		}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol2 h5  {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#6da22e;
			margin:3px 0 0 0;
		}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol3 h5  {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#8b5f26;
			margin:3px 0 0 0;
	}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol1 h5 a:link {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#0056a2;
			margin:3px 0 0 0;
		}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol2 h5 a:link {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#6da22e;
			margin:3px 0 0 0;
		}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol3 h5 a:link {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#8b5f26;
			margin:3px 0 0 0;
	}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol1  h5 a:visited {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#0056a2;
			margin:3px 0 0 0;
		}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol2  h5 a:visited {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#6da22e;
			margin:3px 0 0 0;
		}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol3  h5 a:visited {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#8b5f26;
			margin:3px 0 0 0;
	}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol1  h5 a:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#0056a2;
			margin:3px 0 0 0;
			text-decoration:underline;
		}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol2  h5 a:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#6da22e;
			margin:3px 0 0 0;
			text-decoration:underline;
		}
		.template1 #container #subcontent #homemainbox #home_category_promos #homemainboxcol3  h5 a:hover {
			font-family:Arial, Helvetica, sans-serif;
			font-size:14px;
			font-weight:bold;
			color:#8b5f26;
			margin:3px 0 0 0;
			text-decoration:underline;
	}
		.template1 #container #subcontent #homemainbox #home_category_promos .categoryhedspace {
  			margin: 0 0 3px 0;
	}

/* LINKS */

/*BEGIN Links Content Areas */

		#container #subcontent #homerightbox #homerightlinks {
			width: 204px;
			height: 303px;
			float:left;
			margin: 10px 0 0 10px;
			padding: 0 10px 0 0;
			border-right: solid 1px #8cacc5;
		}
		
		#container #subcontent  #homerightbox #homerightlinks h2 {
			font-family:  Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size:10px;
			color: #005699;
			margin: 15px 0 0 0;
			line-height: 10px;		
		}
		.template1 #container #subcontent  #homerightbox #homerightlinks p  {
			font-family:  Arial, Helvetica, sans-serif;
			font-weight: bold;
			font-size:12px;
			line-height: 12px;
			color: #5e7888;
			margin: 0 ;
			padding: 0;
			text-decoration:none;
		}
		.template1 #container #subcontent  #homerightbox #homerightlinks a:link  {
			color: #5e7888;
			text-decoration:none;
		}
		.template1 #container #subcontent  #homerightbox #homerightlinks a:visited  {
			color: #5e7888;
			text-decoration:none;
		}
		.template1 #container #subcontent  #homerightbox #homerightlinks a:hover  {
			color: #5e7888;
			text-decoration: underline;
		}
		#container #subcontent #homebottommargin  {
			margin: 0;
			clear:both;
			width: 970px;
			height: 25px;
			background: url(/images/conservation/home_bottom_margin.jpg) no-repeat;
		}

/* BEGIN Home Page Promos */

 #homepromosbox {
	height: 303px;
	float:left;
	width: 150px;
	margin: 10px 0 0 10px;
	padding: 0;
	position:relative;
}

/* Home promos Sprite Code */

#homepromos {
	width: 150px;
	height: 303px;
	background-image:url(/images/conservation/home_promos.jpg);
	margin: 0;
	padding: 0;
	left: 0px;
}
#homepromos li  {
	margin: 0;
	padding: 0;
	list-style:none;
	position:absolute;
	left:0px;
}

#homepromos a:active, a:hover, a:link a:visited {outline:none; }

#homepromos li, #homepromos a {height: 101px; display: block;}


#homepromos1a {top: 0px; width: 150px; text-indent: -5000px;}
#homepromos2a {top: 102px; width: 150px; text-indent: -5000px;}
#homepromos3a {top: 204px; width: 150px; text-indent: -5000px;}

#homepromos1a a:hover {background: transparent url(/images/conservation/home_promos.jpg) -0px -303px no-repeat;}
#homepromos2a a:hover {background: transparent url(/images/conservation/home_promos.jpg) -0px -405px no-repeat;}
#homepromos3a a:hover {background: transparent url(/images/conservation/home_promos.jpg) -0px -507px no-repeat;}

.validation-advice {
color: red;
font-size: small;
padding-left: 22px;
} 

.pop {
			font-size:12px;
			font-weight:bold;
			color:#005699;
} 