html {
	height: 100%;
}
body {
	margin: 0;
	padding: 0;
	min-width: 1024px;
	height: 100%;
}
img {
	border: none;
}
a:focus {
	outline:none;
}
form {
	margin: 0;
	padding: 0;
}



.page {
	min-height: 100%;
	float: left;
	background: url(../images/bg.jpg) no-repeat 50% 0;
	width: 100%;
	position: relative;
}
* html .page {
	height: 100%;
}


.buy {
  font-size: 36px;
  padding-top: -70px;
 
}

/* Chapters Section */


.chaptersX {
margin: 60px 0 0px 700px;

}
.chaptersX a {
font-size:22px;
color:#ffff00;
text-decoration:none;
}

.chaptersX a:hover {
font-size:22px;
color:#FFFFFF;
}

.chaptersX H3{
font-size:28px;
color:#FFFF00;
}


/* main container */
#main {
	width: 1024px;
	margin: 0 auto;
}
.container {
	float: left;
	width: 948px;
	padding: 0 0 0 77px;
}
/* content page */
.content {
	float: left;
	width: 525px;
	margin: 0px 0 0;
	padding: 0 0 20px;
	display: inline;
	text-align: left;
	position: relative;
	margin-top: 0px;
		
}


/* heading styles */
.content h1 {
	margin: 0;
	padding: 16px 0 21px;
	font: 72px/76px Arial, sans-serif;
	color: #fff;
}
.content h2 {
	margin: 0;
	padding: 0;
	color: #fff;
	font: 32px Arial, sans-serif;
}
.content h3 {
	margin: 0;
	padding: 0;
	color: #861f19;
	font: bold 20px/24px Arial, sans-serif;
}
.content h1 strong {
	color: #871f19;
	text-transform: uppercase;
}
/* content text styles */



.content p {
	margin: 0;
	padding: 0 0 25px 1px;
	color: #871f19;
	font: 20px/24px Arial, sans-serif;
}
.content p a {
	color: #0033ff;
	font-weight: bold;
	text-decoration: none;
	font-size: 19px;
}
.content p a:hover {
	
	color: #0033ff;
	text-decoration: underline;
}
.content p strong {
	color: #000066;
}
/* chapters list start */
.chapters {
	float: left;
	margin: 0;
	padding: 0;
}
.chapters li {
	float: left;
	
	color: #fff;
	font: bold 19px/24px Arial, sans-serif;
	padding: 0 39px 0 0;
}
.chapters li.last {
	padding-right: 0;
}
.chapters li a {
	color: #fff;
	text-decoration: none;
}
.chapters li a:hover {
	text-decoration: underline;
}
/* chapters list end */
/* available box */
.available {
	float: left;
	margin: -2px 0 0;
	padding: 0 0 22px;
	width: 100%;
}
.available strong {
	float: left;
	font: bold 22px/28px Arial, sans-serif;
	color: #000066;
}
.available a {
	float: left;
	color:#0033FF;
	text-decoration: none;
	font: bold 22px/28px Arial, sans-serif;
	text-transform: uppercase;
	margin: 0 0 0 50px;
	display: inline;
}
.available a:hover {
	text-decoration: underline;
	
}
/* book image */
.book-image {
	margin: 20px 0 0 -24px;
	float: left;
	display: inline;
	width: 445px;
	height: 633px;
	background: url(../images/book.png) no-repeat;
	text-indent: -9999px;
	position: relative;
}


.menu a {
   background: url("/images/button.gif")  no-repeat;
	padding: 0 40px 0 40px;
	width: 100%;
	
	color:#000000;
   ...
   }
.menu a:hover {
   background-position: -203px 0;
   padding: 0 40px 0 40px;
	
	color:#ffffff;
   ...
   }
.menu a:active {
   background-position: -400px 0;
   padding: 0 40px 0 40px;
	
	color:#ffffff;
   ...
   }