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

/*****************************************
Resets
******************************************/
html, body, form, fieldset { margin: 0; padding: 0; font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, sans-serif; color: #222020 }
html { font-size: 100%; }
body {
	text-align: center;
	font-size: 62.5%;
	line-height: 160%;
	background-color:#6696c9;
	}

/* Neutralize styling: 
   Elements with a vertical margin: */
h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	}

li, dd { margin-left: 1em; }

ul, li {font-weight: bold}



a:link {
	color: #30609c;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6696C9
}	

a:visited {
	color: #30609c;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #6696C9
	}	
	
a:hover {
	color: #003366;
	text-decoration: none; 
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #30609c; 
	}	



/*HEADS*/
h1{
	padding: 0;
	margin:0;
	overflow: hidden; 
	font-size: 2.5em;
	line-height: 110%;
	color: #fff;
	}
/*/ 
h1 { text-indent: -100em; } 
/* End IE5 Mac Hack */	
	
h2 {
	font-size: 2.2em;
	font-weight: normal;
	color: #000;
	}	

h3 {
	font-size: 1.4em;
	color: #C05555;
	font-weight: bold;
	margin: 0px 0 25px 0;
	text-transform: uppercase;
	}
	
h3.writing {margin: 0 0 10px 0;	}
	
h4	{
	font-size: 1.3em;
	color: #222020;
	font-weight: bold;
	}

/*CROSSHEADS*/
h5 {
	color:#C05555;
	font-size: 1.3em;
	font-style: normal;
	font-weight: bold;
	margin-bottom: 5px;
	}
img	{
	border: 0;
	margin: 0px;
	padding: 0px;
	}
p 	{
	font-size: 1.2em;
	color:#222020;
	}
	
blockquote {
	font-size: 1.4em;
	line-height: 140%;
	padding: 0px 40px 0 40px;
	margin: 0 0 1.4em 0;
	color: #c05555;
	font-weight: bold;
	background-image: url(../images/site/quotes.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}	
	
/* FLOAT CLASSES */	
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
	}
.floatrt{ /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 10px;
	}
.floatlf { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 10px;
	}
.clearleft {clear:left;}
.clearright {clear:right;}		
.centre {text-align: center;}	



/* CONTAINERS AND FAUX COL */
#container {
	width: 850px;
	text-align: left;
	background-color: #fff;
	margin-right: auto;
	margin-left: auto;
	-webkit-box-shadow : rgba(0,0,0,.5) 0 10px 30px;
	-moz-box-shadow : rgba(0,0,0,.5) 0 10px 30px;
	box-shadow : rgba(0,0,0,.5) 0 10px 30px;
	} 	
	
#faux-col {
	width: 100%;
	text-align: left;
	background-image: url(../images/site/faux.gif);
	background-repeat: repeat-y;
	} 		

#extra {
	height: 25px;
	padding-left:210px;
	background-color: #dbe3f0;}

/* HEADER */
#header {
    padding: 145px 0 0 0;
    overflow: hidden;
	background-color: #000;
  	background-image: url(../images/site/header.gif);
	background-repeat: no-repeat;
	height: 0px !important; /* for most browsers */
    height /**/:145px; /* for IE5.5's bad box model */;
	position: relative;
	}


/* NAVIGATION BLOCK*/	
ul#topnav  {list-style-type: none; height: 60px; background-color: none; margin-top: 10px}
ul#topnav   li {
	font-size: 1.2em;
	letter-spacing:0.1em;
	margin: 0px;
	color: #30609c;
	margin-right: 10px;
	display: inline;
	}
ul#topnav   li a {
	color: #222020;
	border-bottom-style: none;
	padding-bottom: 0px;
	}
ul#topnav li a:hover {color: #30609c;}
ul#topnav li #current {color: #30609c;}

/* ACCESSIBILITY CONTROL */
#access {
	float: left; 
	width:138px; 
	margin: 10px 72px 0 0; 
	}
#access p {	
	color: #fff;
	text-align: right; 
	padding-right: 20px;
	padding-left: 20px;
	margin-bottom: 0px;}	
#access a {font-weight: bold;
border-bottom-style: none}
#access a:link {color: #fff}
#access a:visited {color: #fff}
#access a:hover {color: #6696c9}
	
.contact-page #access p {	
	color: #222020}
.contact-page #access a:link {color: #222020}
.contact-page #access a:visited {color: #222020}
.contact-page #access a:hover {color: #6696c9}

/* SIDEBAR 1 */	
#sidebar1 {
	float: left; 
	width: 138px; 
	text-align: right;
	}
#sidebar1 p {
	text-align: left;
	padding-right: 20px;
	padding-left: 20px;
	}

#sidebar1 em img {
	margin-left: 20px;
	margin-bottom: 10px;
	}
#sidebar1 a {
border-bottom-style: none;
font-weight: bold
	}

#sidebar1 a:link {color: #30609c;}
#sidebar1 a:visited {color: #30609c;}
#sidebar1 a:hover {color: #003366;}
	
/* MAIN */	
#content-container {
	float: left;
	width: 558px;
	margin-left: 72px;
	margin-bottom: 20px;
	} 
	

/* FOOTER */		
#footer {
	margin-top: 20px;
	height: 40px;
	background-color: #dbe3f0;
	} 
	

