/*Global Elements ************************************************/
body {
	font-family:Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	background-color:#fff;	
	font-size: 62.5%;  /* 16px(default) × 62.5% = 10px */		
}	

#centercol{
	display:block;
	width:960px;
	margin:0 auto;
}

p{
	padding:0px;
	margin:0px;
	line-height:20px;	
	font-size: 1.2em;
}

a{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;		
	text-decoration:none;
	color:#202b65;	
/*	font-size: 1em*/
}

a:hover{
	text-decoration:underline;
}

/*never really want boarders on images*/
img{border:0px;}

h1{
	font-family:Garamond, Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	color:#202b65;
	padding:0px;
	margin:0px;
	font-size:3.4em;
}

h2{
	font-size:1.8em;
}

.clear{
	display:block;
	clear:both;
}

/* header ************************************************/

#header{
	display:block;
	width:960px;
	height:129px;
	margin:0px;
	padding:0px;
	background-color:#f6efe3;
	xbackground-image:url(../images/fullheader.jpg);	
}

#header img{
	display:block;
	float:left;
}

#headertitleblock{
	display:block;
	width:350px;
	height:129px;
	margin:0px;
	padding:0px;
	float:left;
}

#headertitleblock h1{
	display:block;
	width:300px;
	height:55px;
	margin:20px 0 0 35px;
	padding:0px;
}

#headertitleblock h2, h2, h3{
	display:block;
	padding:0 0 8px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;	
	color:#202b65;
}

#headertitleblock h2{
	width:300px; /*need 333*/
	height:30px; /*need 55*/
	margin:0 0 0 35px;
}
	
#header p{
	display:block;
	width:300px;
	height:109px; /*need 129-20=109*/
	margin:20px 0 0 30px;
	padding:0px;
	float:left;	
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:bold;
	color:#6d5039;
	line-height:22px;
	font-size: 1.1em;	
}

/* topnav ************************************************/

#topnav{
	display:block;
	width:948px; /*960-12=948*/
	height:31px;
	margin:0px;
	padding:0 0 0 12px;
	background-image:url(../images/topnavbg.jpg);
	xbackground-repeat:no-repeat;
	overflow:hidden; /*IE bug*/
	font-size: 1.2em;	
}

#topnav a{
	display:block;
	height:23px; /*need 31-8 = 23*/
	margin:8px 15px 0 15px;
	padding:0px;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;		
	text-align:center;
	text-decoration:none;
	color:#fff;
}

/* leftnav ************************************************/

#leftnav{
	display:block;
	width:242px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	background-image:url(../images/leftnav_bg.jpg);
	background-repeat:repeat-x;	
	font-size: 1.2em;	
}

#leftnav a{
	display:block;
	width:242px; /*need 242-6-6 = 230*/
	height:auto;
	margin:10px 0 0 0;
	padding:6px 0 6px 0;
	text-align:right;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;		
	text-decoration:none;
	color:#202b65;	
}

#leftnav a:hover{
	cursor:pointer;
}

#leftnav img{
	display:inline;
/*	width:auto;    don't set width and height to auto */
/*	height:auto;   otherwise img gets streched to parents height */
	margin:0px 15px 0px 15px;
	padding:0px;
}

.current{
	display:block;
	background-color:#715641;
	color:#FFFFFF;
	padding:0;
	margin:0;
}

/* content ************************************************/

#content{
	display:block;
	float:letf;
	width:718px;
	height:auto;
	margin:0px;
	padding:0px;
	float:left;
	background-image:url(../images/leftnav_bg.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;	
}

/* blankpage ************************************************/

#blankpage{
	display:block;
	float:left;
	width:638px;
	padding:15px 40px 10px 40px;
	margin:0px;
	background-image:url(../images/leftnav_bg.jpg);	
	background-repeat:repeat-x;	
	background-color:#F6EFE3;
/*small hack to get min height to work, sorry*/
	min-height:504px;
	height:auto !important;
	height:504px;
}

#blankpage h1, blankpage_padding h1{
	padding:0px 0px 20px 0px;
}

#blankpage h2 {
	padding:24px 0px 12px 0px;
	font-style: italic; 
	font-family:Arial, Helvetica, sans-serif; 
	font-family:'Times New Roman', Times, serif; 
	font-weight:bold; 
	color:#6D5039;
	font-size:2.8em;	
}

