html, body, ol, ul, li, dl, dt, dd, img, h1, h2, h3, h4, h5, h6, p, form {
	margin: 0; 
	padding: 0;
	border: 0;
}
ol, ul, dl, dd {
	position: relative;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-family: "Lucida Grande", Tahoma, Arial, sans-serif;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 100.01%;
	font-size: 12px;
	text-align: center;
	background: #919694;    /* grey */
	background: url(../images/bodyBG.jpg) 50% top #919694;    /* grey */
}


h1 {
	padding: 0 0 10px;
	font-size: 16px;
}
h2 {
	padding: 8px 0;
	font-size: 14px;
	color: #821842;    /* maroon */
	background: url(../images/h2swirl.gif) 30% top no-repeat;
}
h3 {
	font-size: 13px;
	color: #821842;    /* maroon */
}
h4 {
	padding: 8px 0 0;
	font-size: 12px;
}
h5 {
	padding: 6px 0 0;
}
h6 {
	padding: 4px 0 0;
}
p {
	padding: 0 0 10px;
}
li ul {
	margin: 0 0 0 8px;
}

dl {
	margin-bottom: 10px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 0 20px;
	padding: 0 0 10px;
}
blockquote {
	margin: 0 20px 0; 
}
form {
	display: inline;
}





a:link, 
a:visited {
	text-decoration: none;
	color: #008A84;    /*  teal blue  */
}
a:hover, 
a:active {
	color: #164173;  /* dark blue  */
}

/* ------- +++ ------- */


.closer {
	position: absolute;
	right: -1px;
	top: 1px;
}
	.closer a {
		position: relative;    /*  needed to have top/bottom borders show in IE  */
		padding: 1px 3px;
		border: 1px solid #888;    /* dark grey  */
	}
	.closer a:hover,
	.closer a:active {
		color: #821842;    /* maroon */
		background: #FDB812;    /* dark yellow  */
	}



/*  http://www.positioniseverything.net/easyclearing.html  */
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
.clearfix { display: inline-block; }    /* needed for IE mac; is overwirtten (again) in ieHacks.css  */



.colHalf {
	float: left;
	width: 47%;
	margin-right: 2%;
	border: 0px solid red;
}

ol.plain,
ul.plain {
	list-style: none;
}

.alignLeft {
	float: left;
}
img.alignLeft {
	float: left;
	padding: 0 8px 4px 0;
}
.alignRight {
	float: right;
}
img.alignRight {
	float: right;
	padding: 0 0 4px 8px;
}

.note {
	font-size: 11px;
	color: #666;
}
.fileDetails {
	font-size: 10px;
	color: #555;
}
.hidden {
	display: none;
}
.warning {
	color: #FF0000;
}

.ERROR {
	color: #FF00FF;
	background: #FFEEFF;
}


/* ------- +++ ------- */




#pgContents {
	position: relative;
	font-size: 12px;
	margin: 0px auto;
	text-align: left;
	width: 760px;
	background: url(../images/pgContentsBG.gif) left top #798234;  /* olive  */
	border: 1px solid black;
	border-width: 1px 3px 2px 1px;
}

#contentTop {
	z-index: 20;
	position: relative;
	margin-top: -50px;
	margin-left: 18px;
	padding: 35px 0px 0px 28px;
	height: 68px;
	background: url(../images/contentTopBG.gif) left top no-repeat;
	border: 0px dashed pink;
}

#nPrimary {
	z-index: 100;
	position: relative;
	height: 37px;
	width: 660px;
	font-weight: bold;
	color: #CCC;
	background: url(../images/navBG.jpg) 50% top repeat-y #7E1E3F;  /* marroon  */
	border-bottom: 10px solid #DDAC47;    /*  orange  */
}
	#nPrimary a:link,
	#nPrimary a:visited {
		color: #C7C890;  /* grey-green */
	}
	#nPrimary a:hover {
		color: white;
	}
#nPrimary img {
	border: 0px solid red;
}
#nPrimary li {
	position: relative;
	display: inline;
	padding: 0 2px 0 4px;
}

