body, 
div, 
form {
padding: 0;
margin: 0;
border: 0;
}

/* uses Sticky Footer Method http://www.themaninblue.com/writing/perspective/2005/08/29/ */

body, html {
	color: #336600;
	background: #F6EB9E;
	height: 100%; /* sticky footer */
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}

body {font-size: 76%;}

a {color: #CC6600; text-decoration:none;}
a:hover {color: #006600; }

h4 {font-size: 110%; margin: 0.5em 0;}

#wrapper {
	position:relative;  /* sticky footer */
	min-height:100%; /* sticky footer */
	z-index: 99;
	}
	
* html #wrapper {height: 100%} /* sticky footer */

#header {
	background: #EDDC7E url(template/bg_head.gif) repeat-x;
	height: 136px;
	white-space:nowrap;
	min-width: 760px;}
	
	
	#Index #header {
	background:url(template/homeBg.jpg) no-repeat; 
		height: 208px;
		padding: 310px 2% 0 2%;}
		
		#Index {background: #F6EB9E url(template/homeBgBody.gif) repeat-x;}
		
		#Index #nav {margin-left: 350px; text-align:left;}
		
		#Index #navBar {margin-top: 15px;}
		
	#Index #contentInner p {padding: 0 10%; font-size: 1.3em; line-height: 1.5em;}
	
.left {float: left;}

.accentImg {float: right;
	padding: 0 0 0 20px;
	margin-right: -4%;
}
	
#nav {margin-left: 240px;
	text-align:right;}

#breadcrumbs {
	display: block;
	padding: 0 40px;}

#search {
	display: block;
	height: 32px;
	padding: 20px 40px;}

#navBar {height:50px;}	
	
#navBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	height: 46px;
	width: 100%;
	min-width: 525px; }
	
#navBar li {float:left;
	white-space:nowrap;
	text-align:center;
	font-size: 15px;
	padding: 13px 0;
	background: url(template/greenbody.gif) top repeat-x; color:#FFFFFF;}
	
	#btnHome, 
	#btnAbout, 
	#btnProducts, 
	#btnArticles {width: 16%;}
	#btnBuying {width: 28%;}
	
    #navBar #leftcap, #navBar #rightcap  {background:url(template/greencap_lt.gif) no-repeat;
	width: 21px;
	height: 46px;
	padding: 0;}
	
	#navBar #rightcap  {background:url(template/greencap_rt.gif) no-repeat;}
	
#navBar a {color: #FFFFFF}

#navBar a:hover {color: #FDEBB5}

#contentInner {
	clear: both;
	position: relative;
	padding: 10px 0 80px 0;
	z-index: 100;
	width: 100%;
	overflow:hidden;
	min-width: 760px;}
	
	#pageTour #contentInner {background: url(accents/park2.jpg) no-repeat right 60px;}
	

#bottom {
	position:relative; /* sticky footer */
	width:100%;
	background: transparent url(template/footer.gif) no-repeat left bottom;
	height: 64px; 
	padding-top: 110px;
	margin-top:-144px; /* sticky footer */
	z-index: 2;
	}
	
#footer {	
	padding: 0 0 0 150px; 
	position: relative; 
	z-index:200;
	height: 20px;
	margin-top: -50px;}
	
.clear {clear:both;}

#colOne {float: left;
	width: 190px;
	padding: 0 15px 0 20px;}
	
#sideNav {background: #EDDC7E;
	border: #FFFFFF 2px solid;
	padding: 15px;}
	
	#sideNav ul {margin: 0; padding: 0; list-style: none;}
	
	#sideNav li {border-bottom: #ACC179 1px solid;
		padding: 2px 0;}
		
	#classList a {color: #006600;}
	
	#classList a:hover {color: #CC6600; font-weight:bold;}
	
	#sideNav #classList a {display: block; width: 155px;}
	
	#sideNav #classList ul a {width: 145px; padding: 0 5px;}
	
	#sideNav #classList li {position: relative; width:155px;}
	
	#sideNav #classList li ul {
		position : absolute;
		left: -999em;
		margin-left : 155px;
		margin-top : -21px;
		background: #EDDC7E;
		border: 1px solid #FFFFFF;}
		
	#sideNav #classList li:hover ul ul, 
	#sideNav #classList li:hover ul ul ul, 
	#sideNav #classList li.sfhover ul ul, 
	#sideNav #classList li.sfhover ul ul ul {
		left: -999em;
	}
	
	#sideNav #classList li:hover ul, 
	#sideNav #classList li li:hover ul, 
	#sideNav #classList li li li:hover ul, 
	#sideNav #classList li.sfhover ul, 
	#sideNav #classList li li.sfhover ul, 
	#sideNav #classList li li li.sfhover ul { /* lists nested under hovered list items */
		left: auto;
	}
		
	#sideNav ul li ul {margin: 0 5px;}
	
	.subNav {margin: 20px 0 0 0;}
	.subNav img {padding-bottom: 10px;}
	
	#sideNav .subNav a {color: #CC6600;}
	#sideNav .subNav a:hover {color: #006600; font-weight:bold;}
	
	#sideNav .subNav ul li {
		border-bottom: none;
		}
	.parent {background:url(accents/more.gif) no-repeat right center;}
	
#colTwo {padding: 0 3% 0 225px; margin:0;}
	#colTwo p,
	#colOne p {margin: 0 0 1.2em 0; padding: 0;}
	
.boxFancy {
	margin: 2em 4em 2em 1em;
	padding: 0 0 0 50px;
	background: url(template/halfsun.gif) top left no-repeat}
	
	.boxBorders {
		border-top: 1px solid #FEB400;
		border-bottom: 1px solid #FEB400;
		padding: 0.2em 0;}
	
	.boxFancy h3 { margin: 0 0 0.5em 0; color: #6DA06D; font-size: 160%;}
	
#photobox {overflow: hidden;}

#photo_thumbs {width: 520px;}
	
#photo_main {background: url(loading.gif) no-repeat center; }
	
#big_photo {background: #FFFFFF; padding: 10px; border: #CC6600 1px solid;}

#photo_thumbs a img {background: #FFFFFF; padding: 5px; border: #CC6600 solid 1px;}

#photo_thumbs a:hover img {background: #FFCC00;}

.hList {list-style: none; margin: 1em 0; padding: 0; _height: 99%;
overflow:auto;}

	.hList li {float: left; padding: 1%;}
	
	.fourths li {width: 23%;  padding: 1%; text-align: center;}
	
.growList {margin: 0; padding: 0; list-style: none;}

.growList li { line-height: 120%; padding: 1em; clear: both;}

.growList img {float: left; padding: 5px; background:#FFFFFF; border: 1px solid #FF9900; margin: 0 8px 8px 0;}
	
.larger {font-size: 1.2em;}

/* CATALOG */

.homeList {margin: 1em 1.5em; padding: 0; list-style: none; 
	 font-size: 140%;
	 height: 100%;
	 overflow: hidden; }

	.homeList li {float: left; width: 130px; padding: 5px 10px;}

.searchResults	{width: 95%;}
	.searchResults th {
		text-align:left;
		border-bottom: 1px solid #FEB400; padding: 2px 5px;}
	.searchResults td {padding: 2px 5px;}
		
	.searchResults .title {font-size: 120%; font-weight:bold;}
	
	.searchResults .thumb {padding: 10px; width: 150px;}
	
	.searchResults .desc {border-bottom: 1px solid #CC9900;}
	
	.searchResults img {padding: 3px; background: #FFFFFF; border: 1px solid #CC6600; }
	
.searchPage td {vertical-align:top;}

.tools {width: 150px; 
	float: right;
	margin: 10px 30px;
	font-size: 90%;}
	.tools ul {margin: 0; padding: 0; list-style:none; border:1px solid #FFFFFF;}
	
	.tools li {margin: 0; border-bottom: 1px solid #FFFFFF}
	
	.tools a {display: block; padding: 2px 8px; }
	
	.tools a:hover {background: #FFCC00;}
	
.photoBox {float: left; margin: 0 2em 2em 0;}
	
.photoBox img {background: #FFFFFF; padding: 5px; border:#CC6600 solid 1px;}

	.photoThumbs img {padding: 0; border:#FFFFFF 3px solid;}
	
	.photoThumbs table, .photoThumbs tbody {border: 0 none;}

.centerCon {min-width: 200px; }

.bottomLeft, .bottomRight, .bottom {font-size: 120%;}

.priceCol {width: 75px;}

.price {text-align: right;}
	
.colContainer {overflow: auto; _height: 100%;}

	.half div {float: left; width: 49%;}
	
	
.delFav {}	
	.delFav a { 
		display: block;
		width: 125px;
		padding: 1px 5px; 
		margin: 5px 0;
		font-size: 0.8em;
		border: 1px solid #CC6600
		}
		
	.delFav a:hover {background: #CC6600;
		color:#FFFFFF;
		font-weight: bold;}
	
.no_results { width: 150px; float: left; margin-right: 1em;}
	.saveSearch {color: #666666;}
	.saveSearch a { font-weight: bold; font-size: 1.1em; }
	.saveSearch a:hover {background:#336600; color: #FFFFFF;}