body {
	margin:0; padding:0; border:0;
	font: 12px/18px verdana,arial,helvetica;
	background:#fff url(/_img/bg_body.jpg) repeat-x 0 100%;
	text-align:center;
	color:#555;
	}

	
p {
	margin-top:0; margin-bottom:1em;
	}

p, h1, h2, h3, td { text-align:left; }

img { border:0; }

.clear	{ font-size: 1px; line-height: 1px; height: 1px; clear:both; }

.bold { font-weight:bold; }

.italic { font-style:italic; }

.indent { margin-left:20px; }

.center { text-align:center; }

a  { text-decoration:none; color:#369;}
a:hover { color:#f60;}

ul {
	padding-left:15px; padding-right:50px;
	margin-left:15px;
	}
	
ul li {
	list-style-image:url(/_img/bullet.gif);
	list-style-type:circle;
	margin-top:0; margin-bottom:.6em;
	text-align:left;
	}

h1 {
	color:#cd5807;
	font-size:20px; line-height:25px; font-family:arial,helvetica,sans-serif;
	margin:0 0 .5em 0;
	}

h2 {
	color:#666;
	font-size:14px; line-height:19px;
	margin:0 0 .3em 0;
	}

h3 {
	font-size:12px; line-height:15px;
	margin:.5em 0 0 0;
	color:#666;
	}
	
.smalltext { font-size:10px; line-height:14px; }

.nobold { font-weight: normal; }

img#top { margin:3px auto 0 auto; }

img#bottom { margin:0 auto 3px auto; }

#container {
	width:760px;
	background:white;
	border:1px solid #000; border-width: 0 1px;
	margin:0 auto;
	}

#masthead {
	height: 80px;
	background:url(/_img/masthead.gif) no-repeat 15px 50%;
	text-align:left;
	margin:0;
	}

#masthead img {
	padding:5px 0 0 15px;
	}

#homelink { float:left; width:300px; height:90px; }

#buy {
	background:white url(/_img/button.gif) no-repeat;
	width: 99px;
	float:right; margin:25px 25px 0 0;
	font-size:10px;
	text-align:center;
	}

html>body #buy  {margin-right:50px;} 
/* what we really want - IE 4/5/6 can't see */

	#buy a { color:white; text-decoration:none; }
	#buy a:hover { color:#f90; }
	
#bookcallout {
	float: right;
	width:200px;
	font-size: 10px; line-height:12px;
	text-align:center;
	padding:8px 0 8px 8px;
	margin:0 0 5px 30px;
	}
	
	#bookcallout img {
		float:left; padding:1px; margin-right:15px;
		border:1px solid #000;
		}
		

#blogcallout {
	margin:2em auto 0 auto;
	padding:2px 15px;
	width:250px;
	height:15px;
	text-align:center;
	background:#cd5807;
	border:1px solid black;
	clear:left;
	}
	
	#blogcallout a { text-decoration:none; color:#fff; }
	#blogcallout a:hover { text-decoration:underline; }
	
	
#videocallout {
	padding:2px 5px;
	width:50px;
	height:15px;
	text-align:center;
	background:#cd5807;
	border:1px solid black;
	float:left;
	margin-bottom:15px;
	}
	
	#videocallout a { text-decoration:none; color:#fff; }
	#videocallout a:hover { text-decoration:underline; }	
	
	
#blurb {
	clear:both;
	border:5px solid #cad9be; border-width: 0 0 0 5px;
	padding:0 15px; margin:0 0 12px 38px;
	width: 80%;
	text-align:left;
	font-size:11px; line-height:17px;
	clear:both;
	color:#658f40;
	}

	p.attribution {
		text-align:right;
		}
		
#content {
	padding: 10px 85px;
	}

#authorpic { width:250px; border:1px solid black; padding:1px; float:right; margin:0 0 10px 20px; }

.separator { height:1px; margin:1em 0; border-bottom:1px dotted #ccc; }

#callout {
	float:right;
	border:1px solid black; padding: 0 5px; margin-bottom:0;
	text-align:center;
	background: #658f4e;
	clear:both;
	color:white;
	}
	
	#callout a { color: white; text-decoration:none; }
	#callout a:hover { text-decoration:underline; }
	
#footer {
	text-align:center;
	font-size:11px;
	color:#999;
	}

#hyperarts {
	font-size:10px;
	clear:both;
	margin:0 auto;
	text-align:center;
	}
	
	#hyperarts a { color:#999; text-decoration:none; }
	#hyperarts a:hover { text-decoration:underline; }

	
.toplink {
	text-align:right;
	font-size:10px;
	margin-top:.7em;
	}