.homeTextRoll {
	display: none;
	position: absolute; 
	left: -80px;
	width: 40%;
	width: 200px;
	padding: 10px;
	color: #164173;  /* dark blue  */
	background: #E6BD7A;    /* light orange  */
	border:  2px solid #919567;    /* dark olive  */
}
.homeTextRoll img {
	float: left; 
	padding: 0 8px 2px 0;
}

#content {
	z-index: 10;
	position: relative;
	margin-top: -35px;
	margin-left: 18px;
	padding: 35px 28px 0px;
	background: url(../images/contentBG.gif) left top repeat-y;
	border: 0px dashed white;
}

#navSubCol {
	z-index: 10;
	position: relative;
	float: left;
	width: 150px;
	margin-right: 8px;
	padding-right: 4px; 
	border-right: 0px solid red;
}
.contentNavSubText {
	margin-left: 170px;
}

span.normal {
	font-weight: normal;
}

span.verse {
	color: #164173;    /* dark blue */
	font-size: 16px;
	font-weight: normal;
	padding-right: 20px;
}
span.verseText {
	font-weight: normal;
}
.verseNo {
	color: #777;
	font-size: 9px;
	font-weight: normal;
	padding: 0 2px;
	border: 1px solid #777;
}
/*
.zDown {
	z-index: 5;
	position: relative;
	border: 1px solid blue;
}
*/

.homeModule {
	z-index: 10;
	float: right;
	width: 194px;
	padding: 5px;
	border: 0px dashed black;
}
#home2 {
	width: 398px;
	height: 80px;
	overflow: auto;
}
#featuredBeast {
	width: 192px;
	height: 178px;
	overflow: hidden;
	text-align: center;
	background: url(../images/home/featured.gif) left top no-repeat;
}
#featuredBeast img {
	width: 120px;
	border: 1px solid black;
}

#contentBottom {
	position: relative;
	margin-left: 18px;
	height: 61px;
	background: url(../images/contentBottomBG.gif) left top no-repeat;
	border: 0px dashed yellow;
}


#featuredRecipe {
	border: 0px solid red;
}



.productHdr {
	clear: left;
	padding-top: 15px;
	padding-bottom: 4px;
	margin-bottom: 6px;
	border-bottom: 1px solid #821842;    /* maroon */
}
.product {
	float: left;
	width: 155px;
	margin-right: 12px;
}
.product img {
	height: 180px;    /* max width; keeps all book cvr imgs narrower than width of .product */
}
.productTitle {
	height: 30px;
	padding: 4px 0 6px;
	margin: 0px;
	border: 0px solid red;
}
.productDescript {
	display: none;
}



#content h1 {
	width: 200px;
	height: 76px;
	margin: -20px 0 -35px;
}
#content h1 span {
	display: none;
}

#smarter,
#stronger,
#deeper,
#cooler,
#canaan,
#beasts,
#gallery,
#books,
#about {
	width: 670px;
}
#content #smarter h1 { background: url(../images/title/smarter.gif) top left no-repeat; text-transform: capitalize; }
#content #stronger h1 { background: url(../images/title/stronger.gif) top left no-repeat; text-transform: capitalize; }
#content #deeper h1 { background: url(../images/title/deeper.gif) top left no-repeat; text-transform: capitalize; }
#content #cooler h1 { background: url(../images/title/cooler.gif) top left no-repeat; text-transform: capitalize; }
#content #canaan h1 { background: url(../images/title/canaan.gif) top left no-repeat; text-transform: capitalize; }
#content #beasts h1 { background: url(../images/title/beasts.gif) top left no-repeat; text-transform: capitalize; }
#content #gallery h1 { background: url(../images/title/gallery.gif) top left no-repeat; text-transform: capitalize; }
#content #books h1 { background: url(../images/title/books.gif) top left no-repeat; text-transform: capitalize; }
#content #about h1 { background: url(../images/title/about.gif) top left no-repeat; text-transform: capitalize; }




dl.useShowHide,
dl.useShowHideNormal {
	margin-top: -10px;
}
dl.useShowHide dt,
dl.useShowHideNormal dt {
	margin-top: 10px;
}
dl.useShowHideNormal dt {
	font-weight: normal;
}
.useShowHide dd,
.useShowHideNormal dd {
	display: none;
	padding-right: 20px;
}
.useShowHide dd img,
.useShowHideNormal dd img {
	float: right;
	width: 90px;
	padding: 0 0 4px 8px;
}