#blankpage h3 {
	padding:12px 0px 0px 0px;
}

#blankpage p, blankpage_padding p{
	padding:3px 0px 6px 0px;
}

#blankpage_padding{
	padding:30px 0px 0px 30px;
}


/* bookshelves ************************************************/

#bookshelves, #schaeffer{
	display:block;
	position:relative;
	float:left;		
	width:718px;
	height:504px;
	margin:0px;
	padding:0px;
	background-image:url(../images/full_midsection.jpg);
	background-repeat:no-repeat;
}

#schaeffer{
	background-image:url(../images/shaeffer_midsection_box2.jpg);
}

#schaeffer_box{
	display:block;
	position:absolute;
	width:320px;
	height:130px;
	margin:0px;
	padding:0px;
	top:65px;
	left:220px;
/*	background-color:#FFA;*/
}

#bookshelves ul{
	display:block;
	float:left;	
	width:200px;
	height:504px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url(../images/midsection_left_shaded.jpg);	
}

#bookshelves li{
	display:block;
	padding:0px;
	margin:0px;
	font-weight:bold;		
	text-decoration:none;
	line-height:12px;
	text-align:right;
	font-size:1.2em;	
}
#bookshelves li a{
	display:block;
	float:right;	
	width:170px;
	margin:0 12px 0 0;
	margin:0px;
	padding:10px 0px 10px 0px;
	color:#FFF;
	text-decoration:none;
}
#bookshelves li img{
	display:block;
	margin:0px;
	padding:10px 10px 10px 10px;
	height:13px;
	width:6px;
	float:right;
	clear:both;	
}
#bookshelves_buttons{
	display:block;
	position:absolute;
	width:183px;
	height:324px;
	margin:0px;
	padding:0px;
	top:37px;
	left:380px;
	font-size:1.2em;	
}
#bookshelves_buttons a.b1, #bookshelves_buttons a.b2, #bookshelves_buttons a.b3, #bookshelves_buttons a.b4, #bookshelves_buttons a.b5{
	display:block;
	width:173px;
	/* height defined per button*/
	margin:0 0 10px 0;
	padding:0 0 0 10px;
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;	
	font-weight:bold;			
}
#bookshelves_buttons a.b1{
	height:57px;
	background-image:url(../images/shelf1.jpg);
	line-height:57px;
}
#bookshelves_buttons a.b2{
	height:57px;
	background-image:url(../images/shelf2.jpg);
	line-height:57px;	
}
#bookshelves_buttons a.b3{
	height:49px;
	background-image:url(../images/shelf3.jpg);
	line-height:49px;
}
#bookshelves_buttons a.b4{
	height:53px; /*need 65*/
	background-image:url(../images/shelf4.jpg);
	padding-top:12px;	
	line-height:20px;	
}
#bookshelves_buttons a.b5{
	display:block;
	height:57px; 
	background-image:url(../images/shelf5.jpg);
	line-height:57px;	
}

#donation_box{
	display:block;
	position:absolute;
	width:300px;
	height:200px;
	margin:0px;
	padding:0px;
	top:72px;
	left:220px;
}

/* footer ************************************************/

#footer{
	display:block;
	/*need to float in order to keep in document flow*/
/*	float:left;*/
	width:960px;
	height:auto;
	margin:5px 0 0 0;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;		
	color:#795D38;
	line-height:20px;
}

#footer a{
	display:inline;
	margin:0 10px 0 10px;
	text-decoration:none;
	color:#896D48;
}

/* used to layout forms ************************************************/

form{
	font-size:1.2em;
}

.formlabel, .formfield, .fullblock{
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;		
	text-decoration:none;
	color:#222;
	line-height:20px;
}
.formlabel, .formfield{
	display:block;
	float:left;
	padding:10px;
	text-align:left;    
}
.formlabel{
	width:120px;
	text-align:right;
}
.formfield{
	width:420px;
}
.fullblock{
	display:block;
	float:left;
	width:580px;
	padding:0px;
	margin:0px;
	text-align:left;
}

/*style the auto compleat box*/
#suggestions{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;		
	color:#222;
	color:#333300;
	line-height:20px;		
}