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


/* layout */

#wrap {
	min-width: 500px;
	max-width: 1400px;
	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%;
	}
#footer {
	clear: both;
	background: #009999;
	}

/* 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: #009999 url(images/header-bg.gif) repeat-x top left;
	}
#header h1 {
	margin: 0;
	padding: 25px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #fff;
	background: url(images/new_unity_logo.gif) no-repeat top left;
	text-align: right;
	}
#header a:link {
color: #fff; text-decoration: none; border-bottom: 1px dashed #fff; background: none;
}
#header a:hover {
color: #66FFFF; text-decoration: none; border-bottom: 1px solid #66FFFF; background: none;
}
#header a:visited {
color: #ff9966; text-decoration: none; border-bottom: 1px solid #ff9966; background: none;
}	
	
/* message row */

#message {
	margin: 0;
	padding: 10px;
	font-size: 90%;
	color: #000;
	text-align: center;
	background: #ff9966;
	}
#message strong {
	padding: 0 0 0 28px;
	color: #FFFFFF;
	}
	
/* content */

a:link {
	color: #009999; 
	}
a:hover {
	color: #fb9b6a; 
}	
a:visited {
	color: #ff9966;
	}

#content h2 {
	margin: 0 0 1em 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 160%;
	color: #009999;
	font-weight: normal;
	}
	
#content h3 {
color: #009999;
font-size: 140%;
font-weight: normal;
}
	
dl.home {
	margin: 15px 0;
	padding: 15px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
	}
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: #009999;
	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: #f5e1da;
width: 40%;
float: right;
margin: 0;
padding: 0;
}
#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: #009999;
	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 0 25px;
	list-style: none;
	background: url(images/li-bullet.gif) no-repeat 3px;
}	
.box a:link {
color: #009999; text-decoration: none; border-bottom: 1px dashed #009999;background: none;
}
.box a:hover {
color: #009999; text-decoration: none; border-bottom: 1px solid #009999;background: none;
}
.box a:visited {
color: #ff9966; text-decoration: none; border-bottom: 1px solid #ff9966;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;
}
/* 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;
}