div#container{width:850px;
	margin:0 auto;}
div#breadcrumb{visibility:hidden;
	position:absolute;}
body{background-image:url(images/body-bg.jpg);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	margin:0px;
	padding:0px;}
html{background-image:url(images/html-bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin:0px;
	padding:0px;}
body a{color:#5c802c;}
	
/*Initial definitions for base column. 
Define the (minimum) width here, and optionally a padding */
.columnized div {float: left;
	width: 18em;		/* When using a fixed number of columns, you can omit the width. Otherwise it must be set! This will be the *minimum* width of a column*/
	padding: 10px;		/* You may use a padding... but thanks to IE you can only use pixels! */
	text-align: justify;
	margin: 0;	 		/* Don't use a margin! */}
					
	/* Optional 'read on'-message. Not used in this example. */
.columnized div .readOn {text-align:right;
	bottom: -0.5em;
	color: #aaa;}

p.first:first-letter{font-size:58px;
	font-weight:bold;
	float:left;
	padding-right:4px;
	color:#5c802c;}

	
div#branding{height:130px;
	position:relative;}
div#branding h1{height:110px;
	width:403px;
	background-image:url(images/branding-h1.png);
	position:absolute;
	top:5px;}
div#branding h1 a{height:110px;
	width:403px;
	display:block;
	text-indent:-9999px;}

div#primary{position:absolute;
	right:0px;
	font-variant:small-caps;
	top:101px;
	font-size:21px;}
div#primary ul li{}
div#primary li{padding-right:0px;}
div#primary a{text-decoration:none;
	color:#5c802c;}
div#primary a:hover{border-top:2px solid #666;}

div#center{padding:0 25px;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(images/content-bg.png);
	background-repeat:no-repeat;
	color:#000;
	padding-top:10px;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	margin-top:-16px;
	padding-bottom:15px;}
div#content h2{font-style:italic;
	font-family:"Times New Roman", Times, serif;
	margin-bottom:25px;
	color:#5f3316;
	font-size:26px;}
div#content h3{font-style:italic;
	font-family:"Times New Roman", Times, serif;}
	
div.view-products div.views-field-title{font-size:16px;
	font-weight:bold;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;}
div.view-products img.imagefield-field_image{float:left;
	margin-right:15px;}
div.view-products div.views-field-field-image-fid{float:left;
	margin-right:15px;}

div#site_info{height:100px;
	background-image:url(images/site-info-bg.png);
	background-repeat:no-repeat;
	background-position:top;
	position:relative;}
div#site-info-center a{color:#fff;}
div#site-info-center{font-size:30px;
	font-style:italic;
	color:#fff;
	position:absolute;
	left:100px;
	top:15px;}
div#site-info-left{position:absolute;
	top:75px;
	font-size:12px;
	color:#666;}
div#site-info-right{position:absolute;
	right:0px;
	top:75px;
	font-size:12px;}
	
div.view-products div.views-row{overflow:hidden;}
div.view-products img{margin-bottom:10px;}
	
	
div.view-species div.views-field-title{font-size:16px;
	font-weight:bold;
	font-style:italic;
	font-family:"Times New Roman", Times, serif;}
div.view-species img.imagefield-field_image{float:left;
	margin-right:15px;}
div.view-species div.views-field-field-image-fid{float:left;
	margin-right:15px;}
div.view-species div.views-row{overflow:hidden;}
div.view-species img{margin-bottom:10px;}
	
.ie div#primary{position:absolute;
	right:0px;
	font-variant:small-caps;
	top:102.5px;
	font-size:20.5px;}
	
.ie div#primary a:hover{border-top: 2px solid #666;
	color:#5c802d;}
	
.ie7 div#branding h1{height:110px;
	width:403px;
	background-image:url(images/branding-h1.png);
	position:absolute;
	top:5px;
	margin-top:20px;}
	
.ie6 div.view-species img.imagefield-field_image{float:none;}
.ie6 div.view-species div.views-field-field-image-fid{float:none;}

.ie6 div.view-products img.imagefield-field_image{float:none;}
.ie6 div.view-products div.views-field-field-image-fid{float:none;}