/*=======================================================================*\

	Main structure

\*=======================================================================*/



body {

	background-color: #340E0E;

	background-position: top left;

	background-attachment: fixed;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;

	color: #ffffff;

	text-decoration: none;

}


a
{
color: 9E0001;
text-decoration: none;
}

a:hover
{
color: red;
text-decoration: none;
}

a:visited
{
color: #9E0001;
text-decoration: none;
}

img {

    border:0;

}





#mainframe {

	padding: 0px 0px 0px 0px;

	width:838px;

	position:absolute;

	left:50%;

	margin-top: 18px;

	margin-left: -419px;

	background-color: transparent;

}





.clear

{

clear: both;

position: relative;

}



.title {

	font: 14px Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #381B1B;

}





h3{

	font: 16px Times, serif;

	color: #340E0E;

	padding: 10px 0px 0px 0px;

	margin: 0px 0px 7px 0px;

	font-weight: BOLD;

}







a.footer:link {color: white; text-decoration: none; }

a.footer:visited {color: white; text-decoration: none; }

a.footer:hover {color: #999999; text-decoration: underline; }

a.footer:active {color: white; text-decoration: underline; }



a.red:link {color: #9E0001; text-decoration: none; font-weight: bold }

a.red:visited {color: #9E0001; text-decoration: none; font-weight: bold}

a.red:hover {color: red; text-decoration: underline; font-weight: bold}

a.red:active {color: #9E0001; text-decoration: underline; font-weight: bold}









/*=======================================================================*\

	top box

\*=======================================================================*/



div.top {		

	width: 839px;

	background-color: #340E0E;

	}

	

div.topboxleft {

	width: 502px;

	height: 94px;

	float: right;

	background: url(images/logo_graphic.jpg);

	

}



div.topboxleft .logo {

	margin-top: 15px;

	margin-left: 22px;

}



div.topboxright {

	margin: 0px 0px 0px 0px;

	padding: 20px 0px 0px 15px;

	width: 321px;

	height: 74px;

	float: right;

	background: url(images/sign_up.jpg);

	color: #000000;

}



.formfields

{

float: left;

width: 120px;

}



.buttonfield

{

margin-left: 130px;

}





.topboxright INPUT

{

font-size: 10px;

border: 1px solid #FFFFFF;

background-color:#660000;

padding: 2px;

color: #FFFFFF;

width: 110px;

}



.topboxright INPUT.signupimg

{

width: 187px;

border: 0px;

padding: 0px;

}





/*=======================================================================*\

	Nav strip

\*=======================================================================*/



div.nav {		

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 839px;

	background-color: #ffffff;

	position: relative;

	clear: both;

}



/*=======================================================================*\

	Main content window

\*=======================================================================*/



div.main {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 838px;

position: relative;

	background-color: #ffffff;

	color: #000000;

	clear: both;

	position: relative;

}



div.photograph {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 185px;

	

	color: #000000;

	float: left;

}



div.intro_title {

	margin: 0px 0px 10px 0px;

	padding: 14px 20px 0px 20px;

	width: 613px;

	font: 20px Times, serif;

	font-style: italic;

	color: #330C0B;

	float: left;

}



div.intro_text {

	margin: 0px 0px 0px 0px;

	padding: 0px 20px 20px 20px;

	width: 252px;

	color: #000000;

	float: left;

	font: 13px Tahoma, Verdana, Arial, Helvetica, sans-serif;

	line-height: 15px;

}



div.intro_title  h1 {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	color: #340E0E!important;

	font-size: 100%;

}



div.intro_image {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 361px;

	height: 228px;

	color: #000000;

	float: left;

}



/*=======================================================================*\

	Lower strip

\*=======================================================================*/





div.lower_strip {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 838px;

	height: 59px;

	background: url(images/lower_strip_bg.jpg);

	color: #000000;

}



div.lower_strip .latestbook{

	float: left;

	width: 400px;

	margin-left: 20px;

	margin-top: 25px;

}



div.lower_strip .inperson{

	

margin-top: 24px;

	float: left;

	margin-left: 10px;

}



/*=======================================================================*\

	Lower content

\*=======================================================================*/



div.lower_content {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 838px;

	background: url(images/lower_content_bg.jpg);

	color: #000000;

}



div.book_image {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 167px;

	background-color: transparent;

	color: #000000;

	float: left;

}



div.book_description {

	margin: 0px 0px 0px 0px;

	padding: 20px 10px 0px 10px;

	width: 215px;



	background-color: transparent;

	color: #000000;

	float: left;

}



div.divider {

	width: 20px;

	height: 520px;

	background-color: transparent;

	background: url(images/lower_divider.jpg);
	
	color: #000000;

	float: left;

}



div.blog {

	margin: 0px 0px 0px 0px;

	padding: 5px 20px 0px 20px;

	width: 360px;

	color: #000000;

	float: left;

}



/*=======================================================================*\

	Footer

\*=======================================================================*/



div.footer {

	padding: 6px 0px 0px 0px;

	width: 838px;

	height: 19px;

	background: url(images/footer_strip.jpg);

	color: #ffffff;

	text-align: center;

clear: both;

}



div.copyright {

	margin: 0px 0px 10px 0px;

	padding: 10px 0px 0px 0px;

	width: 838px;

	height: 25px;

	color: #999999;

	text-align: center;

	font: 10px Tahoma, Verdana, Arial, Helvetica, sans-serif;

}





/*=======================================================================*\

	History Books

\*=======================================================================*/





div.history_main {

	margin: 0px 0px 0px 0px;

	padding: 20px 0px 50px 35px;

	width: 803px;

	background: url(images/history_main_bg.jpg);

	font: 20px Times, serif;

	font-style: normal;

	color: #330C0B;

	font-weight: bold;

}



div.book_box {

	margin: 10px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 803px;

	height: 180px;

	color: #ffffff;

	text-align: center;

	



}



div.book_pic {

	padding: 0px 0px 0px 0px;

	margin: 0px 10px 0px 0px;

	width: 99px;

	height: 153px;

	float: left;



}



div.book_details {

	padding: 0px 10px 0px 3px;

	margin: 0px 20px 0px 0px;

	width: 637px;

	height: 153px;

	color: #000000;

	text-align: left;

	float: left;

	font: 12px Tahoma, Verdana, Arial, Helvetica, sans-serif;

	font-style: normal;

line-height: 1.5;

}



div.book_details img {margin: 0px 0px 10px 0px}







/*=======================================================================*\

	Individual book pages

\*=======================================================================*/



div.books {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

	width: 838px;

	background: url(images/history_main_bg.jpg);

	color: #000000;



}



div.books_pic {

	margin: 10px 0px 0px 1px;

	padding: 0px 0px 0px 0px;

	width: 216px;

	height: 267px;

	float: left;



}



div.books_pic_myg {

	margin: 10px 0px 0px 0px;

	padding: 30px 0px 0px 40px;

	width: 166px;

	height: 267px;

	float: left;



}



div.books_pic ul {

	

	margin-top: 60px;

}



div.books_pic li {

	list-style: none;

	border-bottom: 1px solid #999999;

	padding-bottom: 8px;

	margin-right: 20px;

}



div.books_pic li a{

	color: #340E0E;

}





div.books_text {

	margin: 10px 0px 0px 0px;

	padding: 0px 11px 10px 10px;

	width: 595px;

	float: left;

position: relative;

line-height: 1.5;

}



div.books_text h3 {

	padding-bottom: 0px;

	margin-bottom: 0px;

}





div.books_text li {

	list-style: none;

	background: url(images/red_strip.jpg) bottom no-repeat;

	padding-bottom: 8px;

}





div.books_text img {margin: 0px 0px 10px 0px}





div.critical {

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 20px 0px;

	color: #000000;



}

div.critical img {margin: 0px 0px 10px 0px}



.interviewbox

{

position:relative;

padding-bottom: 25px;

background-image: url(images/red_strip.jpg);

background-position:bottom;

background-repeat: no-repeat;}



.interviewbox h3

{

font-size: 115%;}



.interviewbox h3 a

{

color: #340E0E!important;}



.copyright a



{

color: #FFFFFF;

}

.newbook
{
margin-left: 7px;
}



