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

.bottom_ad {
	text-align: center;
	padding: 0px 0px 10px;
	margin:0px 20px 10px 40px;
	height:280px;
}

.middle_ad {
	text-align: center;
	margin:0px 0px 30px 0px;
	height:250px;
	width:100%;
	clear:right;
}


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


.block_ad_left {
	float:left;
	padding: 10px 10px 10px 0px;
}

.block_ad_right {
	float:right;
	padding: 10px 0px 10px 10px;
}


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


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



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


.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:100%px;  /* was 490px */
	border-bottom:1px solid #FFCC33;
	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;
	margin-right:20px;
	color:#0;
}

.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:#FFCC33;
	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 #996633;
	color: #D9CEB8;
	font-size: 1.1em;
	text-decoration: none;
	background-color:#CC9933;
	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 #996633;
	padding:5px;
}

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


p {
	text-align:justify;
}

a{
	color:#0000FF;
	text-decoration:none;
}

ol li {
	padding-top:1em;
}

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


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

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

.header-title {
	font-size:3em;
	font-weight:bold;
}

.header-title-two {
	font-size:1.5em;
	font-weight:bold;
}

.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 a{
	text-decoration: none;
}

.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{
	position: relative;
	height:565px;
	left:-10px;
	top:-20px;  /* just looks better here */
	width:680px;
	text-align:right;
	border: 1px dotted #182801;;
	padding: 5px;
}

/* 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;
}

.thumbnail_image {
	width:75px;
	height:60px;
	border:0;
}

.thumbnail_image:hover {
	width:73px;
	height:58px;
	border: 1px dotted white;
}

/* This set is for landscape images */


.thumbnail_l span{
	position: absolute;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
	text-align:justify;
	font-style:italic;
	color: #182801;
}

.thumbnail_l span img{
	border-width: 0;
	padding: 2px;
}

.thumbnail_l:hover span{
	visibility: visible;
	top:75px;
	left: 12px;
	z-index: 50;
}

/* and this set is for portrait images */

.thumbnail_p span{
	position: absolute;
	left: -1000px;
	visibility: hidden;
	text-decoration: none;
	text-align:justify;
	font-style:italic;
	color: #182801;
}

.thumbnail_p span img{
	border-width: 0;
	padding: 2px;
}

.thumbnail_p:hover span{
	visibility: visible;
	top: 15px;
	left: 70px;
	z-index: 50;
}


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





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


.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; }

.home_link{ width:100%; text-align:center; font-size: 1.5em; margin-top:1.5em; margin-bottom:1.5em;}


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

#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: black;
	background-color:white;
	border:3px solid black;
	z-index:2;
	padding:1em;
	overflow:auto;
}


#infoOverlayClose{
	right:6px;
	top:6px;
	position:absolute;
	color: black;
	background-color:yellow;
	display:block;
	text-decoration: none;
	border:1px solid black;
}

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