@charset "utf-8";
/* CSS Document */

					/*Div styles*/
body	
{	
	background-color:#FFFFFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	line-height:1.8em;
	color:#000000;
	text-align:center;
	margin: 0px;
	padding: 0px;
}
		
#wrapper	
{
	background-image:url(images/bgwood.jpg);
	width:1000px;
	margin: 0 auto 0 auto;
	overflow:auto;
}		
			
#indexwrapper
{
	width:768px;
	height:561px;
	padding:0px;
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-384px;
	margin-top:-280px;
}

#nav
{
	width: 1000px;
	height: 96px;
	background-image:url(images/topstrip.gif);
	background-color:#FFFFFF;
	background-repeat:no-repeat;
	margin: 0px;
	position:relative;
	float:left;
}
					/*nav_links sits within the nav div*/

#nav_links	
{
	width:903px;
	height:54px;
	margin-left:85px;
	margin-top:50px;
	position:relative;
	float:left;
	background-color:#FFFFFF;
}		

#sidenav	
{
	background-image:url(images/side_nav.gif);
	background-repeat:no-repeat;
	width:84px;
	height:270px;
	float:left;
	margin-top:0px;		
	margin-left:1px;	
}

#content	
{
	width:863px;
	text-align:left;
	background-color:#FFFFFF;
	padding:20px;
	margin-top:5px;
	float:left;
	position:relative;
	min-height:250px;
}	

#footnote	
{
	background-image:url(images/bottom.gif);
	height:170px;
	width:1000px;
	text-align:right;
	position:relative;
	clear:both;
}			
			
#note
{
	background-image:url(images/adviceimg.jpg);
	background-repeat:no-repeat;
	width:600px;
	height:524px;
	background-position:center;
	position:relative;
	padding-left:200px;
}

			
					/*This ends the styles for each div*/

					/*The definition for standard things such as img, a, h1 etc */
img 	
{ 
	margin-left: auto; 
	margin-right: auto; 
	display:inline;
	border-bottom-color:#FFFFFF;
	border-bottom-style:solid;
	border-bottom-width:10px;
	border-left-color:#FFFFFF;
	border-left-style:solid;
	border-left-width:10px;
	border-top-color:#FFFFFF;
	border-top-style:solid;
	border-top-width:10px;
	border-right-color:#FFFFFF;
	border-right-style:solid;
	border-right-width:10px;
}			

						
ul	
{
	font-size:1em;
	color:#000000;
	list-style-type:disc;
}
			
ol
{
	font-size:1em;
	color:#000000;
	list-style-type:decimal;
}			
			
a	
{
	text-decoration:none;
	color:#000000;
	text-align:center;
}

a:hover	
{
	text-decoration:underline;
}		

h1	
{
	font-size:1.5em;
}
	
h2	
{
	font-size:1.2em;
}

					/*The end of the definition of standard thing such as img, a, h1 etc*/
					
					
					
					
					
					/*The CSS for the form */
#message
{
	float:left;
	width:500px;
	background-color:#FFFFFF;
	padding:0px 20px 20px 20px;
	margin-top:5px;
	min-height:250px;
}

					/*Right align the form label text next to the form fields */
label
{
	width:15em;
	float:left;
	text-align:right;
	margin-right:0.5em;
	display:block;
}
					/*This allows the word "message" to act differently to the other labels */
.message
{	
	margin-left:10px;
	text-align:left;
}

					/*This makes the image align properly with the top of the form */
.contactimg
{
	float:right;
	padding-top: 16px;
}

					/* Submit button to float right and add top margin */

#submit
{
	margin: 10px 10px 8px 10px;
	float:right;
	border-width: 1px;
	border-style:solid;
	border-color:#000066;
}

					/*This positions the box and gives it a boarder */

#message_box
{
	margin-top:5px;
	border-width: 1px;
	border-style: solid;
	border-color:#000066;
	margin-left:11px;
}

					/*Uniformly gives the boarder and width for each field */

#input
{
	border-width: 1px;
	border-style:solid;
	border-color:#000066;
	width:200px;
}

					/* A solid boarder and padding to the field set */

fieldset
{
	border-width: 1px;
	border-style:solid;
	border-color:#000066;
	padding: 5px;
}
					/*boarder, padding and color for the legend */

legend
{
	color:#FFFFFF;
	background-color:#000066;
	padding: 2px 6px;
}				
										
					/*The end of the form styling */
					
					
					
					
					
					
					/*Classes start here */

					/*This class will allow the index page to have a backgound image */

.bgwallpaper
{
background-image:url(images/bgpattern.jpg);
}


					/*This will give the index image a different border to all of the other images */

