/* Remove padding and margin */


/*	* {margin:0; padding:0;}  */


/* Reset */

body, div, dl, dt, dd, ul,ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0; padding:0;}
	h1, h2, h3, h4, h5, h6 {font-size:100%;}
	ol, ul {list-style:none;}
	address, caption, cite, code, dfn, em, strong, th, var {font-style:normal; font-weight:normal;}
	table {border-collapse: collapse; border-spacing:0;}
	fieldset, img {border:0;}
	caption, th {text-align:left;}
	q:before, q:after {content:"";}



/* Layout */


body {
	 background: #58829A url(images/bg1.jpg);
	 text-align: center;
     font-size: 1em; 
     font-family:"Times New Roman", Georgia, Helvetica, sans-serif;
     color: #000000;   
	}

p {
	text-align:left; 
	letter-spacing:normal; 
	font-weight: 400;
	}

p+p { 
	margin-top: 0.5em; 
	}
	

img {
	border: 0
	}
	
img.left {
	float: left;
	width: 100px;
	padding: 2px;
	}

img.right {
	float: right;
	width: 100px;
	padding: 2px;
	}
	
strong {
	font-weight: bold;
	}

em {
	font-style: italic;
	}
	
blockquote {
	margin: 30px;
	}
	
	

.underline {
 	text-decoration: underline; 
	}  	
	

a:link {
	text-decoration: underline; 
	color:#003366; 	
	}
a:visited {
	text-decoration: underline; 
	color: #3A0075;
	}
a:hover {
	text-decoration: underline; 
	color: #000000;
	}
a:active {
	text-decoration: underline; 
	color: #000080;
	}

#wrapper {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	background-color:#fff;
	}

#branding h1 {
	background: #fff url(images/banner.gif) top left no-repeat;
	text-indent: -9999px;
	width: 780px;
	height: 169px;
	}
#branding h2 {
	visibility: hidden;
	}

#content {
	width: 780px;
	height: 750px;
	}
	
#navBar {
	position: relative;
	top: -20px;
	width: 780px;
	background-color: #b7b7b7;
	margin: 0;
	}

#navBar ul {
	margin: 0;
	padding: 0;
	list-style: none;
	}

#navBar ul li {
	display: inline;
	padding: 0;
	}
	
#navBar a {
	text-decoration: none;
	color: #003366;
	margin-left: 45px;
	margin-right: 35px
	}

#menu {
	position: relative;
	top: -20px;
	float: left;
	width: 150px;
	border-right: 1px solid #000;
	padding: 1em 0 1em 0;
	margin-bottom: 1em;
	background-color: #2175bc;
	color: #fff;
	text-transform: none;
	text-align: center;
	z-index: 20;
	}

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border: none;
	}
		
#menu li {
	border-bottom: 1px solid #90bade;
	margin: 0;
	}
	
#menu ul  li a {
	display: block;
	padding: 5px 5px 5px 0.5em;
	background-color: #2175bc;
	color: #fff;
	text-decoration: none;
	width: 136px;
	text-transform: none;
	}	

#menu li a:hover {
	border-left: 1px solid #1c64d1;
	border-right: 1px solid #5ba3e0;
	background-color: #2586d7;
	color: #fff;
	}
	
#menu .navigation {
	padding: 1px 0 9px 0;
	color: #000000;
	}	
	
#mainText {	
	position: relative;
	top:-20px;
	background-color: #ffffff;
	padding: 10px 0 0 160px;
	z-index: 10;
	}
	
img.walt {
	float: right;
	padding: 3px 8px 3px 10px;
	}
	
#mainText ul {
	padding-bottom: 30px;
	list-style-type: disc;
	}
	
#mainText ul li {
	margin: 0 0 0 30px;
	}
	
#mainText ol {
	padding-bottom: 30px;
	list-style-type: decimal;
	}	
	
#mainText ol li {
	margin: 0 0 0 30px;
	}


#mainText .thebooks {
	position: relative;
	left: 200px; 
	margin-top: 6em;
	}
	
img.janbook {
	margin: 10px;
	}

img.waltbook {
	margin: 10px;
	}	
	
	
#mainText .pageContent {
	height: 800px;
	margin: 0 20px 10px 20px;
	overflow: auto;
	padding: 5px 5px 5px 5px;
	}

	
.pageContent h2 {
	margin: .8em 0 .8em 0;
	text-decoration: underline;
	font-size: 1.2em;
	}

	
.pageContent p+h2 {
	margin: .8em 0 .8em 0;
	text-decoration: underline;
	font-size: 1.2em;
	}
	
.pageContent ol+p {
	margin-top: 1.8em;
	}
	
.pageContent ul+p {
	margin-top: 1.8em;
	}	
	

.pageContent p {
	margin-right: 20px;
	}	
	
.pageContent hr {
	margin-right: 20px;
	}	

.pageContent form {
	margin: .8em 0 .8em 0;
	}	
	
.pageContent h3 {
	color: #cc9900;
	font-size: 1.3em; 
	}

.recommend {
	color: #cc6600;
	font-size: 1.3em;
	}	
	
#listbook p {
	margin: 20px 10px 40px 0;
	font-size: .9em;
	}
	
#listbook ul {
	font-size: .9em;
	}	
	
	
#listbook ol {
	font-size: .9em;
	}		

#listbook p+ul {
	margin-top: -30px;
	}	
	
#listbook p+ol {
	margin-top: -30px;
	}	
	
#listbook ol+h3 {
	margin-top: 1.5em;
	}	
		
#listbook img {
	width: 79px;
	height: 120px;
	float: left;
	margin-right: 15px;
	margin-bottom: 10px;
	}	
	
#picLinks p {
	margin: 10px 10px 20px 15px;
	font-size: .9em;
	text-align: justify;
	}
	
#picLinks img {
	margin: 10px 10px 5px 15px;
	border: 1px solid black;
	}
	
#counterLinks {
	text-align: left;
	}
	
#counterLinks p {
	text-align: center;
	}

#counterLinks img {
	display: block;
    margin-left: auto;
    margin-right: auto;
	margin-bottom: 20px; 
	}	
	
		
#counterLinks .search {
	position: relative;
	top: -80px;
	left: 440px;
	width: 200px;
	text-align: center;
	background-color: silver;
	border: 1px black solid;
	}	

#counterLinks .mailingList {
	position: relative;
	top: 10px;
	left: 110px;
	width: 245px;
	border: 1px red solid;
	background-color: #ffffcc;
	text-align: center;
	padding: 1px;
	font-size: .9em;
	}
	
.glossary p{
	font-size: 0.8em;
	font-family: tahoma, arial, serif;
	}
	
.glossary h3{
	margin-top: 1.5em;
	font-size: 1.1em;
	font-weight: bold;
	color: green;
	font-family: tahoma, arial, serif;
	}
	
.glossary ul li{
	font-size: 13px;
	font-family: tahoma, arial, serif;
	}

.glossary li a{
	font-size: 13px;
	font-family: tahoma, arial, serif;
	}	
	
.glossary ol li{
	font-size: 13px;
	font-family: tahoma, arial, serif;
	}

.qrg {
	font-size: 19px;
	font-family: tahoma, arial, serif;
	}

.qrg a {
	margin-right: 30px;
	margin-bottom: 15px
	}

.glossary p {
	margin-bottom: 30px;
	}	
	
#footer {
	margin-top: 125px;
	border-top: 1px black solid;
	}
	
#footer p {
	text-align: center;
	padding: 10px 0 10px 0;
	font-size: 0.8em;
	}
	
#footer .disclaimer {
	font-size: 1em;
	text-decoration: underline;
	}