/*----------------------------------------------------------------------------
   Main Styles
   
   Company:    The Maclure Library
   Website:    http://www.maclurelibrary.org/
   Contact:    doug@dougstewartdesign.com
   
   Table of Contents:
   1.  General Styles
   2.  Master Styles
   3.  Top Navigation Styles
   4.  Masthead Styles
   5.  Main Navigation Styles
   6.  Footer Styles
   7.  Home Page Styles
   8.  Programs Page Styles
   9.  Books Page Styles
   10. Services Page Styles
   11. Resources Page Styles
   12. About Page Styles
   13. Contact Page Styles
   14. Support Page Styles
   ---------------------------------------------------------------------------*/


/* General Styles
----------------------------------------------------------------------------- */
body {
	background-color: #f9f8f7;
	}
h1, h2, h3, h4, h5, h6, p, li, dt, dd {
	font-family: Times, "Times New Roman", Georgia, serif;
	color: #1c0803;
	}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	margin: 0px;
	}
h1 {
	font-size: 4.8em;
	font-weight: normal;
	line-height: 1em;
	margin: 40px 40px 40px 40px;
	text-align: center;
	}
h2 {
	font-size: 2.4em;
	text-transform: uppercase;
	}
h3 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.33em;
	text-transform: uppercase;
	}
p, li, dt, dd {
	font-size: 1.6em;
	line-height: 1.5em;
	letter-spacing: .01em;
	word-spacing: .1em;
	}
dt {
	font-style: italic;
	font-weight: bold;
	text-transform: uppercase;
	}
li p, li li, dd p, dd dd {
	font-size: 1em;
	}
a {
	color: #636F7D;
	text-decoration: none;
	border-bottom: dotted 1px;
	}
a:hover {
	border-bottom: solid 1px;
	}
a[rel=external] {
	background: transparent url(../images/link-external.gif) no-repeat right 0px;
	padding-right: 16px; 
	}
img {
	border: 1px solid #1c0803;
	padding: 4px;
	}
blockquote {
	background-color: #e9e9e1;
	border-bottom: 1px solid #cdcdb5;
	border-top: 1px solid #cdcdb5;
	margin: 20px;
	padding: 20px;
	}
blockquote p.source {
	font-size: 1.2em;
	font-weight: bold;
	margin: 0px;
	}
blockquote p.source:before {
	content: "- ";
	}
#container {
	position: relative;
	margin: 0px auto;
	width: 960px;
	}
#content {
	position: relative;
	}
#ie6 {
	background: #fff799 url(../images/ie6.gif) no-repeat 15px center;
	border: solid 1px #eedc78;
	color: #857b43;
	display: block;
	margin: 0px auto;
	padding: 15px 15px 15px 60px;
	width: 883px;
	}
.gallery {
	margin: 0px;
	margin-left: -15px;
	margin-top: -15px;
	}
.gallery li {
	float: left;
	list-style: none;
	padding: 15px;
	}
	
/* Top Navigation Styles
----------------------------------------------------------------------------- */
#top-navigation {
	background-color: #e9e9e1;
	border-bottom: 1px solid #cdcdb5;
	border-top: 1px solid #cdcdb5;
	height: 20px;
	margin: 0px;
	position: relative;
	}
#top-navigation li {
	line-height: 1em;
	list-style: none;
	padding: 0px 5px;
	}
#top-navigation li a {
	color: #1c0803;
	font-size: 12px;
	line-height: 20px;
	vertical-align: middle;
	}
#top-navigation li a:visited {
	border-bottom: 1px dotted;
	}
#top-navigation li a:visited:hover {
	border-bottom: 1px solid;
	}
#top-navigation li+li {
	position: absolute;
	right: 0px;
	top: 0px;
	}
#top-navigation li+li+li {
	right: 40px;
	}

/* Masthead Styles
----------------------------------------------------------------------------- */
#masthead {
	height: 110px;
	margin: 0px;
	padding-top: 20px;
	}
#masthead a {
	background: transparent url(../images/bg-masthead.jpg) no-repeat left center;
	display: block;
	height: 80px;
	padding: 10px 0px;
	width: 360px;
	}