.indeximg
{
	border-bottom-color:#000033;
	border-bottom-style:solid;
	border-bottom-width:10px;
	border-left-color:#000033;
	border-left-style:solid;
	border-left-width:10px;
	border-top-color:#000033;
	border-top-style:solid;
	border-top-width:10px;
	border-right-color:#000033;
	border-right-style:solid;
	border-right-width:10px;
}

/*This class is on the text below the image on the biography page*/

p.textright			
{
	text-align:right;
	clear:both;
}
					/*This defines the text on the bottom of the 'book' on each page*/
					
p.footertext	
{
	font-size:0.6em;
	text-align:right;
	margin-right:30px;
	margin-top:70px;
}	
		
p.footertextindex	
{
	font-size:0.6em;
	text-align:center;
	margin: 0px;
	padding: 0px;
	color:#CCCCCC;
}			
		
					/*This makes the books sit on the right on each book page and is also used on the bio page*/
img.bookimage		
{
	float:right;
}

					/*This will allow the hit counter to not have a boarder */

img.hitcounter
{
	border:none;
}


					/*This allows the images that work as backgrounds and hover to function properly */
#nav a	
{
	text-decoration:none;
}
	
						/* Class which will allow the images to act as links because the words are hidden */
	
.alt
{
	display:none;
}
			
						/*Class is for the text at the top of the books page*/
.centre	
{
	text-align:center;
	text-transform:uppercase;
	font-size:0.9em;
	color:#666666;
}
					/*This class is used for the centred example of a haiku poem on the ideas page */
.centre2	
{
	font-size:1em;
	color:#666666;
	line-height:0.5em;
	text-align:center;
			}

			
					/*Class for the titles on "biography" page*/
p.booklist	
{
	color:#000000;
	font-size:0.9em;
	line-height:0.75em;
	font-weight:bold;
}

.sidenav_img	
{
	margin-left: auto; 
	margin-right: auto; 
	display:block;
	border-bottom-style:none;
	border-bottom-width:0px;
	border-left-style:none;
	border-left-width:0px;
	border-top-style:none;
	border-top-width:0px;
	border-right-style:none;
	border-right-width:0px;
}			

.buy
{
	margin-left: 20px; 
	margin-top:20px;
	border-bottom-style:none;
	border-bottom-width:0px;
	border-left-style:none;
	border-left-width:0px;
	border-top-style:none;
	border-top-width:0px;
	border-right-style:none;
	border-right-width:0px;
}			

					/*This class is for the background image that must show on the reviews page */
.reviews
{
	background-image:url(images/reviews_image.jpg);
	background-repeat:no-repeat;
}		
	
					/*This ends the classes */

	


					/*All of the links for the nav strip of each page with their hover states and an image as the background */

a#home	
{
	display:inline;
	background-image:url(images/links_home.jpg);
	width:89px;
	height:54px;
	float:left;
}

a#home:hover	
{
	background-image:url(images/hover_home.jpg);
}
			
a#books	
{
	display:inline;
	background-image:url(images/links_books.gif);
	width:81px;
	height:54px;
	float:left;
}
		
a#books:hover	
{
	background-image:url(images/hover_books.gif);
}

#banquo	
{
	display:inline;
	background-image:url(images/links_banquo.gif);
	width:182px;
	height:54px;
	float:left;
}
		
a#banquo:hover	
{
	background-image:  url(images/hover_banquo.gif);
}
			
a#biography	
{
	display:inline;
	background-image:url(images/links_bio.gif);
	width:105px;
	height:54px;
	float:left;
}
		
a#biography:hover	
{
	background-image:url(images/hover_bio.gif);
}

a#news	
{
	display:inline;
	background-image:url(images/links_news.gif);
	width:159px;
	height:54px;
	float:left;
}
		
a#news:hover	
{
	background-image:url(images/hover_news.gif);
}


a#faqs	
{
	display:inline;
	background-image:url(images/links_faqs.gif);
	width:97px;
	height:54px;
	float:left;
}
		
a#faqs:hover	
{
	background-image:url(images/hover_faqs.gif);
}
		
a#blog	
{
	display:inline;
	background-image:url(images/links_blog.gif);
	width: 69px;
	height: 54px;
	float:left;
}	

a#blog:hover 
{
	background-image:url(images/hover_blog.gif);
}
			
a#contact	
{
	display:inline;
	background-image:url(images/links_contact.gif);
	width:120px;
	height:54px;
	float:left;
}
		
a#contact:hover	
{
	background-image:url(images/hover_contact.gif);
}
/*End of the image links for the nav strip */