body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	background: #fff;
	}


/* layout */

#wrap {
	min-width: 500px;
	max-width: 2000px;
	background: url(images/background.gif) repeat-y 30% 0;
	}
#content {
	float: right;
	width: 70%;
	font-size: 100%;
	color: #333;
	line-height: 1.5em;
	}
#sidebar {
	float: left;
	width: 30%;
	background: #fce8bc;
	}
#footer {
	clear: both;
	background: #33cbcc;
	}

/* gutters */

#content .gutter {
	padding: 25px 25px 0 25px;
	background: url(img/content-bg.gif) repeat-x top left;
	}
#sidebar .gutter, #sidebar-2 .gutter {
	padding: 15px;
	}

/* header */
#header {
	border-bottom: 3px solid #FFCCCC;
	background: #33cccc;
	width: 100%;
	color: #fff;
	float: left;
	}
#header_left {
margin: 20px;
padding: 0;
float: left;
width: 275px;
}
#header_left img {
margin: 0;
padding: 0;
float: left;
}
div#header_left a img {
display: block;
border: none;
text-decoration: none;
}
#header_center {
margin: 50px 0 0 200px;
padding: 0;
float: left;
width: 450px;
}
#tagline {
margin: 0 auto;
padding: 0;
font-size: 100%;
text-align: center;
}
#header_right {
margin: 20px;
padding: 0;
float: right;
width: 200px;
text-align: right;
}
#header_right p {
margin: 0 0 7px 0;
padding: 0;
font-weight: bold;
}
#message {
	margin: 0 auto;
	padding: 10px;
	font-size: 150%;
	color: #fff;
	text-align: center;
	background: #e08323;
	font-weight: bold;
	clear: both;
	width: 100%;
	}
#header a {
color: #fff; text-decoration: none; 
}
	
/* content */

a:link {
	color: #007996; 
	}
a:hover {
	color: #33cccc; 
}	
a:visited {
	color: #cc6600;
	}
hr {
color: #fce8bc;	
}
p {
line-height: 1.6em;	
}
li {
line-height: 1.6em;	
}
#content h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	color: #007996;
	font-weight: normal;
	}
	
#content h3 {
color: #007996;
font-size: 140%;
font-weight: normal;
}
	
dl.home {
	margin: 15px 0;
	padding: 15px;
	border-top: 1px solid #fce8bc;
	border-bottom: 1px solid #fce8bc;
	}
dl.home:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
	}
dl.home dt {
	margin: 0 0 .5em 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 120%;
	font-weight: bold;
	color: #007996;
	padding-top: 5px;
	}
dl.home dt img {
	float: left;
	width: 35px;
	margin: 0;
	padding: 0 0 0 35px;
	background: url(img/photo-frame.gif) no-repeat bottom right;
	border: none;
	}
dl.home dd {
	font-size: 90%;
	line-height: 1.5em;
	color: #666;
	padding-bottom: 10px;
	}
dl.home iframe {
	float: left;
	margin: 0 15px 0 0;
	padding: 0 4px 4px 0;
	}

#hometopleft {
width: 50%;
float: left;
margin: 0;
padding: 0;
}
#hometopright {
background: #fff;
width: 40%;
float: right;
margin: 0;
padding: 0;
border: #fce8bc 1px solid;
}
#hometopright ul {
list-style: none;
margin: 0;
padding: 0;
list-style-position: inside;
}
#hometopright li {
margin: 0 auto;
padding: 5px;
text-align: center;
}
#hometopright li a {
text-decoration: none;
}
#hometopright li a img {
border: none;
}
#hometopright a img {
border:0; 
text-decoration: none;
border-bottom: none;
}

.bullets ul {
	margin: 0;
	padding: 0 12px;
	}
.bullets li {
	margin: 0 0 0 12px;
	padding: 0 0 0 25px;
	list-style: none;
	background: url(images/li-bullet.gif) no-repeat 3px;
}	


/* sidebars */