#masthead a:hover {
	border: none;
	}
#masthead dd, #masthead dt span {
	left: -9999em;
	position: absolute;
	}

/* Main Navigation Styles
----------------------------------------------------------------------------- */
#main-navigation {
	background: #1c0803 url(../images/bg-mainnav.gif) no-repeat left top;;
	height: 40px;
	margin: 0px;
	position: relative;
	}
#main-navigation li {
	float: left;
	list-style: none;
	margin: 0px;
	}
#main-navigation li a {
	border: none;
	color: #fff;
	display: block;
	line-height: 40px;
	padding: 0px 14px;
	text-transform: uppercase;
	vertical-align: middle;
	}
#main-navigation li a:hover {
	border: none;
	color: #849852;
	}
#main-navigation li.active a {
	background: transparent url(../images/bg-navcurrent.gif) no-repeat center 29px;
	color: #849852;
	}
#main-navigation li.support {
	background: transparent url(../images/bg-supportlink.gif) no-repeat 3px top;
	margin-top: -13px;
	}
#main-navigation li.support a {
	color: #1c0803;
	line-height: 65px;
	padding: 0px 3px;
	text-align: center;
	width: 252px;
	}
#main-navigation li.support a:hover {
	color: #fff;
	}
#support-page #main-navigation li.support a {
	background: transparent url(../images/bg-navcurrentsupport.gif) no-repeat center 41px;
	}

/* Footer Styles
----------------------------------------------------------------------------- */
#footer {
	clear: both;
	margin: 60px auto 0px auto;
	padding-bottom: 30px;
	position: relative;
	width: 960px;
	}
#footer img {
	border: none;
	float: left;
	}
#footer p {
	font-size: 1.2em;
	margin: 0px 0px 0px 100px;
	}
#footer #cc-logo {
	background: none;
	float: left;
	padding: 0px;
	}
#footer #cc-logo:hover {
	border: none;
	}
#footer ul {
	margin: 0px;
	position: absolute;
	top: 0px;
	right: 0px;
	}
#footer ul li {
	float: left;
	list-style: none;
	padding-left: 10px;
	}

/* Home Page Styles
----------------------------------------------------------------------------- */
#home-page h1 {
	font-size: 2.4em;
	font-style: italic;
	left: 120px;
	position: absolute;
	text-align: center;
	top: 464px;
	width: 640px;
	}
#home-page h1:before {
	content: open-quote;
	}
#home-page h1:after {
	content: close-quote;
	}
#home-page #library-hours dl {
	margin: 0px;
	}
#home-page #library-hours dt {
	width: 100px;
	float: left;
	clear: left;
	padding: 0px 0px 0px 0px;
	}
#home-page #library-hours dd {
	margin: 0px 0px 5px 0px;
	padding: 0px 10px 0px 120px;
	width: 150px;
	}
#home-page .columns {
	border-top: dotted 1px #000;
	height: 290px;
	padding: 15px 0px;
	position: relative;
	width: 960px;
	}
#home-page .columns.first {
	border-top: none;
	}
#home-page .columns div {
	margin: 0px;
	padding: 15px;
	position: absolute;
	width: 270px;
	}
#home-page #introduction {
	left: 0px;
	}
#home-page #library-hours {
	left: 330px;
	}
#home-page #homepage-badges {
	right: 0px;
	padding-top: 45px;
	}
#home-page #homepage-badges ul {
	margin: 0px;
	}
#home-page #homepage-badges ul li {
	line-height: 1em;
	list-style: none;
	}
#home-page #homepage-badges ul li a {
	line-height: 1em;
	}
#home-page #homepage-badges ul li a[rel=external] {
	background: none;
	padding: 0px;
	}
#home-page #homepage-badges ul img {
	padding: 0px;
	border: none;
	}
#home-page #slideshow {
	background-color: #e9e9e1;
	clear: both;
	margin: 30px 0px 142px 0px;
	width: 960px;
	}
