/*------------------------------------
Biodiversity
Global Stylesheet

Browser Compatability
Firefox, Internet Explorer 6/7, Safari

Author / Atomic Crayon, gels
website / www.atomiccrayon.com

        .=.         
       '==c|
       [)-+|
       //'_|
      /]==;\

-------------------------------------*/

body {
	margin:0;
	font:11px Tahoma, sans-serif;
	text-align:center;
	height: 100%;
	width: 100%;
	background:url(images/bg-tracks.gif) repeat #F6F2E6;
	}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
	



img#logoPrint {
	display:none;
	}

img, a img {
	border:0;
	}
a {
	color:#8F6800;
	}

/* hide from Firefox to fix FF Mac visual bug where the text is distorted & bold -- edited by Karen Nov 13/07 */	
html[lang*=""] a:hover {
	color:#000;
	background:#f4e3b8;
	text-decoration:none;
}

h1, h2, h3, h4, h5, h6 {
	position:relative;
	margin:0;
	}
h1 {
	font-size:18px;
	font-family:Georgia, serif;
	font-variant:small-caps;
line-height:1.3;
	}
h2 {
	font-size:18px;
	color:#352704;
	font-family:Georgia, serif;
	font-variant:small-caps;
	}
h3, h4 {
	font-size:14px;
	font-variant:small-caps;
	line-height:1.3;
	color:#5c4105;
	}
h4 {
	font-size:13px;
	}
h5, h6 {
	font-size:13px;
	}
	
/* ANCHOR
----------------------------*/
.topItems ul li a {
	text-decoration:none;
	}
.topItems ul li, .topItems ul li a {
	position:relative;
	height:15px;
	display:block;
	float:left;
	margin:0 15px 0 0;
	}
.topItems ul li a span {
	position:absolute;
	left:-9000px;
	}

.topItems ul li#contact a { 
	background:url(images/btn-contact.gif) 0 0 no-repeat transparent;
	width:77px;
	}
.topItems ul li#faq a {
	background:url(images/btn-faqs.gif) 0 0 no-repeat transparent;
	width:42px;
	}
.topItems ul li#media a { 
	background:url(images/btn-mediaroom.gif) 0 0 no-repeat transparent;
	width:81px;
	}
.topItems ul li#glossary a { 
	background:url(images/btn-glossary.gif) 0 0 no-repeat transparent;
	width:62px;
	}
.topItems ul li#sitemap a { 
	background:url(images/btn-sitemap.gif) 0 0 no-repeat transparent;
	width:54px;
	}	
	

.topItems ul li a:hover {
		background-position:0 -30px!important;
		}
ul.menu, ul.menu li, ul.menu li a, ul.menu ul, ul.menu li ul li, ul.menu li ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative;
	line-height:normal;
	}
ul.menu {
	position:relative;
	float:left;
	width:198px;
	margin:0 0 0 0;
	top:-18px;
	z-index:2000;
	overflow:hidden;
	}

ul.menu li {
	display:block;
	margin:0 0 5px 0;
	}
ul.menu li a {
	position:relative;
	display:block;
	width:198px;
	height:32px;
	text-decoration:none;
	color:#3F2E00;
	}
ul.menu li a span {
	display:block;
	position:absolute;
	left:-6000px;
	}
ul.menu a.findings {
	background:url(images/btn-findings.gif) top left no-repeat;
	}
	ul.menu a.why {
	background:url(images/btn-why.gif) top left no-repeat;
	}
ul.menu a.who {
	background:url(images/btn-who.gif) top left no-repeat;
	}
ul.menu a.what{
	background:url(images/btn-what.gif) top left no-repeat;
	}
ul.menu a.where {
	background:url(images/btn-where.gif) top left no-repeat;
	}
ul.menu a.action {
	background:url(images/btn-call.gif) top left no-repeat;
	}
ul.menu a.participate {
	background:url(images/btn-do.gif) top left no-repeat;
	}
ul.menu a.downloads {
	background:url(images/btn-downloads.gif) top left no-repeat;
	}
ul.menu a.links {
	background:url(images/btn-links.gif) top left no-repeat;
	}
	ul.menu a:hover, ul.menu a#active {
	background-position:0 -62px;
	}
/*second level nav ---------------------*/

ul.menu li ul { 
	position:relative;
	left:auto;
	width:185px;
	margin: 0 5px 5px 9px;
	padding:0;
	border:1px solid #e6c98c;
	border-top:0;
	background:url(images/bg-menu-sub.jpg) 0 0 repeat-y;
	}
ul.menu li li {
		min-height:15px;
		height:auto!important;
		height:15px;
	border-top:2px solid #f8f0df;
	background:transparent url(images/bg-menu-dot.gif) 10px 5px no-repeat;
	}
