/* CSS layout */



a {

	color: #663300;

	text-decoration: none;

}



a:hover {

	text-decoration: underline;

}

body {

	background: #c96 url('images/gradient_tan.jpg') repeat-x 0% 0%;

	color: #c96;

}



#container {

	position: relative;

	padding: 2px;

	margin-left: auto;

	margin-right: auto;	

	width: 782px;

	border-width: 2px;

	border: thick #6699FF double;

	background-color: #FFF;

}



#title {

	position: relative;

	border: medium #996600 groove;

	height: 86px;

	background: #FFF url('images/titleweb1.jpg') no-repeat center;

}



#subtitle {

	position: relative;

	top: 0px;

	left: 0px;

	height: 28px;

	padding: 0px;

	font-family: "Book Antiqua", "Times New Roman", serif;

	font-size: 18px;

	font-weight: bold;

	font-style: italic;

	color: #000;

	text-align: center;

 	margin-top: 2px;

	margin-bottom: 1px;

	background: #FFF url('images/gradient_blue_subtitle.jpg') 0% 0% no-repeat;

	border-top: thin #C96 solid;

	clear: left;

}



#left_col {

	font-family: "Book Antiqua", "Times New Roman", serif;

	text-align: left;

	width: 22%;

	position: relative;

	float: left;

	left: 0px;

	top: 0px;

	clear: left;

}



.page_content {

	position: relative;

	float: right;

	width: 77%;

	padding: 0px 2px;

	min-height: 200px;

	color: #000;

	font-family: "Book Antiqua", "Times New Roman", serif;

	font-size: 14px;

	text-align: left;

	clear: right;

}



.page_content h3 {

	color: maroon;

	margin-top: 0px;

	margin-bottom: 1px;

	border-bottom: thin #C96 solid;

}



.page_content h4 {

	color: #000;

	margin-top: 0px;

	margin-bottom: 1px;

}



.page_content li {

	list-style: square;

}



.about {

	position: relative;

	float: right;

	width: 77%;

	padding: 0px 2px;

	min-height: 200px;

	color: #000;

	font-family: Verdana, Arial, serif;

	font-size: 14px;

	text-align: left;

	clear: right;

}



.about h3 {

	color: maroon;

	margin-top: 0px;

	margin-bottom: 1px;

	border-bottom: thin #C96 solid;

}



.page_full {

	position: relative;

	float: none;

	width: 100%;

	padding: 0px 2px;

	min-height: 200px;

	color: #000;

	font-family: "Book Antiqua", "Times New Roman", serif;

	font-size: 14px;

	text-align: center;

	clear: right;

}



#bookcover {

	position: relative;

	margin: 2px;

	float: left;

	border: 1px #C96 solid;

}



.book {

	position: relative;

	float: right;

	width: 85%;

	padding: 0px 2px;

	color: #000;

	font-family: "Book Antiqua", "Times New Roman", serif;

	font-size: 14px;

	text-align: left;

	border-bottom: thin #C96 solid;

	clear: right;

}



.book h5 {

	color: #69F;

	margin-top: 0px;

	margin-bottom: 1px;

}



.book h4 {

	color: maroon;

	text-decoration: underline;

	margin-top: 0px;

	margin-bottom: 1px;

}



.book h3 {

	color: maroon;

	margin-top: 0px;

	margin-bottom: 1px;

}



#cartbuttons {

	position: relative;

	margin: 1px;

	float: right;

}



.category {

	position: relative;

	float: right;

	width: 85%;

	height: 24px;

	padding: 0px 2px;

	color: #000;

	font-family: "Book Antiqua", "Times New Roman", serif;

	font-size: 14px;

	text-align: left;

	background: #FFF url('images/gradient_blue_subtitle.jpg') 0% 0% no-repeat;

	overflow: hidden;

	clear: right;

}



.category h3{

	color: #630;

	font-style: italic;

	font-weight: bold;

	margin-top: 0px;

	margin-bottom: 1px;

}



/*Credits: Dynamic Drive CSS Library */

/*URL: http://www.dynamicdrive.com/style/ */



.buttonmenu{

	list-style-type: none;

	margin: 0;

	padding: 0;

	width: 157px;

}



.buttonmenu li a{

	color: #663300;

	display: block;

	width: 100%;

	padding: 2px 4px;

	text-decoration: none;

	font-size: 14px;

	font-style: italic;

	font-weight: bolder;

	border: 1px solid;

	border-color: #c96 #630 #630 #c96;/*light dark dark light*/	

	background: #FFF url('images/gradient_blue.jpg') no-repeat 0% 0%;

}



.buttonmenu li a:visited{

	color: #663300;

}



.buttonmenu li a:hover, .buttonmenu li a:active, .buttonmenu li .current{

	color: #663300;

	background: #6699ff url('images/gradient_blue_select.jpg') no-repeat 0% 0%;

}



.buttonmenu_gold {

	list-style-type: none;

	margin: 0;

	padding: 0;

	width: 157px; 

}



.buttonmenu_gold li a{

	color: #630;

	display: block;

	width: 100%;

	padding: 2px 4px;

	text-decoration: none;

	font-size: 14px;

	font-style: italic;

	font-weight: bolder;

	border: 1px solid;

	border-color: #c96 #630 #630 #c96;/*light dark dark light*/

	background: #FFF url('images/gradient_gold.jpg') 0% 0% no-repeat;

}



.buttonmenu_gold a:visited{

	color: #630;

}



.buttonmenu_gold li a:hover, .buttonmenu_gold li a:active, .buttonmenu_gold li .current{

	color: #630;

	background: #FEB301 url('images/gradient_gold_select.jpg') no-repeat 0% 0%;

}



#privacy {

	float: right; 

	text-align: center; 

	padding-bottom: 15px; 

	padding-left: 15px; 

	padding-right: 13px;

	text-align: center; 

	color: #333333; 

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	font-style: italic; 

	font-size: 10px;

}



#footer {

	position: relative;

	padding: 5px;

	font-family: "Times New Roman", serif;

	font-size: small;

	text-align: center;

	font-weight: normal;

	color: #630;

	clear: both;

}