/* background */ 


body {
	background-image: url(images/background.jpg);
	background-position:top center; 
	background-repeat: no-repeat;
	width: 700px;
	height: 1100px;
	background-color: #f0e6b5;
	margin-right: auto;
	margin-left: auto; 
	font-family:Georgia, "Times New Roman", Times, serif;	}
	
body a:link {color: #330000;}

body a:visited {color: #660099;}

#sum_of_all_men {background-image: url(images/background_sum_of_all_men.jpg);
	background-position:top center; 
	background-repeat: no-repeat;
	width: 700px;
	height: 1100px;
	}
	
#brotherhood_of_the_wolf {
	background-image: url(images/background_brotherhood_of_the_wolf.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 700px;
	height: 1100px;
		} 
	
#wizardborn {
	background-image: url(images/background_wizardborn.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 700px;
	height: 1100px;
	} 
	
#lair_of_bones {
	background-image: url(images/background_lair_of_bones.jpg);
	background-repeat: no-repeat;
	background-position: top center;
	width: 700px;
	height: 1100px;	
	}

#extract {background-image: none;
	background-repeat: no-repeat;
	background-position: top center;
	width: 700px;
	height: 1100px;


		} 


/* end background */ 

/* general nav bar */ 



a img {border: none;
vertical-align:middle;	
	} 

div#navbar {
	width: 100%;
	text-align:center;
	margin-left: 10px
}

div#navbar ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
	width: 700px
	float: center; 
	color: none
}

div#navbar ul a {
		display:block;
		color: none;
		
float: left;
}

div#navbar li {
	float: left;
		
}


a#biog img {background: url(images/buttons/biography_button.gif) no-repeat;
	width: 95px;
	height: 65px;}	


a#sum img {background: url(images/buttons/sum_button.gif) no-repeat;
	width: 95px;
	height: 65px;}

a#brotherhood img {background: url(images/buttons/brotherhood_button.gif) no-repeat;
	width: 95px;
	height: 65px;}


a#wizard img {background: url(images/buttons/wizardborn_button.gif) no-repeat;
	width: 95px;
	height: 65px;}



a#lair img {background: url(images/buttons/lair_button.gif) no-repeat;
	width: 95px;
	height: 65px;}



a#reviews img {background: url(images/buttons/reviews_button.gif) no-repeat;
	width: 95px;
	height: 65px;}

a#orbit img {background: url(images/buttons/orbit_button.gif) no-repeat;
	width: 95px;
	height: 65px;}



div#navbar lia:link {
	
}

div#navbar lia:visited {


}

/* specific page highlighted on nav bar */ 


a#biog:hover img {background: url(images/buttons/biography_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}

a#sum:hover img {background: url(images/buttons/sum_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}


a#brotherhood:hover img {background: url(images/buttons/brotherhood_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}

a#wizard:hover img {background: url(images/buttons/wizardborn_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}


a#lair:hover img {background: url(images/buttons/lair_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}


a#reviews:hover img {background: url(images/buttons/reviews_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}


a#orbit:hover img {background: url(images/buttons/orbit_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}




 a#biog:active img {background: url(images/buttons/biography_button_pressed.gif) no-repeat;
	width: 95px;
	height: 65px;}




a#sum:active img {background: url(images/buttons/sum_button_pressed.gif) no-repeat;
	width: 95px;
	height: 65px;}

a#brotherhood:active img {background: url(images/buttons/brotherhood_button_pressed.gif) no-repeat;
	width: 95px;
	height: 65px;}


a#wizard:active img {background: url(images/buttons/wizardborn_button_pressed.gif) no-repeat;
	width: 95px;
	height: 65px;}



a#lair:active img {background: url(images/buttons/lair_button_pressed.gif) no-repeat;
	width: 95px;
	height: 65px;}


a#reviews:active img {background: url(images/buttons/reviews_button_pressed.gif) no-repeat;
	width: 95px;
	height: 65px;}

a#orbit:active img {background: url(images/buttons/orbit_button_pressed.gif) no-repeat;
	width: 95px;
	height: 65px;}





body#biography a#biog img {background: url(images/buttons/biography_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}

body#sum_of_all_men a#sum img {background: url(images/buttons/sum_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}


body#brotherhood_of_the_wolf a#brotherhood img {background: url(images/buttons/brotherhood_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}


body#wizardborn a#wizard img {background: url(images/buttons/wizardborn_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}



body#lair_of_bones a#lair img {background: url(images/buttons/lair_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}



body#reviews a#reviews img {background: url(images/buttons/reviews_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}

body#orbit a#orbit img {background: url(images/buttons/orbit_button_active.gif) no-repeat;
	width: 95px;
	height: 65px;}
	
	
/* end nav bar */ 


p { 	font-family: Georgia, Times New Roman, serif;
	font-size: 14px
	
	padding: 20px;
	margin: 15px}
	
#text {margin-left: 30px}


img {border: none;
vertical-align:middle;	
	} 


/* book pages only */ 



body #left {float:left;
	width: 213px;
	padding-top: 30px;
	padding-left: 20px;
	margin: 0 0 10px 10px;
	text-align:center;
	
}
		
#middle {float: left;
	width: 213px;
	padding-top: 20px;
	margin 0 0 10px 10px;
text-align:center;
	}

#middle ul {list-style: none; 

	
}

#right {float:left;
	width: 213px;
	padding-top: 20px;
	margin: 0 0 10px 10px;
	text-align:center;
}

#quote {font-style:italic;
	text-align:center;}

.authoralign {text-align:right;}

.bold {font-weight:bold}
.italics {font-style:italic}

.enlarge {font-size:small;
	text-align:center;}
	
	
/* author biog page only */ 


div#author { float:right;
	padding-top: 10px;
	padding-left:10px;
	padding-right:40px;
	padding-bottom:10px}
	


	

/* footer */ 

div#top {font-size:small;
	text-align:right;
	padding-right:30px;}
	
	
div#footer {
	margin-top: 50px;
	font-size: x-small;
	text-align: center;
	}