ul.menu li li a {
		min-height:15px;
		height:auto!important;
		height:15px;
	width:auto;
	background:transparent;
	padding:4px 0 3px 25px;
	}
ul.menu li li a:hover {
	background: url(images/colorshade_black_10.png);
	}

.copyright a {
	color:#8F6A1A;
	}
.copyright a:hover {
	background:#DFC47D;
	color:#3F2E00;
	}
	
/* PARAGRAPH/HEADER
----------------------------*/
.header h1 {
	position:absolute;
	display:block;
	top:60px;
	width:600px;
	height:24px;
	padding:3px 40px 0 0;
	margin:0 0 0 1px;
	font-variant:small-caps;
	letter-spacing:0.1em;
	font-family: Georgia, serif;
	font-weight:bold;
	text-align:right;
	background:#322303;
	color:#f0dba8;
	z-index:2;
	background-position:355px 5px;
	background-repeat:no-repeat;
	background-color:#322303;
	}

.header h1#findings {
	background-image:url(images/h1-findings.gif);
	}
.header h1#why {
	background-image:url(images/h1-why.gif);
	}
.header h1#who{
	background-image:url(images/h1-who.gif);
	}
.header h1#what{
	background-image:url(images/h1-what.gif);
	}
.header h1#where {
	background-image:url(images/h1-where.gif);
	}
.header h1#action {
	background-image:url(images/h1-call.gif);
	}
.header h1#participate {
	background-image:url(images/h1-do.gif);
	}
.header h1#downloads {
	background-image:url(images/h1-downloads.gif);
	}
.header h1#links {
	background-image:url(images/h1-links.gif);
	}
.header h1#search {
	background-image:url(images/h1-search.gif);
	}
.header h1#sitemap {
	background-image:url(images/h1-sitemap.gif);
	}
.header h1#faq {
	background-image:url(images/h1-faq.gif);
	}
.header h1#media {
	background-image:url(images/h1-media.gif);
	}
.header h1#glossary {
	background-image:url(images/h1-glossary.gif);
	}
.header h1#contact {
	background-image:url(images/h1-contact.gif);
	}
	
.header h1 span {
	position:absolute;
	left:-9000px;
	}
.wrapper h2 {
	border-bottom:1px solid #edd199;
	margin:0 0 0 0;
line-height:1.3;
	}
.home .wrapper h2 {
	border:0;
	}
ul.columns li h2 { 
	width:100%;
/*	height:15px;*/
/*	font-size:16px;*/
font-size: 14px;

	margin: 0 0 0 -2px;
/*margin: 0;*/
	}
ul.columns li h2 span {
/*	position:absolute;
	left:-9000px;*/
	}
ul.columns li.beginnings_t h2 {
/*	background:url(images/header-beginnings.gif) -13px 0 no-repeat;*/
	}
ul.columns li.partners_t h2 {
/*	background:url(images/header-partners.gif) 0 0 no-repeat;*/
	margin-left:-13px;
	margin-left: -2px;
	/*width:180px;*/
	}
* html ul.columns li.partners_t h2 { /*IE6*/
	/*margin-right:-13px;
	width:165px;*/
	}
ul.columns li.action_t h2 {
/*	background:url(images/header-action.gif) -13px 0 no-repeat;*/
	}
	
	
/* LIST
----------------------------*/
.topItems ul, .topItems ul li, .home ul.columns, .home ul.columns li, ul.blockList, ul.blockList li {
	margin:0;
	padding:0;
	list-style:none;
	}
.topItems ul {
	text-align:right;
	float:right;
	top:10px;
	right:120px; 
	}
.home ul.columns li{ 
	/*display:block;*/
	float:left;
	width:143px;
	
	margin:0 8px 0 0;
	padding:20px 10px 80px 15px;
	line-height:1.3;
min-height: 262px;
}

*html .home ul.columns li { /*IE6*/
height: 262px;
}

.home ul.columns {
	/*background:url(images/bg-columns-top.gif) 0 0 no-repeat;*/
	padding:18px 0 0 0;
	margin:-18px 0 0 0;
	z-index:3;
	}
*html .home ul.columns { /*IE6*/
	margin:-18px 0 0 1px;
	}	
.home ul.columns li.beginnings_t {
	background:#F4E9CD url(images/bg-home-columns.jpg) bottom left no-repeat;
	}
.home ul.columns li.partners_t {
	background:#F4E9CD url(images/bg-home-columns.jpg) bottom left no-repeat;
	}
.home ul.columns li.action_t {
	background:#F4E9CD url(images/bg-home-columns.jpg) bottom left no-repeat;
	}
.home ul.columns li a.block { 
	position:absolute;
	display:block;
	width:168px;
	height:359px;
	margin:-20px 0 0 -15px;
	z-index:10000;
	}
