@charset "UTF-8";

html, body {  
	background: #b8de69; 
	margin: 0; padding: 0; 
	text-align: center; 
	width: 100%; 
	height: 100%;  
}

p {  
	font-family: helvetica, arial, sans-serif; 
	font-size:14px; 
	line-height: 18px; 
	color: #000000; 
	padding: 0px; 
	margin: 0px;  
}

	.smallText { font-size:12px; line-height: 18px; }
	.intro { font-family: helvetica, arial, sans-serif; font-size:16px; line-height: 26px; color: #000000; }
	
	.greenHead { font-weight:bold; color:#7aaf0e; font-size:15px; line-height: 26px; }
	.blueHead { font-weight:bold; color:#849b90; font-size:15px; line-height: 26px; }
	.orangeHead { font-weight:bold; color:#ba9334; font-size:15px; line-height: 26px; }
	
	.quote { font-weight:bold; font-style:italic; color:#7aaf0e;  line-height: 26px; }
	.quoteCredit { font-weight:bold; color:#849b90;  line-height: 28px; }
	
	.orangeTxt { font-weight:bold; color:#ba9334;  line-height: 26px; }
	.blueTxt { font-weight:bold; color:#849b90;  line-height: 26px; }
	.greenTxt { font-weight:bold; color:#7aaf0e;  line-height: 26px; }
	
	.orangeBig { font-weight:bold; color:#ba9334; font-size:18px; line-height: 26px; }
	
	.banner { font-family: helvetica, arial, sans-serif; font-size:12px; line-height: 18px;color: #FFFFFF; font-weight:bold; padding: 0px 0px 0px 25px; position: absolute; bottom: 25%; }
	.bannerBig { font-size:16px; }
	
	.photoCredit  { font-size:10px; line-height: 13px; text-align:right; margin-top: 5px; }

a { 
	font-weight:bold; 
	text-decoration:none; 
	color:#849b90;  
}
	a:hover	{ color:#ba9334; }

img {  
	border: 0px; 
	margin: 0px; 
	padding: 0px;  
}

#container {  
	width: 1024px; 
	min-height: 100%; 
	background: #FFFFFF url(../library/images/horzBkgdTile.jpg); 
	margin: 0 auto; 
	border: 0px; 
	text-align: left;  
}

#topBanner {  
	width: 674px; 
	height: 50px;
	margin: 0px; 
	padding: 0px; 
	position: relative; 
}
	
#sidebar {
	float: left; 
	width: 350px;
	padding: 50px 0px 0px 0px;
}

	#nav  {  float: left; width: 277px; padding: 0px;  }
	#ecoBanner  {  float: left; width: 73px; padding: 0px;  }

#survey { 
	float: left; 
	width: 190px;
	background-color:#b2de4d;
	border:#738d1a solid 2px; 
	margin-left: 33px;
	text-align:center;
	font-family: helvetica, arial, sans-serif; 
	color: #4b3634;
	margin-top: 15px;
	margin-bottom: 15px;
	padding: 10px;
}

#survey p {
	color: #4b3634;
	font-weight:normal;
	font-size:12px;
}

.surveytitle{
	font-weight:bold;
	font-size:13px;
	line-height: 18px;
	margin-bottom:5px;
}

#survey a {
	color: #4b3634;
	font-weight:bold;
	font-size:12px;
	text-decoration:underline;
}

#survey a:hover {
	text-decoration:none;
}

#main { 
	width: 624px;
	float:left;
	margin: 0px; 
	padding: 0px;
} 

#mainContent { 
	width: 624px;
	float:left;
	margin: 0;; 
	padding: 30px 25px 25px 25px;
} 

	#titles  {  margin: 0px; padding: 0px; }
	
.topImage {
	margin: 0px 0px 0px 0px;	
}

.bookLft {
	float: left;
	margin: 0px 0px 30px 0px;	
}
	
.fltrt { /* this class will float an element right on the page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin: 0px 0px 20px 40px;
}

.fltlft { /* this class will float an element left on the page */
	float: left;
	margin: 0px;
}

.fltbtlft { /* this class will float an element left on the page with additonal space around it */
	float: left;
	margin: 20px  0px 20px 20px;
}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.hide {
	display:none;
}

/* the following styles are specific to Feedburner for the eco-cast page */
div.feedburnerFeedBlock ul {
	font-family: helvetica, arial, sans-serif; color:#ba9334; font-size:14px; line-height: 18px;  padding: 0px; margin: 0px;
	margin-left:0;
	padding-left:0;
	list-style-type: none;
}

div.feedburnerFeedBlock li {
margin-bottom: 15px;
}