.box { 
	margin: 0 0 20px 0;
	padding: 0 0 12px 0;
	font-size: 95%;
	line-height: 1.5em;
	color: #666;
	background: #fff url(img/box-b.gif) no-repeat bottom right;
	}
.navhead {
list-style: none;
background: none;
}	
.box h3 {
	margin: 0;
	padding: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	font-weight: normal;
	font-weight: bold;
	color: #007996;
	background: url(img/box-t.gif) no-repeat top left;
	}
.box p, .box ul {
	margin: 0;
	padding: 0 12px;
	}
.box ul li {
	margin: 0 0 0 12px;
	padding: 0 0 3px 25px;
	list-style: none;
	line-height: 1.5em;
}	
.box a:link {
color: #007996; text-decoration: none; border-bottom: 1px dashed #007996;background: none;
}
.box a:hover {
color: #33cccc; text-decoration: none; border-bottom: 1px solid #33cccc;background: none;
}
.box a:visited {
color: #cc6600; text-decoration: none; border-bottom: 1px solid #cc6600;background: none;
}

.dailyword { 
	margin: 0;
	padding: 0 10px 0 0;
	background:none;
	float: left;
	}
	
/* Amazon box front page */
.amazon {
margin: 0 0 0 0;
padding: 0;
float: right;
width: 30%;
}	
/* News area front page */
#news {
margin: 0;
padding: 0;
text-align: left;
float: left;
width: 70%;
clear: both;
}
/* Listen Online formatting */
.audio {
float: left;
width: 95%;
padding: 10px;
text-align: left;
}

/* Featured Book page div formatting */
#featuredbook {
float: left;
text-align: left;
padding: 7px;
margin: 0;
}

/* footer */

#footer p {
	margin: 0;
	padding: 15px;
	font-size: 85%;
	color: #fff; 
	text-align: center;
	}
#footer a:link {
color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; background: none;
}
#footer a:hover {
color: #33FFFF; text-decoration: none; border-bottom: 1px solid #33FFFF; background: none;
}
#footer a:visited {
color: #fff; text-decoration: none; border-bottom: 1px solid #fff; background: none;
}	

/*  IE fixes */

#content, #sidebar {
	height: 1%;
	}

.feature { 
	display: inline-table; 
	}
/* Hides from IE/Mac \*/
* html .home { 
	height: 1%; 
	}
.home { 
	display: block; 
	}
#footer {
	height: 1%;
	}
/* End hide from IE/Mac */

/* This is for blind reader navigation */
#skiplink 
{
display:none;
}
#backtonav 
{
display:none;
}
/* general classes */
.center {
margin: 0 auto;
text-align: center;
}
.imgright {
float: right;
text-align: right;
margin: 0;
padding: 7px;
}
.imgleft {
float: left;
text-align: left;
margin: 0;
padding: 7px;
}
/* Slideshow Gallery CSS */
#slideshow {
clear: both;
float: none;
margin: 0 auto;
padding: 0;
text-align: center;
}
#slideshow li {
float: none;
}
.gallery {
margin: 0 auto;
text-align: center;
}
/* Mailing List CSS */
#join_mailing_list {
margin: 0 auto;
padding: 0;
text-align: center;
width: 200px;
}
#mapquest {
margin: 0 auto; 
padding: 0; 
text-align: center; 
clear: both; 
width: 200px;	
}
/* Two Column Formatting for Contact Page */
.twocolumns {
margin: 0;
padding: 0;
text-align: center;
float: left;
width: 550px;
clear: both;
}
.columnleft {
float: left;
width: 348px;
padding: 0;
margin: 0 auto;
text-align: left;
border-right: #ccc thin solid;
}
.columnright {
float: right;
width: 200px;
padding: 0;
margin: 0 auto;
text-align: center;
}
#directions {
margin: 0;
padding: 0;
clear: both;
}
#people_banner_top {
margin: 0 auto;
padding: 0;
text-align: center;
background: #33cccc;
}#wrap #content .gutter #hometopleft div p strong {
	color: #007996;
}