#home-page #slideshow ul {
	margin: 0;
	padding: 0;
	height: 1%;
	}
#home-page #slideshow ul li {
	list-style-type: none;
	}
#home-page #slideshow ul:after {
	content: ".";
	clear: both;
	display: block;
	height: 0;
	visibility: hidden;
	}            
#home-page #slideshow .slides {
	overflow: hidden;
	padding: 20px;
	width: 920px;
	}
#home-page #slideshow .slides ul {
	width: 2880px;
	}
#home-page #slideshow .slides li {
	height: 350px;
	width: 920px;
	float: left;
	}
#home-page #slideshow h2 {
	background: url(../images/bg-feature-title.gif) repeat-x left bottom;
	line-height: 1em;
	margin-bottom: 11px;
	padding-bottom: 9px;
	width: 920px;
	}
#home-page #slideshow .slides p {
	margin-left: 255px;
	padding: 40px 40px 0px 0px;
	}
#home-page #slideshow .feature-image {
	display: block;
	float: left;
	line-height: 1em;
	}
#home-page #slideshow .feature-image:hover {
	border: none;
	}
#home-page #slideshow .slides p.links {
	display: block;
	text-align: center;
	}
#home-page #slideshow .slides p.links a {
	font-size: 1.8em;
	}
#home-page #slideshow .slides p.links span {	
	display: block;
	text-align: center;
	}
#home-page #slideshow #featured-notice ul {
	padding: 40px;
	}
#home-page #slideshow #featured-notice li {
	list-style: none;
	}
#home-page #slideshow #featured-notice p {
	margin-left: 0px;
	padding: 0px;
	}
#home-page #slideshow ul.slides-nav {
	text-align: center;
	}
#home-page #slideshow ul.slides-nav li {
	display: inline-block;
	padding: 20px 10px;
	}
	
/* Programs Page Styles
----------------------------------------------------------------------------- */	
#programs-page #content div.columns {
	overflow: auto;
	}
#programs-page #content div.column {
	width: 450px;
	}
#programs-page #content #adult-programs-list {
	float: left;
	text-align: right;
	}
#programs-page #content #child-programs-list {
	margin-left: 495px;
	}
#programs-page #content div.column ul {
	margin: 0px;
	}
#programs-page #content div.column li {
	font-size: 1em;
	list-style: none;
	padding: 10px 20px;
	}
#programs-page #main-image {	
	float: left;
	} 
#programs-page #program-information {
	margin-left: 330px; 
	}
#programs-page #program-information dl, #programs-page #program-information ul {
	display: inline-block;
	}
	
/* Books Page Styles
----------------------------------------------------------------------------- */	
#books-page #book-cover {
	float: left;
	}
#books-page #book-review, #books-page #book-information {	
	margin-left: 330px;
	}
#books-page h2 {
	margin-bottom: 40px;
	text-align: center;
	}
#books-page #book-review {
	margin-top: 0px;
	}
#books-page #books {
	margin: -15px;
	overflow: auto;
	}
#books-page .book-entry {
	float: left;
	margin: 15px;
	position: relative;
	}
#books-page .book-entry h2 {
	background: url(../images/bg-book-title.gif) no-repeat center bottom;
	bottom: 24px;
	font-size: 1.3em;
	font-weight: bold;
	left: 1px;
	margin: 0px;
	padding-bottom: 20px;
	position: absolute;
	text-transform: none;
	width: 298px;
	}
#books-page .book-entry h2 q {
	background: url(../images/bg-book-corner.gif) no-repeat center top;
	display: block;
	font-size: 1.8em;
	font-weight: normal;
	padding: 20px 20px 0px 20px;
	}
#books-page .book-entry p {	
	line-height: 20px;
	margin: 0px;
	vertical-align: middle;
	}

/* Services Page Styles
----------------------------------------------------------------------------- */	
#services-page h2 {
	clear: left;
	float: left;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.33em;
	width: 300px;
	}
#services-page p {
	margin-left: 330px;
	}

/* Resources Page Styles
----------------------------------------------------------------------------- */
#resources-page h2 {
	clear: left;
	}
