@charset "utf-8";
/* CSS Document */

body	{	background-color:#FFFFFF;
			background-image:url(/_template/images/415_plant.jpg);
			background-attachment:fixed;
			background-position:bottom left;
			font-family:Arial, Helvetica, sans-serif;
			font-size:9pt;
			color:#3d3d3d;
			margin:0px;
			padding:0px;
			background-repeat:no-repeat;	}
			
.container	{	width:900px;
				margin:0px auto;
				overflow:hidden;	}
				
.logo	{	float:left;
			width:240px;
			margin:0;
			padding:0;	}
			
.top_container	{	width:100%;
					border-bottom:2px dotted #cccccc;
					padding-bottom:5px;	}
					
.navigation	{	width:900px;
				margin:5px 0px 5px 0px;
				background-image:url(/_template/images/415_navigation.jpg);
				background-repeat:no-repeat;
				border-bottom:1px #556c12 solid;	}
				
.navigation ul	{	padding:10px 0px 0px 10px;
					margin:0px;
					list-style:none;	}
					
.navigation li	{	display:inline;
					padding-right:15px;	}
					
.navigation li a:link, .navigation li a:visited	{	color:#FFFFFF;
													text-decoration:none;
													font-size:10pt;
													font-weight:bold;	}
													
.navigation li a:hover	{	text-decoration:underline;	}

.content	{	width:100%;
				overflow:hidden;
				margin:0px auto;	}

.sidebar	{	width:258px;
				float:right;
				overflow:hidden;
				margin:0px;
				padding:0px;	}
				
.green_divider	{	width:258px;
					margin:20px 0px 10px 0px;	}
					
.home_header	{	color:#FFFFFF;
					background-color:#553a2e;
					width:242px;
					padding:4px 8px 4px 8px;
					margin:0px;	}
					
.tan_box	{	background-color:#d5ceb9;
				width:242px;
				padding:4px 8px 4px 8px;
				margin:0px;	}
				
.text	{	width:580px;
			float:left;
			margin-top:10px;	}
			
h1	{	font-size: 24px;
		color:#556c12;
		padding:5 0 0 0;
		margin:5 0 0 0;	}
		
h2	{	font-size: 18px;
		color:#FFFFFF;
		padding:0 0 0 0;
		margin:0 0 0 0;	}
		
h3	{	font-size: 18px;
		color:#553a2e;
		padding:0 0 0 0;
		margin:0 0 0 0;	}
		
h4	{	font-size: 18px;
		color:#FFFFFF;
		padding:4 4 4 4;
		margin:0 0 0 0;	}
		
.footer	{	width:100%;
			border-top:2px dotted #cccccc;
			padding-top:10px;
			font-size:8pt;
			text-align:center;
			margin-top:5px;	}
			
.footer ul	{	padding:10px 0px 0px 10px;
					margin:0px;
					list-style:none;	}
					
.footer li	{	display:inline;
					padding-right:15px;	}
					
.footer li a:link, .footer li a:visited	{	color:#556c12;
											text-decoration:none;
											font-size:8pt;
											font-weight:bold;	}
													
.footer li a:hover	{	text-decoration:underline;	}

a:link, a:visited	{	color:#556c12;
											text-decoration:underline;
											font-size:10pt;
											font-weight:bold;	}
													
a:hover	{	text-decoration:none;	}

.leaf_divider	{	background-image:url(/_template/images/415_leaf.gif);
					background-repeat:no-repeat;
					height:50px;
					margin-top:-30px;
					margin-bottom:-10px;	}
					
.article_body	{	margin:5px 0px 5px 0px;
					padding-bottom:3px;
					border-bottom:2px dotted #cccccc;	}

.article_body img	{	float:left;	}

.truncated_description	{	float:right;
							width:315px;
							background-color:#d5ceb9;
							padding:8px;	}

				
/*Lightbox Techniques*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink, #prevLink:hover, #prevLink:visited:hover { background: url(/_template/images/prevlabel.gif) 0 100% no-repeat; 
border: none; left: 0; float: left; }
#nextLink, #nextLink:hover, #nextLink:visited:hover { background: url(/_template/images/nextlabel.gif) 100% 100% no-repeat; 
border: none; right: 0; float: right;
}
#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }