*{padding: 0; margin: 0;}

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	background-color:#182801;
	cursor: default;
}

.bottom_ad {
	padding: 0px 0px 10px;
	margin:0px 20px 10px 40px;
	height:280px;
}

.middle_ad {
	padding-top:2em;
	padding-bottom:2em;
	height:250px;
	width:100%;
}


.banner_ad {
	text-align: center;
	margin:30px 30px 30px 30px;
	height:60px;
	width:100%;
}


.block_ad_left {
	float:left;
}

.block_ad_right {
	float:right;
}


.side_ad {
	float:right;
	padding: 5px 5px 5px 5px;
	margin: 10px 0px 10px 20px;
	width: 130px;
	text-align:center;
	border:1px solid #5F7245;
	}

.little_herb_ad {
	float:right;
	margin:0 0 0 10px;
	padding: 5px;
}

.little_link_ad {
	float:left;
	margin:0 10 0 0px;
	padding: 5px;
}

.upper_right_block_ad {
	float:right;
	padding: 5px;
	margin: 0 0 0 10px;
}



.content {
	margin-top: 10px;
	position: absolute;
	width: 740px;
	left: 50%;
	margin-left: -370px;
	border:0px solid #182801;
	color: #182801;
	background-color:#7A9431;
}

.spaced_list {
	margin-left:20px;
}

.spaced_list li {
	padding: 0.5em;
	text-align:justify;
}

.howto_list { height: 140px; width: 100%;}
.howto_list h2 {margin-top: 0px; padding-top:5px;}

.image_list {
	height: 200px;
	width: 100%;
}



.header {
	background-image: url("images/header.jpg");
	background-repeat: no-repeat;
	height:150px;
	padding-left:50px;
	padding-top:40px;
	max-width:490px;
	border-bottom:1px solid #182801;
	color: #F5F8EF;
}

.menu {
	float:right;
	margin: 0px;
	padding:0px;
	margin-left:0px;
	border-left:1px solid #182801;
}


* html .menu {
	margin-left: -3px;
}

.centre {
	padding:20px;
	padding-left:40px;
}

.footer {
	height: 25px;
	text-align:right;
	margin-left:40px;
	color:#182801;
}

.footer .corner{ float:right; }

.menu-list {
	list-style-type: none;
	margin:0px 0px 0px 0px;
	padding:0px;
}

* html .menu li{
	margin-bottom:-3px;
}

.menu li {
	border-bottom:1px solid #182801;
	color: #D9CEB8;
	font-size: 1.1em;
	text-decoration: none;
	background-color:#748F02;
	padding:0px;
	width:199px;
}

.menu li a {
	margin:0px;
	display: block;
	color: #F5F8EF;
	font-size: 1.1em;
	text-decoration: none;
	border-left:5px solid #F5F8EF;
	padding:5px;
}

.menu li a:hover {
	text-decoration: none;
	background-color:#90A000;
}


/******* to replace the list and create consistency between IE and FF **************/
.menu-item {
	border-bottom:1px solid #182801;
	color: #D9CEB8;
	font-size: 1.1em;
	text-decoration: none;
	background-color:#748F02;
	padding:0px;
	width:199px;
	margin-bottom:3px;
}

.menu-item a {
	margin:0px;
	display: block;
	color: #F5F8EF;
	font-size: 1.1em;
	text-decoration: none;
	border-left:5px solid #F5F8EF;
	padding:5px;
}

.menu-item a:hover {
	text-decoration: none;
	background-color:#90A000;
}
/***********************************/


p {	text-align:justify; padding-top:0.5em; }
ol { margin-left:30px; }
ol li { padding-top:1em; }

h3{
	margin-top:15px;
	font-size: 1.2em;
	color: #F5F8EF;
	font-weight:normal;
}


h2{
	margin-left:-20px;
	margin-top:15px;
	padding-left:5px;
	font-size: 1.3em;
	color: #F5F8EF;
	font-weight:normal;
}

h1{
	margin-left:-30px;
	margin-top:5px;
	padding-left:5px;
	font-size: 1.6em;
	color: #F5F8EF;
	font-weight:normal;
}

.header-title {
	font-size:2.3em;
}

.header-title-two {
	font-size:1.1em;
}

.image-left {
	float: left;
	padding:5px 20px 10px 0px;
	width:250px;
	border:0px solid #182801;
	font-size:11px;
	text-align:justify;
	font-style:italic;
}

.image-right {
	float: right;
	padding:5px 0px 10px 20px;
	width:250px;
	border:0px solid #182801;
	font-size:11px;
	text-align:justify;
	font-style:italic;}
}


.image-justify {
	width:700px;
	text-align:center;
}

.image-thumbnail-left {
	float: left;
	padding:5px 10px 5px 0px;
	width:150px;
	font-size:11px;
	text-align:justify;
	font-style:italic;
	border:0px;
}

.tnail {
	color: #182801;
}

.tnail img{
	border:0px solid #000000;
}

.tnail:hover {
	text-decoration: none;

}

.tnail span{
	position: relative;
	display:none;
	height:0px;
	width:0px;
	text-decoration: none;
	top:-60px;
	right:120px;
}

.tnail .left_portrait{
	right:0px;
	}

.tnail .right_portrait{
	right:125px;
	}

.tnail .left_landscape{
	right:0px;
	}

.tnail .right_landscape{
	right:250px;
	}


.tnail:hover span{
	display: block;
	position: relative;
}



.how_to_list{
	list-style-type: none;
	margin:0px;
}

.how_to_list li{
	height:175px;
}


.gallery{
	padding-top:30px;
	padding-bottom:30px;
	margin-top:1em;
	width:680px;
	text-align:center;
	border: 1px dotted #182801;
}

/* to get rid of the underline seen under the space between thumbnails
   when hovering over them in the gallery */
.gallery a:hover{
	text-decoration:none;
}

.gallery_hint{
	position:relative;
	top: 300px;
	left: 0px;
	text-align: center;
	width:500px;
}

.gallery img {
	width:75px;
	height:60px;
	opacity:0.6;
	filter:alpha(opacity=60);
	border:4px solid #7A9431
}

.gallery img:hover {
	width:75px;
	height:60px;
	opacity:1.0;
	filter:alpha(opacity=100);
	border:4px solid white;
}

/* This set is for landscape images */


.amazon_book{
	padding:5px 5px 5px 5px;
}


a{
	color:#F5F8EF;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
}

blockquote{
	background-color:rgb(142, 168, 69);
	padding : 3px;
	border-left:2px solid #F5F8EF;
}


/* These styles are for the images displayed on the herbs page */

.herb_gallery { position: relative; width: 100%px; text-align: left; margin: 40px 0px 40px; }
.herb_gallery a:hover{text-decoration:none; }
.herb_thumbnail_image {	position:relative;	width:50px;	border:0; bottom:-14px;}
.herb_image{ position: absolute; visibility: hidden; width:250px; border:0px;}
.herb_image_default{ position: absolute; visibility: visible; width:250px; border:0px; left:0px; top:0px;}
.herb_thumbnail_l:hover .herb_image{ visibility: visible; left: 0px; top: 0px; z-index: 50; }
.herb_list { margin:0px 0px 0px 0px; padding:0px 5px 5px; }
.herb_info { margin-left:290px; text-align:left; min-height:190px;}
.herb_info h2{ margin-left:-20px; margin-top:0px; padding-left:5px; font-size: 1.4em; color: #F5F8EF;}
.item .section_title{ margin-left:-20px; padding-left:5px; font-size: 1.4em; color: #F5F8EF;}
.item .section_subtitle{ margin-left:-20px; margin-bottom:10px; padding-left:5px; font-size: 1em; color: #F5F8EF;}

.herb_link { padding-top:1em; text-align:right }
.herb_link ul { list-style:none }

/* these should replace the herb gallery */

.item_gallery { position: relative; width: 100%px; text-align: left; margin: 40px 0px 40px; }
.item_gallery a:hover{text-decoration:none; }
.item_thumbnail_image {	position:relative;	width:50px;	border:0; bottom:-14px;}
.item_image{ position: absolute; visibility: hidden; width:250px; border:0px;}
.item_image_default{ position: absolute; visibility: visible; width:250px; border:0px; left:0px; top:0px;}
.item_thumbnail_l:hover .item_image{ visibility: visible; left: 0px; top: 0px; z-index: 50; }
.item_list { margin:0px 0px 0px 0px; padding:0px 5px 5px; }
.item_info { min-height:200px; margin-left:290px; padding-top:1em}


.title{ margin-left:-20px; padding-left:5px; font-size: 1.4em; color: #F5F8EF;}
.subtitle{ margin-left:-20px; margin-bottom:10px; padding-left:5px; font-size: 1em; color: #F5F8EF;}
.purchase{ padding-top:18px;}

.book_info {margin-left:-10px;min-height:160px}
.book_image {float:left; margin:0px 10px; height:160px;}
.book_recommendation { position: relative; width: 100%px; text-align: left; margin: 40px 0px 40px; }


hr {
	width:75%;
	color:#5F7245;
	height:1px;
	background-color:#5F7245;
	border:none;
}

.thickbox a {text-decoration:none;}
img {border:0px;}

#backgroundOverlay{
	display:none;
	position:fixed;
	_position:absolute; /* hack for internet explorer 6*/
	height:100%;
	width:100%;
	top:0;
	left:0;
	background:#000000;
	border:1px solid #cecece;
	z-index:1;
}

#infoOverlay{
	display:none;
	position:absolute;
	_position:absolute; /* hack for internet explorer 6*/
	width:600px;
	color: #182801;
	background-color:#7A9431;
	border:3px solid #182801;
	z-index:2;
	padding:1em;
	overflow:auto;
}


#infoOverlayClose{
	right:6px;
	top:6px;
	position:absolute;
	color: #F5F8EF;
	background-color:#748F02;
	display:block;
	text-decoration: none;
	border:1px solid #182801;
}

#infoOverlayClose:hover {
	text-decoration: none;
	background-color:#90A000;
}