/*    recipe stuff  */
.calloutWrapper {
	float: right;
	border: 0px solid black;
}
.recipeSection {
/*	float: left;
	width: 75px;
*/	padding: 0;
	color: #821842;    /* maroon */
	font-weight: bold;
}
.sectionContents {
/*	margin-left: 85px;
*/
}
#recipes ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
#recipes li {
	list-style:none;
	margin: 0px 0px 5px 0px;
}
.printLink {
	float: right;
	clear: both;
}

/******* Gallery styles ****************/

#artistInformation {
	width: 300px;
	text-align:right;
	font-size: 11px;
	margin: 5px 0px 10px 0px;
}
#currentGalleryImage {
	position: relative;
	width:320px;
	width:310px;
	margin-right: 5px;
	border: 0px solid green;
}
#galleryMenu{
	position: absolute;
	float: left; 
	left: -10px; 
	left: -110px; 
	width: 100px;
	font-size: 11px;
	border: 0px solid blue;
}
#galleryMenu ul li{
	list-style: none;
	padding: 2px 0px 2px 0px;
}
#galleryMenu ul li.current{
	font-weight: bold;
}
#imgDetail {
	position: relative;
	width: 312px;
	width: 310px;
	float: left;
	border: 0px solid blue;
}
 ul#galleryImageList {
 	float: left;
	width: 153px;
}
#galleryImageList li {
	list-style: none;
	display: inline;
}

#imgDetails #nextPrevious ul{
	margin-top: 2px;
	margin-left: 2px;
	background: none;    /*  keeps odd white bg from appearing  - Firefox, ?  */
}
#nextPrevious {
	padding: 2px 0px 5px 0px;
}
#nextPrevious ul li,
#imgDetails #nextPrevious ul li{
	list-style: none;
	display: inline;
	margin-right: 15px;
}

#nextPrevious li a:link, 
#nextPrevious li a:visited {
/*	padding: 2px 4px; */
/*
	font-weight: bold;
*/	margin: 0px;
	color: black;
	padding: 0 4px 2px;
	background: #DDAC47;    /*  orange  */;
	background: #E6BD7A;    /* light orange  */
	border: 1px solid #7E1E3F;  /* marroon  */
	border: 1px solid #666;
}
#nextPrevious li a:hover{
	color: #FFFFFF;
	background: #CD9C20;
}

#nextPrevious li a.current{
	color: #fff;
	background: #CD9C20;
}


.box {
	position: relative;
	padding: 10px;
	background: #E6BD7A;    /* light orange  */
	background: #E1B45A;    /* med orange  */
/*	border:  2px solid #919567;    /* dark olive  */
}


#decoder {
	margin-top: -30px;    /* allows li to have top padding and still start normally */
	border: 0px solid red;
}
#decoder li {
	list-style: none;
	clear: left;
}
#decoder .deCode
{
	position: relative;
	float: left;
	width: 250px;
	margin-right: 15px;
	padding: 30px 0 5px;
	font-weight: bold;
	border: 0px solid yellow;
}
#decoder .decodeAnswer {
	position: relative;
	float: left;
	width: 230px;
	padding-top: 20px;
	font-style: italic;
	color: #788234;    /* green  */
	color: #164173;  /* dark blue  */
	border: 0px dashed red;
}








#trivia li,
#moreTrivia li {
	list-style: none;
	clear: left;
	border: 0px dashed red;
}
#moreTrivia li {
	padding-top: 10px;
}
#trivia .statement,
#moreTrivia .statement {
	position: relative;
	float: left;
	width: 250px;
	margin-right: 5px;
	font-weight: bold;
	border: 0px dashed red;
}
#trivia .button,
#moreTrivia .button {
	position: relative;
	float: left;
	width: 80px;
	margin: -10px 5px 0 0;
	border: 0px dashed red;
}
#trivia .answer,
#moreTrivia .answer {
	position: relative;
	float: left;
	width: 135px;
	border: 0px dashed red;
}




/*********** end gallery **************/

#footer {
	padding: 0 0 40px 40px;
}