/* FOOTER NAV*/		
#footer ul {
	list-style-type: none;
	padding-top: 10px;
	padding-left:210px;
	margin: 0px; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	}
#footer li {
	font-size: 1.2em;
	letter-spacing:0.1em;
	margin: 0px;
	padding-right: 10px;
	display: inline;
	}
#footer  li  a {
	border-bottom-style: none;
	padding-bottom: 0px;
	color: #666
	}
#footer li a:hover {color: #6696c9;	}

	
/* END */		
#end {
	padding: 5px 0 5px 0;
	color: #003366;
	text-align: center;
	background-color: #6696c9;
	}
#end  a {
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-size: 1.1em;
	color: #fff;
	border-bottom-style: none;
	font-weight: bold;
	}
#end a:hover {color: #222020;}	


/* PAGES */	

/* HOME PAGE */	
.home-page #container {
	background-image: url(../images/pages/homebg_new.jpg);
	background-repeat: no-repeat;
	background-position: right 80%;
	}
.home-page #content-container {	margin-bottom: 70px; } 


/* BOOKS PAGE */
#sidebar1 #nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
	}
#sidebar1 #nav li {
border-bottom: 1px solid #ccc;
margin: 0;
 }
#sidebar1 #nav a {
	display: block;
	padding: 5px 10px 5px 15px;
	background-color: #30609c;
	color: #ffffff;
	border-bottom-style: none;
	}
html>body #sidebar1 #nav li a { width: auto }
#sidebar1 #nav li a:visited {color: #fff }
#sidebar1 #nav li a:hover {
	color: #fff;
	background-color: #6696C9;
	}
#sidebar1 #nav #on a {
	color:#FFFFFF;
	background-color: #C05555
	} 
	
.library {
	float: left;
	width: 430px;
	margin-top: 10px;
	}
.books {
	width: 90px;
	height: 150px;
	float: left;
	font-size: 1.1em;
	margin-left: 15px;
	}
.books-page #content-container em img {
	margin-bottom: 5px;
	padding: 3px;
	background-color:#e9e9e9;
	}
	
.library  a  {
	border-bottom-style: none;
	padding-bottom: 0px;
	font-style: italic;
	}
.library  a:hover  {color: #C05555}	
.library a em img  {border: 1px solid #999}		
.library  a:hover em img {border: 1px solid #C05555}		

.bookinfo {
	border: 1px solid #999;
	background-color:#e9e9e9;
	margin-bottom: 5px;
	text-align: center;
	left: 50px;
	font-size: 1.1em;
	padding: 10px 10px 5px 10px;
	}
	
.bookinfo img {	border: 1px solid #999999; margin-bottom: 5px;}
.bookinfo a:link, .bookinfo a:visited, .bookinfo a:hover {
	border-bottom-style: none;
	padding-bottom: 0px;
	}	

	
.books-page #faux-col {background-image: url(../images/site/faux_blue.jpg);} 	

/* SCRAPBOOK PAGE */	
.scrapbook-page #sidebar1 a:link {color: #fff;}
.scrapbook-page #sidebar1 a:visited {color: #fff;}
.scrapbook-page #sidebar1 a:hover {color: #6696C9;}

/* BIOG PAGE, QANDA PAGE, SCRAPBOOK PAGE, NEWS PAGE  */	
.biog-page #content-container p, .qanda-page #content-container p, .scrapbook-page #content-container p, .news-page #content-container p 
{margin-bottom: 15px;}
.biog-page #sidebar1 p, .qanda-page #sidebar1 p, .scrapbook-page #sidebar1 p, .books-page #sidebar1 p, .news-page #sidebar1 p  {color: #fff}
.biog-page #faux-col, .qanda-page #faux-col, .scrapbook-page #faux-col, .news-page #faux-col {background-image: url(../images/site/faux_black.jpg);} 	


body.news-page #sidebar1 img {margin-bottom: 10px}

/* SKIPNAV */	

#skip a, #skip a:hover, #skip a:visited 
{ 
position:absolute; 
left:0px; 
top:-500px; 
width:1px; 
height:1px; 
overflow:hidden;
} 
 
#skip a:active 
{ 
position:static; 
width:auto; 
height:auto; 
} 

/* CLASSES */

/* indent and no margins */
.indent {
	text-indent: 1.2em;
	margin: 0px;
}

.first{
	margin: 0px;
}
.line {
	background: #fff url(../images/site/borderLine.gif) no-repeat center top;
	height: 1px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 8px;
	margin-left: auto;
	}

.grey {
	color:#666;
	font-size: 80%;
	font-style: italic;
	font-weight: normal;
	}
.writing 	{color:#003366;}
.quote {color:#C05555; font-style: italic;}

.extractleft{
	font-size: 1.6em;
	line-height: 130%;
	font-weight: bold;
	float: left;
	width: 10em;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding-right: 10px;
	text-align: right;
	border-right-width: 3px;
	border-right-style: solid;
	border-right-color: #6696c9;
	background-image: url(../images/site/extractquote.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.extractright{
	font-size: 1.6em;
	line-height: 130%;
	font-weight: bold;
	float: right;
	width: 10em;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
	padding-left: 10px;
	border-left-width: 3px;
	border-left-style: solid;
	border-left-color: #6696c9;
	background-image: url(../images/site/extractquoteopp.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}

.signature {float:right; margin-top: 10px; margin-right: 150px}