/* Layout */
* {margin: 0; padding: 0;}
body {margin: 0; padding: 0; font-size: 100%; font-family: verdana, arial, helvetica, sans-serif; text-align: center; background: #A5AEA7 url(../images/background.gif) repeat;}
#pagewrapper {width: 775px; background-color: #fff; padding: 0; margin: 0 auto;}
#headerwrapper {width: 775px; height: 93px; float: left; background-image: url(../images/bg_header.jpg);}
#headerlogo {background-image: url(../images/logo.gif); height: 59px; width: 486px; float: left;}
#logo a {height: 59px; display: block; text-indent: -9999px; text-decoration: none; outline: none;}
#navwrapper {width: 775px; height: 185px; float: left; background: transparent url(../images/bg_navwrapper2.jpg) repeat-y;}
#contentwrapper {width: 775px; float: left; text-align: left; background: #fff url(../images/bg_content.gif);}

#leftcolumn {float: left; width: 267px;}
#rightcolumn {float: right; width: 508px;}

#leftcontent {padding: 20px;}
#rightcontent {padding: 20px 30px 20px 25px;}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

#footer {width: 775px; height: 31px; float: left; background-image: url(../images/bg_footer.gif);}

/* Images */
#main_home {background-image: url(../images/main_home.jpg); height: 384px; width: 267px; text-indent: -9999px; border-bottom: 1px solid #FFFDE8;}
#main_history {background-image: url(../images/main_home.jpg); height: 384px; width: 267px; text-indent: -9999px; border-bottom: 1px solid #FFFDE8;}
#main_events {background-image: url(../images/main_home.jpg); height: 384px; width: 267px; text-indent: -9999px; border-bottom: 1px solid #FFFDE8;}
#main_services {background-image: url(../images/main_home.jpg); height: 384px; width: 267px; text-indent: -9999px; border-bottom: 1px solid #FFFDE8;}
#main_new {background-image: url(../images/main_home.jpg); height: 384px; width: 267px; text-indent: -9999px; border-bottom: 1px solid #FFFDE8;}
#main_booksense {background-image: url(../images/main_home.jpg); height: 384px; width: 267px; text-indent: -9999px; border-bottom: 1px solid #FFFDE8;}

#ban_welcome {margin-top: 10px; background-image: url(../images/ban_welcome.gif); height: 35px; width: 253px; text-indent: -9999px;}
#ban_history {margin-top: 10px; background-image: url(../images/ban_history.gif); height: 35px; width: 253px; text-indent: -9999px;}
#ban_events {margin-top: 10px; background-image: url(../images/ban_events.gif); height: 35px; width: 253px; text-indent: -9999px;}
#ban_services {margin-top: 10px; background-image: url(../images/ban_services.gif); height: 35px; width: 253px; text-indent: -9999px;}
#ban_new {margin-top: 10px; background-image: url(../images/ban_new.gif); height: 35px; width: 253px; text-indent: -9999px;}
#ban_booksense {margin-top: 10px; background-image: url(../images/ban_booksense.gif); height: 35px; width: 253px; text-indent: -9999px;}

img.leftimage {float: left; margin: 20px 0 0 10px;}

/* Navigation */
#nav { position: relative; margin: 0; padding: 0; height: 73px; background-color: #869189;}
#caption {background-color: white;}
#nav ul { margin: 0; padding: 0;}
#nav li { margin: 0; padding: 0; position: absolute; background: url(../images/nav2.gif) 0 0 no-repeat; display: block; list-style: none;}
#nav a {height: 73px; display: block; text-indent: -9999px; text-decoration: none; outline: none;}

#nav #home {left: 0; width: 76px; background-position: -0 0;}
#nav #shop {left: 76px; width: 78px; background-position: -76px 0;}
#nav #events {left: 154px; width: 66px; background-position: -154px 0;}
#nav #services {left: 220px; width: 76px; background-position: -220px 0;}
#nav #new {left: 296px; width: 115px; background-position: -296px 0;}
#nav #booksense {left: 411px; width: 97px; background-position: -411px 0;}

#nav #home a:hover, #nav #home a.active {background: url(../images/nav2.gif) -0 -73px no-repeat;}
#nav #shop a:hover, #nav #shop a.active {background: url(../images/nav2.gif) -76px -73px no-repeat;}
#nav #events a:hover, #nav #events a.active {background: url(../images/nav2.gif) -154px -73px no-repeat;}
#nav #services a:hover, #nav #services a.active {background: url(../images/nav2.gif) -220px -73px no-repeat;}
#nav #new a:hover, #nav #new a.active {background: url(../images/nav2.gif) -296px -73px no-repeat;}
#nav #booksense a:hover, #nav #booksense a.active {background: url(../images/nav2.gif) -411px -73px no-repeat;}

/* Text and Lists */
h3, h4, h5 {margin: 25px 0 0.5em;}
	#leftcontent h3 {margin-top: 0;}
h3 {color:#869189; font-size: 0.85em; font-weight: normal;}
h4 {color:#61354E; font-size: 0.8em; font-weight: normal;}
h5 {color:#869189; font-size: 0.75em; font-weight: normal; line-height: 1.5em;}

p {padding: 10px 0; color: #666; font-size: 0.7em; line-height: 2em;}
li {padding: 4px 0; color: #666; font-size: 0.7em; line-height: 2em; list-style-type: square; }
ul, ol {margin: 10px 0 10px 25px;}

ul.address, ul.address li, ul.nobullet, ul.nobullet li, ul.subnav, ul.subnav li {list-style: none;}
ul.address, ul.nobullet, ul.subnav {margin: 10px 0;}
ul.address li {line-height: 1.25em;}

blockquote {margin-left: 40px;}

/* Links */
a:link {color: #869189;}
a:visited {color: #B7BEB9;}
a:hover, a:active {color: #61354E;}

.subnav a:link, .subnav a:visited {color: #869189;}
.subnav a:hover {color: #B7BEB9;}
.subnav a.subactive {font-style: italic; color: #61354E; text-decoration: none;}

/* Mailing List Form */
div.formcontainer {margin: 0; padding: 10px 0; width: 425px;}
div.row {clear: both; padding: 8px 15px; }
div.row span.label {float: left; text-align: right; color: #666; font-size: 0.7em;}
div.row span.formw {float: right; text-align: left;} 
div.spacer {clear: both; }
input,textarea {border: 1px solid #A0ADA3; font-family: verdana, arial, helvetica, sans-serif; font-size: 0.7em; background-color: #fff;}
.fixedinput {width: 240px;}
.subbutton {color: #333; background-color: #A5AFA7; border: 3px solid #869189;}