.amazonlink{}
.backtotop{margin:0; padding:0; text-align:right}
#banner /* All the way across the top*/
		{	background-color: #fff;
				 /* overwrites general background image*/
		}
#banner{position:relative; left:0; top:0}
#banner img{display:block}
body{	margin: 0; padding: 0;font-family: Verdana, Arial, Helvetica, sans-serif;	color: #000;background-color: #fff;	
			text-align:center;} /* to humour IE, retracted later*/
.bookdetails{}
.booksection {clear:both; padding-top:15px}

.bottomlinks{text-align:center}		
.clear{width:100%; clear:both} /* nasty hack to force next divs to behave*/
#container{	width:700px;	background-color: #fff; background-image: url(i/bg000000.gif);background-repeat:repeat-y;
			margin:5px auto; /* "auto" is proper centralisation */
			text-align:left; /*reverse IE hack*/
			/*background-image: url(bg000099.gif);background-repeat:repeat-y;*/
		}

#content{ padding-top: 0px;	margin: 0 0 0 200px;	font-size:.86em; z-index:10; text-align:justify}
		#content h2 {margin-top: 0; color: #c00; }
			
		#content a{color:#c00}
		#content a:hover{color:#000}
		
		#content a.extlink:link, #footer a.extlink:link {color:#c00}
		#content a.extlink:visited, #footer a.extlink:visited{color:#f0f}
		#content a.extlink:hover, #footer a.extlink:hover {color:#000}		

.firstpara{margin-top:0}
#footer		{
			clear: both;
			background-color: #fff;
			padding: 1em;
			font-size:0.6em;
			text-align: center;
			border-top:1px solid #c00;
			margin-top:8px;
			z-index:10;
		}
h1{color:#c00; font-size:56px; white-space:nowrap; margin:0; padding:0; text-align:right}/*Page Title*/
h2{color:#c00; white-space:nowrap; margin:0; padding:0; text-align:right}
#content h2{text-align:left}
h3{color:#c00; margin-bottom:0}
h4{margin-bottom:0}
html>body #navbuttons li a {	width: auto;} /* sorts out a "100%" problem in some browsers*/
#logo{width:180px; height:132px}
#navarea
		{	float: left; width: 160px;margin-left: 8px;padding-top: 0px;	color:#fff;}
#navarea p { margin-top: 0; font-size:0.7em}
#navbuttons	{	width: 140px;padding-top: 0px;	color:#fff;}
#navbuttons ul {	list-style: none;	margin: 0;	padding: 0;		border: none;	}
		#navbuttons li {
		display: block;
		padding: 5px 5px 5px 5px;
		border-left: 1px solid #000000;
		border-right: 1px solid #000000;
		border-bottom: 1px solid #000000;
		background-color: #c00;
		color:#fff;
		width: 100%;
		}


#navbuttons li a {	color: #fff; text-decoration:none; display:block; width:100%} /*"100%" essential for Windows*/
#navbuttons li a:hover {		background-color: #fff;		color: #f00;}
.picleft{float:left; margin:0 15px 10px 0}
.picright{float:right; margin:0 0px 10px 15px}
.reviewbox{border:1px solid black;margin:30px; padding:0}
.review{font-style:italic; margin:5px 25px 5px 25px; padding:0}

.reviewer{font-weight:bold; text-align:right; margin:5px 25px 5px 25px; padding:0}

#siteName{position:absolute; left:180px; top:40px; width:520px}
/*-NAVIGATION------------------------------------------------------*/
body#home #navbuttons li.lhome,
body#book #navbuttons li.lbook,
body#scho #navbuttons li.lscho
{background-image: url("i/warrows.gif"); background-repeat: no-repeat; background-position:right}

body#home #navbuttons li.lhome a,
body#book #navbuttons li.lbook a,
body#scho #navbuttons li.lscho a
{cursor:default; background-color: #c00;		color: #fff;}

body#home .bottomlinks a.lhome,
body#book .bottomlinks a.lbook,
body#scho .bottomlinks a.lscho
{color:#000; text-decoration:none}