/* world-of-ferns stylesheet */

body { 
	margin: 0;
	padding: 0;
	background: #FFFFFF;
	font: normal 62.5%/1.6em Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	color: #333333;
}

/* layout DIVs  */
#pageholder {
	width: 940px;
	background: url(images/background_grad.jpg) repeat-y left top;
	margin: auto;
	}

#container{
	position: relative;
	width: 900px; 
	height: 100%;
	margin: 0 auto;
	padding: 0;
/*	border-right: 1px solid #336633;
	border-bottom: 1px solid #336633;
	border-left: 1px solid #336633; */
}
#mainhead { 
	width: 900px;
	padding: 10px 0px;
	text-align: center; 
	background: #FFFFFF; 
	border-bottom: 4px solid #99CC66; 
	background: url(images/world-of-ferns-address.gif) no-repeat;
}
#header { width: 880px; height: 55px; margin: 0 auto; }

#banner { width: 900px; height: 180px;  margin: 8px 0; }

#search { float: right; height: 31px;}

#menu {margin: 0; padding: 0; position: relative; float: left; width: 900px; background: url('images/bg-navigator.jpg') repeat-x bottom;}
#Navigator { height: 31px; padding: 0px; margin: 0px; text-align: center;}
	
#Navigator ul {list-style-type: none;}
#Navigator li {margin: 0px; padding: 0px 10px 0px 10px; list-style: none; }
#Navigator li, #Navigator a {
	height: 31px;
	display: inline;
	font: bold 1.1em/1.8em Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

#bottomcontainer {
	clear: both; 
	background: #FFFFFF url('images/bg-content.jpg') top repeat-y;
	width: 900px; 
	height: 100%; 
	border-top: 4px solid #99CC66; 
	margin: 0 0 0 0;
	padding: 0;
}
#left-col { width: 160px; padding: 16px 10px 25px 10px; color: #FFFFFF;  float: left; font-size: 1.1em;}
#left-col a:link, #left-col a:visited { color: #FFFFFF; }
#left-col a:hover { color: #99CC66; }
#left-col img, #right-col img { border: none ; }
#right-col { width: 160px; padding: 16px 10px; color: #FFFFFF; float: right; text-align: left; font-size: 1.1em; line-height: 1.6em; }
#right-col a:link, #right-col a:visited { color: #FFFFFF; }
#right-col a:hover { color: #99CC66; }  
#right-col span { display: block; margin-bottom: 5px ; }

#content { width: 480px; height: 100%; padding: 18px 25px; float: left; clear: right;}

#footergrad {
	width: 940px;
	background: url(images/footer_grad.jpg) no-repeat bottom left;
	height: 23px;
	margin: auto;
	}
#footer { 
		clear: both; 
		text-align: right; 
		width: 900px;
		height: 23px;
		padding: 0 20px 30px 20px;
		margin: auto;
}
#footer a:link, #footer a:visited { color: #336633; }	
#footer a:hover { color: #99CC66; }

#High1 { height: 66px; width: 100px; background:url(images/hardy-ferns.gif) no-repeat left 5px; padding: 3px 3px 3px 80px; line-height: 16px; margin-bottom: 13px;}
#High2 { height: 66px; width: 100px; background:url(images/semi-hardy-ferns.gif) no-repeat left 5px; padding: 3px 3px 3px 80px; line-height: 16px; margin-bottom: 13px;}
#High3 { height: 66px; width: 100px; background:url(images/house-ferns.gif) no-repeat left 5px; padding: 3px 3px 3px 80px; line-height: 16px; margin-bottom: 13px;}
#High4 { height: 66px; width: 100px; background:url(images/tree-ferns.gif) no-repeat left 5px; padding: 3px 3px 3px 80px; line-height: 16px; margin-bottom: 13px;}
#High5 { height: 66px; width: 100px; background:url(images/rare-ferns.gif) no-repeat left 5px; padding: 3px 3px 3px 80px; line-height: 16px; margin-bottom: 13px;}

/* Clearfix - Wraps Containers Fully */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}

/* Typography */

a:link, a:visited { text-decoration: underline; color: #336633; }	   
a:hover { color: #99CC66; text-decoration: underline; }
.shop-link a {text-decoration: none; border-bottom: 1px solid #FFFFFF;}	
	
h1 span { display: none; }
h2 span { display: none; }
h2 { font-size: 1.6em; border-bottom: 1px solid #99CC66; padding-bottom: 4px; color: #336633;}
h3 { font-size: 1.4em; padding-top: 4px;}

p {font-size: 1.2em; line-height: 1.8em;}
#right-col p {font-size: 1em;}

abbr, acronym { border-bottom : 1px dashed #99CC66; cursor : help; font-weight: bold; }

#content a:link, #content a:visited { font-weight: bold;}
#content h3 { color: #336633; }
#content strong { color: #336633; }
#content img { margin: 5px 10px; }
#content li {font-size: 1.2em; line-height: 1.8em;}

input, select, textarea {
}

/* Classes */

.left {
	float:left;
	padding: 5px 10px 5px 0px;
}
#footer .left {
	padding-top: 0px;
	text-align: left;
}
.right {
	float:right;
	padding: 5px 0px 5px 10px;
}
.center {
	margin: 0 auto;
	text-align: center;
}

.next { float: right; margin-top: 20px; }
.prev { float: left; margin-top: 20px; }

.toprow {
	font-weight: bold;
	color: #FFFFFF;
	background-color: #176E54;
}

table#results {
	width: 100%;
}
.position {
	background-position: center;
	text-align: center;
	width: 35px;
}
.mark {
	background-position: center;
	text-align: center;
	width: 35px;
}
.comp {
	background-position: center;
}
.news {
	border-bottom: 1px dashed #99CC66;
	margin-bottom: 20px;
	padding-bottom: 10px;
}