.home ul.columns li a.block:hover {
	background:url(images/colorshade_tan_15.png);
	}

.home ul.columns li ul, .home ul.columns li ul li {
	margin:0 0 0 8px;
	padding:0;
	float:none;
	width:auto;
	height:auto;
	list-style-type:disc!important;
	}

.home ul.columns li ul li {
	margin:0 0 8px 8px;
	}
.content ul ul {
	margin:0 0 0 -15px;
	}

.content ul.blockList { 
	margin:0 0 0 10px;
	position:relative;
	width:600px;
	}
.content ul.blockList li { 
	border-bottom:1px solid #EFDBA4; 
	display:block;
	margin:0 80px 10px 0;
	padding:0;
	width:180px;
	min-height:125px;
	height:auto!important;
	height:125px;
	float:left;
	text-align:center;
	}

.content ul.blockList li img {
	position:relative;
	margin:0 0 0 0;
	}	
	
			
/* FORM
----------------------------*/
fieldset {
	border:0;
	}
input {
	font-size:11px;
	}

.topItems fieldset {
	width:150px;
	position:absolute;
	right:125px;
	top:10px;
	}
.topItems fieldset input {
	border:0;
	height:12px;
	width:115px;
	padding:3px 0 4px 5px;
	margin:0 6px 0 0;
	background:#e8dbbe;
	}

input#searchsubmit {
	position:absolute;
	margin:0;
	padding:0;
	height:19px;
	width:24px;
	}
	
	
/* BLOCK
----------------------------*/
.bark {
	position:absolute;
	width:100%;
	height:158px;
	margin:123px 0 0 0;
	top:0;
	left:0;
	background:#574019 url(images/bark.jpg) top center repeat-x;
	}

.main, .header, .wrapper, .topItems, * div, * span, * ul, * ul li {
	position:relative;
	}

.main { 
	position:relative;
	width:860px;
	padding-bottom:80px;
	text-align:left;
	margin:0 auto 0 auto;
	}
.header { 
	position:relative;
	background:url(images/bg-pagetop.png) top center no-repeat;
	height:238px;
	top:71px;
	padding:0 110px;
	overflow:visible;
	}
.header img {
	position:absolute;
	margin:41px 0 0 10px;
	overflow:visible;
	}
.home .header img {
	/*z-index:1000;*/
	}
img#flower {
	position:absolute;
	top:245px;
	left:385px;
	z-index:3;
	}
#credits { 
	position:absolute;
	background:url(images/bg-credits1.gif) top center no-repeat;
	width:232px;
	height:135px;
	top:87px;
	right:121px;
	/*so user doesn't see this onload*/
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}
#credittext { 
	position:absolute;
	width:160px;
	height:115px;
	padding:10px 10px 0 0px;
	text-align:left;
	color:#f0e6ce;
	top:87px;
	right:128px;
	font-size:10px;
	/*so user doesn't see this onload*/
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;
	}          

#creditBtn { 
	position:absolute;
	display:block;
	background:url(images/btn-credit.gif) top center no-repeat;
	width:25px;
	height:25px;
	top:248px;
	right:185px;
	z-index:1000;
	text-decoration:none;
	cursor:pointer;
	}
#creditBtn a {
	display:block;
	width:100%;
	height:100%;
	}
#creditBtn a:hover {
	background:none;
	}

.main .topItems img#logo {
	position:absolute;
	top:5px;
	left:98px;
	}

.topItems { 
	position:absolute;
	width:100%;
	padding:45px 0 0 0;
	z-index:2;
	left:0;
	}
.wrapper { 
	width:860px;
	top:68px;
	padding:0;
	background:url(images/bg-pagetile.png) top center repeat-y;
	overflow:visible; 
	}
.wrapper .menuWrap {
	float:left;
	width:198px;
	margin:0 0 0 7px;
	z-index:1001;
	}
.wrapper .content { 
	float:right;
	width:500px;

	right:130px;
	line-height:1.6;
	z-index:2;
	margin-bottom:-70px;
	}
.home .wrapper .content {
	width:545px;
	right:98px;
	}
.wrapper .content .quote {
	float:right;
	display:block;
	width:185px;
	padding:3px 0 40px 3px;
	margin:0 15px 0 15px;
	color:#8c6d20;
	font-size:12px;
	line-height:1.3;
	background:url(images/bg-quote.jpg) bottom center no-repeat;
	border-top:1px solid #e2c179;
	}
.wrapper .content .quote p {
	padding:0;
	margin:0;
	}
.wrapper .content .quote em {
	display:block;
	padding:8px 0 0 0;
	font-style:normal;
	font-size:10px;
	text-align:center;
	}
.wrapper .footer {
	position:relative;
	width:100%;
	height:79px;
	top:5px;
	left:-2px;
	clear:both;
	background:url(images/bg-footer.gif) top center no-repeat;
	}
