@charset "UTF-8";  

/* ---------- Global styles --------- */

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

html {
	height:100%;
	}

body { 
	background-image:url('Images/maroon.jpg');
	color:#000; /* black */
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	text-align:center;
	height:100%;
	}
	
p {
	padding:10px;
	}
	
h3 {
	text-align:center;
	padding:5px;
	}

a {
	font-weight:bold;
	}
	
a:link, a:visited {
	color:#000; 
	text-decoration:none;
	}
	
a:hover, a:focus, a:active {
	text-decoration:underline;
	}	

table { 
	border-collapse:collapse;
	background-color:#fff;
	text-align:center;
	font-size:75%;
	}

td {
	padding:3px;
	border:1px solid #000;
	}
	
input {
	border: 1px #666699;
	border-style: inset;
	padding: 5px;
}

textarea {
	border: 1px #000;
	border-style: inset;
	padding: 5px;
}

form  {
	margin-left: 80px;
}

.button {
	border: 2px;
	border-style: outset;
}

.button:hover, .button:focus {
	background-color:#CCDD99;
	}	


/* ---------- Structural styles ----------- */

#pagewrap { 
	text-align:left;
	width:1123px;
	margin-left:auto;
	margin-right:auto;
	height:100%;
	}
	
#banner {
	font-weight:bold;
	height:195px;
	background:#FFF;
	background-image:url('Images/banner.png');
	border:1px solid #000;
	border-bottom:none;
	}
	
#leftbanner {
	float:left;
	padding:0px 8px 40px 0px;
	}
	
#leftbanner a:hover, #leftbanner a:focus {
	text-decoration:none;
	border:none;
	background-color:transparent;
	padding:0;
	}	
	
#centerbanner {
	padding:10px 20px;
	}
	
#libpic {
	position:absolute;
	top:5px;
	border:3px solid #660000;
	}
	
#rightbanner {
	float:right;
	text-align:center;
	margin-top:10px;
	margin-right:45px;
	}
	
#rightbanner ul {
	padding:5px 5px;
	border:3px double #000;
	margin-right:30px;
	background:#EEFFBB;
	margin-top:10px;
	}
	
#rightbanner li {
	font-size:75%;
	padding:0px 0px 5px 0px;
	}
	
#cataloglink {
	margin-left:10px;
	}

#cataloglink a {
	padding:5px;
	color:#000;
	background-color:#FFEE55;
	border:solid 1px #000;
	}
	
#cataloglink a:hover, #cataloglink a:focus {
	padding:5px;
	background-color:#FFBB11;
	border:solid 1px #000;
	}	
	
#mainnavwrap {
	background:#AABB77;
	background-image:url('Images/mainnav.png');
	border:1px solid #000;
	height:40px;
	}
	
#mainnav {
	float:left;
	list-style: none;
	margin-top:15px;
	position:relative;
	left:-108px;
	font-size:95%;
	}

#mainnav li {
	display:inline;
	}
	
#mainnav a {
	padding:7px;
	background:#CCDD99;
	color:#000;
	border:solid 1px #000;
	border-bottom:none;
	text-decoration:none;
	}

#mainnav a:hover, #mainnav a:focus {
	color:#000;
	background-color:#EEFFBB;
	text-decoration:none;
	border:solid 1px #000;
	}
	
#mainnav a.activetab {
	background-color:#fff;
	color:#000;
	}
	
#content {
	background-color:#FFF;
	color:#000;
	border:1px solid #000;
	border-bottom:none;
	border-top:none;
	overflow:hidden;
	min-height:100%;
	}
	
#content a {
	font-weight:bold;
	text-decoration:underline;
	}
	
#content a:link {
	color:#000;
	}
	
#content a:visited {
	color:#444;
	}

#leftcontent {
	float:left;
	width:180px;
	background:#CCDD99;
	background-image:url('Images/leftcontent.png');
	text-align:center;
	font-size:85%;
	border-right:1px solid #000;
	padding-bottom:5500px;
	margin-bottom:-5500px;
	}
	
#leftcontent img {
	border:1px solid #000;
	margin-top:25px;
	}
	
#leftcontent p {
	padding:5px 10px;
	}

#centercontent {
	padding:10px;
	margin-left:180px;
	padding-bottom:500px;
	margin-bottom:-500px;
	}

#centercontent img {
	padding:5px;
	}
	
#centercontent ul {
	padding-left:50px;
	padding-bottom:10px;
	}

#centercontent ul li {
	padding:5px;
	}

#centercontent ol {
	padding-left:50px;
	}
	
#centercontent ol li {
	padding:5px;
	}
	
#rightcontent {
	float:right;
	/*background:#FFFF99;
	background-image:url('Images/rightcontent.png') repeat-y ;*/
	width:225px;
	font-size:75%;
	border-left:1px solid #000;
	padding-bottom:1500px;
	margin-bottom:-1500px;
	}
	
#reviewsheader {
	font-size:125%;
	color:#000;
	background-color:#FFEE55;
	border-bottom:solid 1px #000;
	}
	
#reviewsheader a {
	text-decoration:none;
	}
	
#reviewsheader a:visited {
	color:#000;
	}
	
#leftnav {
	float:left;
	width:180px;
	background:#CCDD99;
	background-image:url('Images/leftcontent.png');
	color:#000;
	text-align:left;
	margin-top:5px;
	}
	
#leftnav  ul {
	list-style:none;
	}
	
#leftnav li {
	margin-bottom:5px;
	}
	
#leftnav img {
	margin:0px;
	}
	
#leftnav a, #leftnav a:visited {
	display:block;
	padding:7px;
	background-color:#CCDD99;
	background-image:url('Images/leftnav.png');
	color:#000;
	border:solid 1px #000;
	border-left:none;
	border-right:none;
	text-decoration:none;
	}

#leftnav a:hover, #leftnav a:focus {
	color:#000;
	background-image:none;
	background-color:#EEFFBB;
	text-decoration:none;
	border-bottom:solid 1px #000;
	}
	
#textcenter {
	text-align:center;
	}
	
#floatleft {
	float:left;
	}
	
#floatright {
	float:right;
	}
	
#clearboth {
	clear:both;
	}
	
#leftcolumn {
	width:50%;
	float:left;
	}
	
#rightcolumn {
	width:50%;
	float:right;
	}
	
#deweybio {
	float:left;
	margin-right:5px;
	margin-bottom:10px;
	}
	
#donate {
	float:left;
	margin-bottom:10px;
	}
	
#postcard {
	margin-left:25px;
	padding:15px;
	}
	
#iframenews {
	margin-top:-45px;
	width:650px;
	}
	
#iframereviews {
	margin-top:-105px;
	width:225px;
	}
	
#footer {
	padding:10px;
	text-align:center;
	background-color:#CCDD99;
	font-size:85%;
	border:1px solid #000;
	}
	
#footer li {
	display:inline;
	font-style:italic;
	padding:0px 10px;
	}
	
#footer a:hover, #footer a:focus {
	border:none;
	background-color:transparent;
	padding:0;
	}	

	
/* ----------- Generic styles ----------------- */

.contactinfo li {
	list-style:none;
	}
	
.evenrow {
	background-color:#FFFFDD;
	}
	
.tabletitle {
	background-color:#881100;
	color:#FFF;
	font-size:115%;
	}