/* Style to move up the area below the top banner and search bar */
#maincontent { width: 800px;
	height: 1320px;
	color: black;
	background-color: white;
	position: relative;
	top: 0px; 
	margin-left: auto;
	margin-right: auto; }

#footer { width: 780px;
	height: 30px;
	background-color: rgb(185, 185, 185);
	margin-left: auto;
	margin-right: auto;
	color: white;
	position: absolute;
	top: 1320px;
	vertical-align: middle;
	text-align: left;
	padding-top: 8px;
	padding-left: 20px;
}

/* General Style for tables to close up gaps */
table {border-collapse: collapse }
td { margin: 0px; padding: 0px }

/* Style to position the content area. This is the area within the rounded rectangle */
table#leftcontent { position: relative;
	top: 2px;
	left: 0px;
	width: 574px; }

/* Style for the border around the content area */
#ctl { vertical-align: bottom; }
#ctl img { display: block; }
#ct { background-image: url(../images/content-t.jpg);
	background-position: bottom;
	background-repeat: repeat-x; }
#ctr { vertical-align: bottom; }
#ctr img { display: block; }
#cl { background-image: url(../images/content-l.jpg);
	background-position: left;
	background-repeat: repeat-y }
#cr { background-image: url(../images/content-r.jpg);
	background-position: right;
	background-repeat: repeat-y }
#cb { background-image: url(../images/content-b.jpg);
	background-position: top;
	background-repeat: repeat-x }
#cc { padding-left: 4px }

/* Style for the book image in the content area */
#bookimg { float: left;
	display: inline; }

/* Style for the Search Section */
#searchtitlesect { text-align: left;
	padding-left: 2px; }
#searchtitle{ color: rgb(255, 255, 255);
	position: relative;
	top: -27px;
	left: 10px;
	font-family: Arial;
	font-size: 11pt }

/* Style for the text in the content area both above and below the search box */
.toptext { text-align: left;
	padding-left: 180px;
	padding-top: 5px;
	padding-right: 10px;
	font-family: Times New Roman, Arial;
	font-size: 12pt }

/* Style for the search box in the content area */
#contentsearch { text-align: center;
	font-family: Times New Roman;
	font-size: 12pt;
	display: inline; }
#contentSearchFieldSet { width: 300px;
	display: inline;
	padding: 8px;
	margin-left: 13px;
	margin-top: 10px;
	margin-bottom: 10px;
	position: relative;
	top: -10px; }

/* Style for the featured books section in the content area */
#featuredtitlesect { text-align: left; 
	padding-left: 2px }
#featuredtitle { color: rgb(255, 255, 255);
	position: relative;
	top: -27px;
	left: 10px;
	font-family: Arial;
	font-size: 11pt }
#featuredcontentsect { text-align: center;
	padding-left: 2px }
#featuredbooktbl { width: 513px;
	position: relative;
	left: 0px }
#featuredbooktbl a { text-decoration: none;
	color: black }
#featuredbooktbl img {border: solid 1px rgb(220,220,220); }
#featuredbooktbl a:hover { color: orange }
#featuredbooktbl td { padding: 6px;
	font-family: Times New Roman;
	font-size: 12pt }

#book0title { border-left: 1px solid rgb(220,220,220);
	border-top: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px;
	vertical-align: top }
#book0pic { border-left: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }
#book0link { border-left: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }

#book1title { border-left: 1px solid rgb(220,220,220);
	border-top: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px;
	vertical-align: top }
#book1pic { border-left: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }
#book1link { border-left: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }

#book2title { border-left: 1px solid rgb(220,220,220);
	border-top: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px;
	vertical-align: top }
#book2pic { border-left: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }
#book2link  { border-left: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }

#book3title { border-left: 1px solid rgb(220,220,220);
	border-top: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px;
	vertical-align: top }
#book3pic { border-left: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }
#book3link { border-left: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }

#book4title { border-left: 1px solid rgb(220,220,220);
	border-top: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px;
	vertical-align: top }
#book4pic { border-left: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }
#book4link { border-left: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }

#book5title { border-left: 1px solid rgb(220,220,220);
	border-top: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px;
	vertical-align: top }
#book5pic { border-left: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }
#book5link  { border-left: 1px solid rgb(220,220,220);
	border-bottom: 1px solid rgb(220,220,220);
	border-right: 1px solid rgb(220,220,220);
	width: 171px }

/* Style for the news section in the content area */
#newsdiv { text-align: left;
	padding-left: 2px;
	font-family: Arial, Times New Roman;
	font-size: 12pt }
#newstitle { color: rgb(255, 255, 255);
	position: relative;
	top: -27px;
	left: 10px; 
	font-family: Arial;
	font-size: 11pt }
#newscontent { padding: 10px;
	position: relative;
	top: -10px;
	font-family: Times New Roman;
	font-size: 12pt }

/* Styles for the login box on the right */
#loginbox { position: absolute;
	top: 8px;
	left: 576px;
	z-index: 2;
	margin: 0px;
	padding: 0px; }
#loginbox td { padding: 0px;
	margin: 0px; }
#logintop { background-image: url(../images/sidebox-top.jpg);
	background-position: top;
	width: 215px;
	height: 33px;
	color: white;
	font-family: Arial;
	font-size: 11pt;
	text-align: center }
#loginleft { background-image: url(../images/sidebox-l.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 18px }
#loginright { background-image: url(../images/sidebox-r.jpg);
	background-repeat: repeat-y;
	background-position: right;
	width: 17px }
#loginbtmleft { text-align: left;
	width: 18px }
#loginbtmright { text-align: right;
	width: 17px }
#loginbottom { background-image: url(../images/sidebox-b.jpg);
	background-repeat: repeat-x;
	background-position: top }
#logincontent { height: 202px; }
#logincontent div { width: 160px;
	text-align: left;
	padding-left: 15px;
	padding-right: 5px;
	font-family: Times New Roman;
	font-size: 12pt }

/* Styles for the popular categories box on the right */
#categoryTable { position: absolute;
	top: 282px;
	left: 576px;
	margin: 0px;
	padding: 0px; }
#categoryTable td { padding: 0px;
	margin: 0px }
#categoryTopTD { background-image: url(../images/sidebox-top.jpg);
	width: 215px;
	height: 33px;
	color: white;
	font-family: Arial;
	font-size: 11pt;
	text-align: center }
#categoryleft { background-image: url(../images/sidebox-l.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 18px }
#categoryright { background-image: url(../images/sidebox-r.jpg);
	background-repeat: repeat-y;
	background-position: right;
	width: 17px }
#categorybtmleft { text-align: left;
	width: 18px }
#categorybtmright { text-align: right;
	width: 17px }
#categorybottom { background-image: url(../images/sidebox-b.jpg);
	background-repeat: repeat-x;
	background-position: top }
#categorycontent { width: 180px;
	font-family: Times New Roman;
	font-size: 12pt;
	height: 440px;
	padding-top: 4px; }
#categorycontent a {text-decoration: none;
	font-family: Times New Roman;
	font-size: 12pt;
	color: black }
#categorycontent a:hover { color: orange }
#categorycontent a {font-weight: normal; font-family: Times New Roman }
#categorycontent div {padding-bottom: 2px; 
	padding-left: 10px; 
	text-align: left;
	position: relative;
	top: 0px }

#sponsoredbox { position: absolute;
	top: 790px;
	left: 576px;
	margin: 0px;
	padding: 0px; }
#sponsoredtoptd {  background-image: url(../images/sidebox-top.jpg);
	width: 215px;
	height: 33px;
	color: white;
	font-family: Arial;
	font-size: 11pt;
	text-align: center }
#sponsoredleft{  background-image: url(../images/sidebox-l.jpg);
	background-repeat: repeat-y;
	background-position: left;
	width: 18px }
#sponsoredcontent { width: 180px;
	font-family: Times New Roman;
	font-size: 12pt;
	text-align: center; }
#sponsoredright { background-image: url(../images/sidebox-r.jpg);
	background-repeat: repeat-y;
	background-position: right;
	width: 17px }
#sponsoredbtmleft {text-align: left;
	width: 18px }
#sponsoredbottom { background-image: url(../images/sidebox-b.jpg);
	background-repeat: repeat-x;
	background-position: top }
#sponsoredbtmright { text-align: right;
	width: 17px }