.copyright {
	width:535px;
	top:80px;
	left:128px;
	padding:0 0 10px 95px;
	color:#86703a;
	}
.copyright img {
	position:absolute;
	left:-17px;
	}	
.clear {
	clear:both;
	}

/* Glossary Styles -- added Nov 13/07 by Karen */

.content table.glossary {
	margin: 0 0 15px 0;
}

.content table.glossary, .content table.glossary td {
	border-collapse:collapse;
	clear:both;
	text-align:left;
	white-space:wrap;
	empty-cells:hide;
}

.content table.glossary td {
	padding:4px 5px;
	border-top:1px solid #cac3aa;
	border-bottom:1px solid #cac3aa;
	border-right:1px solid #fff!important;
	border-right:0;
}
	
.content table.glossary p {
	margin:2px 0;
}

.content table.glossary th {
	padding:2px 5px;
	background:#f6f2e3;
	border-right:1px solid #fff;
	color:#776236;
	text-transform:uppercase;
	font-size:11px;
}

.content .top, .content a.top:hover, .content a.top:visited { 
	position:relative;
	display:block;
	width:20px;
	height:20px;
	margin:0;
	text-align:center;
	text-decoration:none;
	color:#5d5d5d;
	padding-top:17px;
	background:url(images/btn-top.gif) top center no-repeat;
}
	
.content .alphabet {
	position:relative;
	display:block;
	height:40px;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	padding-bottom: 20px;
}
.content .alphabet a {
	position:relative;
	display:block;
	width:12px;
	margin:0 2px 4px 2px;
	padding:0 6px;
	text-align:center;
	float:left;
	text-decoration:none;
	border:1px solid #cac3aa;
	background:#f6f2e3;
}
.content .alphabet a:hover {
	background:#8F6800;
	color: #fff;
}

	
/* end Glossary styles */
	
/*---- sIFR ---*/
.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/*---- Header styling ---*/
.sIFR-active .content h2 {
  visibility: hidden;
  font-family: Georgia, sans-serif;
  line-height: 1em;
  font-weight:bold;
}

.zEdit {
  z-index:5000; 
}

.zEditCredit {
  z-index:50001; 
position:absolute;
top:0;
right:140px;

}
.special {
background:#F6F2E6;
border:1px solid #6F5C4C;
margin:0px 2px;
padding:2px 8px;
text-decoration:none;
}

/* -------------------------
	PRESS RELEASE AREA: Home 
-------------------------*/

.home h3 {
	background:#322303;
	color:#F0DBA8;
	padding:0 0 0 15px;
	margin: 0 25px 0 0;
	top:-30px;
	z-index:3000;
	position:relative;
	display:block;
	clear:both;
}

.home .pressreleases {
	margin:0 0 20px 0;
	line-height:1.2;
	font-style:italic;
}
.home .pressreleases p {
	margin:0;
}
.home .pressreleases strong {
	font-style:normal;
	display:block;
	margin:5px 0;
	padding:0 0 0 5px;
}
.home .pressreleases ul, .home .pressreleases ul li {
	margin:0;
	padding:0;
	list-style:none;
	position:relative!important;
}
.home .pressreleases ul {
	margin:-18px 20px 0 0;
}

.home .pressreleases ul li img { 
	margin:0 0 0 -5px;
}

.home .pressreleases ul li { 
	width:165px;
	padding:0 2px 0 4px; /*IE7 doesn't like margin for some reason*/
	float:left;
}


/* -------------------------
	Taking Nature's Pulse 
-------------------------*/

h1.tnp-h1 {
	margin: 20px 0;
	font-size: 24px;
}

div.tnp-textbox {
	padding: 7px;
	background-color: #d4ecde;
	margin: 1em 0;
}

table.tnp-table {
	background-color: #ffe59f;
	border-collapse:collapse;
	width: 100%;
}

tr.tnp-table-header td {
	background-color: #00703c;
	color: #fff;
}

table.tnp-table td {
	padding: 3px;
	vertical-align: top;
}

p.tnp-footnote, .tnp-small {
	font-size: .8em;
}

div.tnp-image-right {
	float: right;
	margin: 0 0 1em 1.5em;
	font-size: .8em;
}

div.tnp-image-left {
	float: left;
	margin: 0 1.5em 1em 0;
	font-size: .8em;
}

div.tnp-figure {
	border-top: solid 1px #e6c98c;
	border-bottom: solid 1px #e6c98c;
	padding: 1em 0;
	margin: 1em 0;
	font-weight: bold;
}

div.tnp-figure p.tnp-small {
	font-weight: normal;
}

p.tnp-toc-link {
	font-size: .8em;
	text-align: right;
}