@charset "utf-8";
/* CSS Document */

/***************** Main **************/
* {font-size: 100%; padding: 0; margin: 0;}/*don't change this*/
body{font-family:Verdana, Geneva, sans-serif; font-size:.8em; margin:0; padding:0; color:#3f4142; text-align:center; min-height:100%; background:url(../images/body-bg.jpg) repeat-x;}
#container{margin:0 auto; width:992px; position:relative; text-align:left;}/*centers main content*/
#contentwrapper{background:url(../images/content-wrapper-bg.jpg) no-repeat; width:990px; margin-top:80px;}
#content{width:950px; padding:10px 0 10px 20px; color:#333; float:left; display:inline; margin:0;}
#minheight {height:350px; width:1px; float:right;}/*the minimum height div forces the container to expand to fit the height of this element. It is a cross-platform solution to the minimum height demand*/
.topsentence{font-size:.8em; color:#ccc; text-align:center; margin-top:3px; left:60px; position:absolute;}
.clear {clear:both;}
.hidden {position:absolute; left:-9999px;}
h1#logo a {display:block; background:  url(../images/logo.gif) no-repeat bottom; width:346px; height:87px; padding-top:12px;}
#topblock {padding:20px 20px 35px 20px; background:url(../images/top-block-bottom-bg.jpg) no-repeat bottom;}
#topblock img {float:right;}
#hours {float:left; color:#000080; margin-left:20px;}
#hours h2 {font-weight:lighter; font-size:2.5em; color:#000080;}
#topblock img {margin:0; border:none;}
#topblock p {margin-bottom:5px;}
.larger {font-size:1.4em;}
.date {color:#e98e3d; font-size:1.2em;}
.border {border:1px solid #CCC;}
div.threecolumn {background:url(../images/3columnbg.gif) repeat-y; padding:0 25px 0 25px;}
div.threecolumn div.left {float:left; width:280px; padding:0 10px 0 10px;}
div.threecolumn div.left h3 {text-align:center;}
.divider {border-bottom:1px solid #ccc; margin-bottom:10px;}
/***************** Home Page Block styles *****************/
#rightcolumn {width:235px; position:absolute; top:267px; display:inline; right:23px;}
#news h2{background:#000080; display:block; padding:0 10px 10px 10px; text-align:center;  font-weight:lighter;width:215px;}
#news h2 a:link, #news h2 a:visited, #news h2 a:hover {color:#FFF; text-decoration:none;}
#news {border:1px solid #999; background:#FFF; padding-bottom:2px; margin-bottom:10px;}
#news p {padding:0 10px 0 10px;}
#news .larger {font-size:1.4em;}
#books {padding:10px; text-align:center;background:#000080; color:#FFF;}
#books h2 {background:#000080; color:#FFF; text-align:center; padding:0px; margin:0;}
#books p {padding:0; margin:2px;}
#books p img{vertical-align:top; padding-left:5px;}
#books a, #books a:hover {color:#FFF;}

#donations ul li {list-style:url(../images/bullet-arrow.jpg); font-size:1.3em; padding-bottom:10px;}
#donations a:link, #donations a:visited {color:#000080;}

#sweaters {background:url(../images/sweaters-bg.jpg) repeat-y; width:422px; margin:0 auto;}
#sweaters h2 {text-align:left; padding-left:10px;}
#sweaters p {padding:0 6px 0 10px;}
#links {width:180px; color:#3f4142; display:block;}
#links li {width:auto; list-style:disc; display:list-item;}
#links a:link, #links a:visited {color:#3f4142;}
#links a:hover {color:#e98e3d;}
/***************** Headers *****************/
h1 {font-size: 1.8em; font-weight:bold; color:#000;}
h2 {font-size: 1.8em; color:#e98e3d; font-weight:lighter; padding-bottom:15px; }
h3 {font-size: 1.55em; color:#000080; font-weight:lighter; }
h4 {font-size: 1.3em; }

/***************** Basic Links *****************/
a:link, a:visited{color:#e98e3d; text-decoration:none;}
a:hover{color:#e98e3d; text-decoration:underline;}
a:active, a:focus{outline:none;}
/***************** Basic Content Styles *****************/
p {margin:10px 0 15px 0;}
ul {padding:10px 15px 15px 35px;}
ul li {padding:5px;}
ul.left {float:left; width:240px;}
table td {padding:5px; vertical-align:top;}
.center {text-align:center;}
img {margin:10px; border:1px solid #CCC;}
img.left {float:left; margin:0 10px 10px 0;}
img.right {float:right; margin:0 0 10px 10px;}
/***************** Menu *****************/
/*style containing menu div*/
#menu { height:auto; padding:0; position:absolute; z-index:100; top:100px; left:110px; color:#585b5c; font-size:1.3em;}
/*style first tier ul, li, a - if you do not redefine these styles later in CSS they will apply to all tiers within the navigation*/
#menu ul {margin:0; padding: 0;}
#menu ul a {display: block;}
#menu ul li a {display: block; padding:5px 15px 5px 15px; text-decoration:none; color:#585b5c;}
#menu ul li {position:relative; list-style:none; margin:0; float:left; background:url(../images/nav-divider.jpg) no-repeat left;}
#menu ul a:hover {color:#e98e3d;}
#menu ul li#first {background:none;}


/***************** Footer *****************/
ul#footer {display:block; margin:20px auto; padding:30px 0 0 0; width:992px; background:url(../images/footer-bg.jpg) no-repeat top; color:#b0b1b1;}
ul#footer li {display:inline; float:right; font-size:0.75em; list-style-image:none; list-style-position:outside;
list-style-type:none;}
ul#footer li a:link, ul#footer li a:visited{color:#b0b1b1; text-decoration:none; padding:0 15px 0 17px;}
ul#footer li a:hover{color:#b0b1b1; text-decoration:underline;}
ul#footer li.copyright {background-image:none; float:left; padding:0pt;}
ul#footer li.footerHome {background-image:none;}

/***************** Credit *****************/
#credit {clear:both; font-size:0.7em; padding:70px 0pt 20px; text-align:center;}
#credit a:link, #credit a:visited {color:#b0b1b1; text-decoration:none;}
#credit a:hover {color:#b0b1b1; text-decoration:none;}