#resources-page #resource-index {
	background-color: #e9e9e1;
	border-bottom: 1px solid #cdcdb5;
	border-top: 1px solid #cdcdb5;
	margin-bottom: 30px;
	padding: 10px;
	position: relative;
	}
#resources-page #resource-index h2 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1em;
	}
#resources-page #resource-index #resource-index-content p {
	margin-top: .5em;
	width: 795px;
	}
#resources-page #resource-index #showhide-link {
	position: absolute;
	right: 10px;
	top: 10px;
	}
#resources-page #resource-index ul {
	margin: 0px;
	overflow: auto;
	}
#resources-page #resource-index ol {
	margin: 0px 0px 0px 15px;
	}
#resources-page #resource-index ol li {
	list-style: circle;
	}
#resources-page #resource-index li {
	float: left;
	margin: 0px 15px;
	}
#resources-page #resource-index li li {
	float: none;
	}
#resources-page #resource-index li strong {
	text-transform: uppercase;
	}
#resources-page div.resource-group {
	margin-bottom: 40px;
	}
#resources-page div.resource-group dl {
	clear: left;
	margin: 0px -30px 10px 0px;
	overflow: auto;
	}
#resources-page div.resource-group dl dt {
	padding-left: 2px;
	}
#resources-page div.resource-group dl dd {
	display: block;
	float: left;
	font-size: 1.4em;
	margin: 0px;
	width: 290px;
	padding: 0px 30px 10px 10px;
	}
#resources-page div.resource-group dl dd a {
	font-size: 1.14em;
	left: -10px;
	position: relative;
	}
#resources-page div.resource-group dl dd p {
	margin: 0px;
	}
	
/* About Page Styles
----------------------------------------------------------------------------- */
#about-page #feature {
	background-color: #e9e9e1;
	float: left;
	position: relative;
	}
#about-page #about-accordion {
	margin: 0px;
	}
#about-page #about-accordion li {
	line-height: 1em;
	list-style: none;
	}
#about-page #about-accordion li div {
	background-color: #e9e9e1;
	border-bottom: 1px solid #cdcdb5;
	border-top: 1px solid #cdcdb5;
	margin-bottom: 30px;
	padding: 10px;
	}
#about-page #about-accordion h2 {	
	color: #636F7D;
	cursor: pointer;
	font-size: 1.8em;
	line-height: 1.33em;
	text-decoration: none;
	}
	
/* Contact Page Styles
----------------------------------------------------------------------------- */
#contact-page #content {
	height: 550px;
	}
#contact-page #content dl {
	margin: 0px;
	}
#contact-page #content dd {
	margin: 0px;
	}
#contact-page #contact-form, #contact-page #contact-info, #contact-page #feature {
	position: absolute;
	top: 90px;
	width: 300px;
	}
#contact-page #contact-info {
	left: 330px;
	}
#contact-page #contact-info dd {
	padding-bottom: 20px;
	}
#contact-page #contact-info ul {
	margin: 0px;
	}
#contact-page #contact-info li {
	font-size: 1em;
	list-style: none;
	}
#contact-page #contact-form {
	left: 0px;
	}
#contact-page #contact-form .email-status {
	background-color: #e9e9e1;
	border-bottom: 1px solid #cdcdb5;
	border-top: 1px solid #cdcdb5;
	padding: 20px;
	}
#contact-page #contact-form #myForm {
	margin-bottom: 20px;
	}
#contact-page #contact-form input[type="text"], #contact-page #contact-form textarea {
	background: url(../images/bg-fields.gif) no-repeat 0px 0px;
	border: solid 1px #dddcd4;
	width: 298px;
	}
#contact-page #feature {
	background-color: #e9e9e1;
	padding: 20px;
	right: 0px;
	width: 260px;
	}
#contact-page #feature iframe {	
	border: solid 1px #dddcd4;
	}
	
/* Support Page Styles
----------------------------------------------------------------------------- */
#support-page h2 {
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.33em;
	}
#support-page div.columns div {
	display: inline-block;
	margin: 0px 0px 1.5em 0px;
	}