a, abbr, acronym, address, applet, article, aside, audio, b, blockquote, big, body, center, canvas, caption, cite, code, command, datalist, dd, del, details, dfn, dl, div, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, html, i, iframe, img, ins, kbd, keygen, label, legend, li, meter, nav, object, ol, output, p, pre, progress, q, s, samp, section, small, span, source, strike, strong, sub, sup, table, tbody, tfoot, thead, th, tr, tdvideo, tt, u, ul, var {
	background: transparent;
	border: 0 none;
	font-size: 100%;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: top;
}
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
table, table td {
	padding:0;
	border:none;
	border-collapse:collapse;
}
img { vertical-align:top; }
#photos iframe  {
	vertical-align:center;
	margin:15px auto;
	width:300px; height:auto;
}
#calendar iframe { margin:20px 0 0 20px; width:900px;  }

/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video { display: block; }
mark, rp, rt, ruby, summary, time { display: inline }
/* Global properties ======================================================== */

body {
	background: url(../images/body-bg.jpg) 0 -100px repeat #EFF7E8;
font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #5e5e5e;
	min-width: 1000px;
	z-index: 2;
}
html, body { height: 100%; }
p { padding-top: 20px; }
.top { padding-top: 0px; }
.top1 { padding-top: 10px; }
.top2 { padding-top: 15px; }
.top3 { padding-top: 41px; }
.top4 { padding-top: 25px; }
.top5 { padding-top: 54px; }
.top-long { padding-top: 60px; }
.bot { padding-bottom: 46px; }
.bot1 { padding-bottom: 22px; }
.bot2 { padding-bottom: 82px; }
.bot3 { padding-bottom: 42px; }
.bot4 { padding-bottom: 37px; }
.h-bot { padding-bottom: 25px; }
.h-bot1 { padding-bottom: 19px; }
.h-pad { padding: 15px 0 20px 10px; }
.margin { margin-top: -10px; }
a {
	color: #0A599B;
	outline: none;
}
a:hover { text-decoration: none; }
/* Global Structure ============================================================= */
.wrap {
	margin: 0 auto;
	width: 984px;
}
#frame {
	background-color:white;
	width: 950px;
		-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	/* Borders */
	
	border: 2px solid white;
   -moz-box-shadow:     0 5px 15px #555555;
   -webkit-box-shadow:  0 5px 15px #555555;
   box-shadow:          0 5px 15px #555555;
}
/* Header */

header { height:40px; }
#home header {
	height: 405px;
	background: url(../images/shadow.png) 50% 92% no-repeat;
	position: relative;
}
#logo-bar { height:115px; width:920px; }
#logo {
	background:url(../images/WyandanchLibraryLogo.png) left top no-repeat;
	width:368px;
	height:75px;
	float:left;
}
#logo span { display:none; }
#main {
	width:984px;
	height:450px;
	margin: 0px 0 0 0;
	z-index: 1;
	margin-left: 14px;
}
a {
	outline:0;
	border:0;
}

#top {
	position:relative;
	height: 40px;
	width:950px;
	margin-top:0px;
	background: url(../images/top.jpg) 0px 0 no-repeat;
	/* Rounded Corners */
	
	-moz-border-radius: 0 5px 5px 5px;
	-webkit-border-radius: 0 5px 5px 5px;
	border-radius: 0 5px 5px 5px;
	/* Borders */
	
	border: 1px solid white;
	-moz-box-shadow:inset 0px 0px 1px #edf9ff;
	-webkit-box-shadow:inset 0px 0px 1px #edf9ff;
	box-shadow:inset 0px 0px 1px #edf9ff;
}
#home #top { height:361px; }
#home #map { width:920px; margin:0 auto; display:block;}
#home #content p {padding-left: 20px; padding-bottom:15px; }
#twitter_update_list a:after { content:" on Twitter!"; }
#twitter_update_list li.default h2 { color:white; padding-top:10px; font-family:Arial, Helvetica, sans-serif; }
#twitter_update_list li.default p { padding-top:10px; font-family:Arial, Helvetica, sans-serif; }
#tagline {
	font-weight: normal;
	line-height:1.8em;
	letter-spacing:.5px;
	word-spacing:1px;
	font-size: 24px;
color: #666;
padding: 15px 25px 0 20px;
margin: 0;
	font-size: 22px;
font-style:oblique;
color: #666;	
}
#tagline span {font-weight:bold; font-size:36px; display:block; font-style:normal; color:#6A891C; text-shadow: 1px 1px 1px #fff, 1px 2px 2px #6a891c;  }

/* Footer */
	footer {
	height: 54px;
	padding-top:50px;
}
/* Left & Right alignment */

.fleft { float: left; }
.fright { float: right; }
.clear { clear: both; }
.col-1, .col-2, .col-3, .col-4, .col-5 { float: left; }
.alignright { text-align: right; }
.aligncenter { text-align: center; }
.wrapper {
	width: 100%;
	overflow: hidden;
}
.container { width: 960px; }
/*----- form defaults -----*/
input, select, textarea {
	font-size: 14px;
	vertical-align: middle;
	font-weight: normal;
}
/*----- other -----*/
.img-indent {
	margin: 0 29px 0 0;
	float: left;
	padding: 5px 0 0 0;
}
.img { padding: 25px 0 0; }
.extra-wrap { overflow: hidden; }
.phone {
	display: inline-block;
	width: 74px;
}
/*=============================================================================== text =====*/
h1, h2, h3, h4, h5, h6  { font-family:Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif; }
h1 a {
	font-size:20px;
	text-indent:-9999px;
	height:100px;
	width:400px;
	position:absolute;
	right:40px;
	top:100px;
}
h1 { 	font-size: 36px;
	line-height: 1.2307em;
	color: #464646;
	padding: 0 0 20px 10px;
	margin: 0px 0px  0px;
	font-weight: normal;
	text-shadow: 1px 1px 0px #666; );
}

h2 {
	font-size: 36px;
	line-height: 1.2307em;
	color: #464646;
	padding: 25px 0px 0px 0px;
	margin: 0px 0px  0px;
	font-weight: normal;
}
h2 span {
	display: block;
	margin-top: -14px;
}
#content h2 {	text-align:center; }
.bg-1 {
	background: url(../images/bg-1.png) 0 24px no-repeat;
	padding-left: 79px;
	padding-bottom: 19px;
}
.bg-2 {
	background: url(../images/bg-2.png) 0 24px no-repeat;
	padding-left: 79px;
	padding-bottom: 19px;
}
.bg-3 {
	background: url(../images/bg-3.png) 0 24px no-repeat;
	padding-left: 79px;
	padding-bottom: 19px;
}
.bg-4 {
	background: url(../images/bg-4.png) 0 24px no-repeat;
	padding-left: 79px;
	padding-bottom: 19px;
}
.bg-5 {
	background: url(../images/bg-5.png) 0 24px no-repeat;
	padding-left: 79px;
	padding-bottom: 19px;
}
.bg-6 {
	background: url(../images/bg-6.png) 0 24px no-repeat;
	padding-left: 79px;
	padding-bottom: 19px;
}
h3 {
	position: relative;
	padding: 15px 24px 3px 0;
	font-size: 32px;
	line-height: 1.2307em;
	font-weight: normal;
	margin-bottom: 10px;
}
h4 {
	padding: 3px 24px 3px 24px;
	font-size: 20px;
	line-height: 1.25em;
/*	color: #6A891C; */
	font-weight: bold;
}
dt, h4 {
	padding: 15px 24px 3px 0;
	font-size: 20px;
	line-height: 1.25em;
	color: #6A891C;
font-variant: small-caps;
font-weight: bold;
}
#bottom h4 { margin-left:48px; background: url(../images/dotted.png) repeat-x center bottom transparent; }
.strong {
	display: block;
	color: #777777;
}
.text {
	font-size: 20px;
	line-height: 29px;
	display: block;
	padding: 17px 0 26px;
}
.white { color: white; }
/*=================================================================================================================== header =====*/
/*
.header-bg {
	background: url(../images/header-center-bg.jpg) top center no-repeat;
	position: relative;
}
#tail-top-left {
	background: url(../images/header-left-bg.gif) 0 0 repeat-x;
	width: 50%;
	height: 347px;
	position: absolute;
	top: 0px;
	left: 0;
}
*/
.color-list {
	position: absolute;
	top: 6px;
	right: 52px;
	z-index: 50;
}
.color-list li {
	float: left;
	padding-right: 1px;
}
.color-list li a {
	display: block;
	width: 21px;
	height: 14px;
	text-decoration: none;
}
.color-list .c1 { background: url(../images/c1-bg.gif) 0 0 no-repeat; }
.color-list .c2 { background: url(../images/c2-bg.gif) 0 0 no-repeat; }
.color-list .c3 { background: url(../images/c3-bg.gif) 0 0 no-repeat; }
/*=============================================================================== nav =====*/

/*=================================================================================================================== content =====*/

/*=============================================================================== indents =====*/
.indent { padding: 0px 0px 0px 0px }
.indent1 { padding: 0px 0px 0px 0px }
/*=============================================================================== col-indents =====*/
.col-indent { padding-right: 60px; }
.col-indent1 { padding-right: 0px; }
.col-indent2 { padding-right: 0px; }
.col-indent3 { padding-right: 0px; }
/*=============================================================================== boxes =====*/
.box {
	border: 1px solid #dadada;
	padding: 0 20px 28px 21px;
	margin-bottom:40px;
	background: url(../images/box-bg.gif) 0 0 repeat-x #f7f7f7;
	border-radius: 0px 0px 22px 22px;
	-moz-border-radius: 0px 0px 22px 22px;
	-webkit-border-radius: 0px 0px 22px 22px;
	behavior: url(js/PIE.htc);
	position: relative;
}
/*=============================================================================== line-hor =====*/
.line-hor {
	background: url(../images/line-hor-bg.gif) 0 0 repeat-x;
	height: 2px;
	margin: 0 -10px;
	position: relative;
	padding-bottom: 6px;
}
.divider { background:url(../images/divider-bg.gif) 278px 0px repeat-y; }
.divider1 { background:url(../images/divider-bg.gif) 598px 0px repeat-y; }
/*=============================================================================== lists =====*/

.list { padding: 15px 0 0; }
.list li {
	background: url(../images/bullet-green.png) no-repeat -2px top;
	list-style: none;
	list-style-position: inside;
	padding: 3px 10px 10px 20px;
	margin-left:25px;
}
#menu .list li { display:block; width:auto; padding: 4px 18px 4px 18px;}
#menu li ul li:hover { padding: 4px 18px 4px 18px; background: url(../images/bullet-green.png) no-repeat -2px top; }
.list li a {
	color: #5f5f5f;
	margin-top:20px;
}
.row .list li a { color: white; }
#social {
	height:80px;
	margin-bottom:24px;
	padding-top:0;
	position:relative;
}
ul#share  { float:right; display:inline; margin:12px 15px 0 0; list-style-type:none; width:350px; }

#share li {
	height:32px; width:32px;
	float:left;
	margin:0px 5px 0;
}
#share li a {
	height:32px; width:32px; display:block; }
li.icon-twitter {	background:  url(../images/twitter.png) left top no-repeat; }
li.icon-twitter:hover { background-position:bottom; }
li.icon-facebook {	background:  url(../images/facebook.png) left top no-repeat; }
li.icon-facebook:hover { background-position:bottom; }
li.icon-livelibrary {	background:  url(../images/livelibrary.png) left top no-repeat; }
li.icon-livelibrary:hover { background-position:bottom; }


#photos { margin-bottom:10px; }
/*=============================================================================== links =====*/
.link {
	background:url(../images/link-left-bg.png) left top no-repeat;
	display:inline-block;
	text-decoration:none;
	margin:17px 0 0 0px;
	color:#3d3d3d;
	cursor:pointer;
	font-size:20px;
	line-height: 1.2em;
}
.link strong {
	background:url(../images/link-right-bg.png) right top no-repeat;
	display:inline-block;
	padding:0 21px 0 19px;
}
.link strong strong {
	background:url(../images/link-tail-bg.png) top repeat-x;
	padding:8px 0px 11px 4px;
}
.link:hover { color:#cc6949; }
.link_1 {
	color: #767676;
	text-transform: uppercase;
	font-size: 20px;
	line-height: 1.2307em;
	text-decoration: none;
	margin-top: 11px;
	display: inline-block;
}
.link_1:hover { text-decoration: underline; }
.link1 {
	background: url(../images/link1-bg.gif) 0 0 repeat-x #999999;
	display: inline-block;
	text-align: center;
	text-decoration: none;
	border-radius: 22px;
	-moz-border-radius: 22px;
	-webkit-border-radius: 22px;
	behavior: url(js/PIE.htc);
	position: relative;
	font-size: 20px;
	line-height: 1.2em;
	color: #3d3d3d;
	margin: 9px 0 0px;
	padding: 8px 20px 9px;
	text-transform: capitalize;
}
.link1:hover { color: #cc6949; }
/*=============================================================================== row =====*/
.row {
	background: url(../images/footer-bg.gif) 0 0 repeat;
	padding: 26px 0 0px 0;
}
.row .container_12 {
	border-bottom: 1px solid #5e5b58;
	min-height: 275px;
	padding-bottom: 0px;
}
/*==========================================*/

ul.pagination {
	list-style:none;
	padding:0;
	margin:0;
	z-index:2;
	position:absolute;
	bottom:0px;
	left: 430px;
	width: 105px;
}
ul.pagination li {
	position:relative;
	float:left;
	padding-right: 0px;
	font-size: 0;
	line-height: 0;
}
ul.pagination li a {
	display:block;
	color:#f00;
	text-decoration: none;
	width: 35px;
	height: 35px;
	background: url(../images/pagination-a-bg.gif) 0 0 no-repeat;
	font-size: 0;
	line-height: 0;
}
ul.pagination li.current a {
	left:0px;
	color:#fff;
	display:block;
	background: url(../images/pagination-a-bg-hover.gif) 0 0 no-repeat;
	color: #600909;
}
ul.pagination li.last a { display: none; }
/* Project specifics =========================================================== */
/* Pour some CSS below ========================================================= */
/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/


/* Containers
-----------------------------------container_12-----------------------------------------------------------------*/
.container_12 {
	margin-left: auto;
	margin-right: auto;
	width: 960px;
}
/* Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_1, .grid_2, .grid_3, .grid_4, .grid_5, .grid_6, .grid_7, .grid_8, .grid_9, .grid_10, .grid_11, .grid_12 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom: 5px;
}
/* Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha { margin-left: 0; }
.omega { margin-right: 0; }
/* Grid >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .grid_1 { width:60px; }
.container_12 .grid_2 { width:140px; }
.container_12 .grid_3 { width:220px; }
.container_12 .grid_4 { width:300px; }
.container_12 .grid_5 { width:380px; }
.container_12 .grid_6 { width:460px; }
.container_12 .grid_7 { width:540px; }
.container_12 .grid_8 { width:620px; }
.container_12 .grid_9 { width:700px; }
.container_12 .grid_10 { width:780px; }
.container_12 .grid_11 { width:860px; }
.container_12 .grid_12 { width:940px; }
/* Prefix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .prefix_1 { padding-left:80px; }
.container_12 .prefix_2 { padding-left:160px; }
.container_12 .prefix_3 { padding-left:240px; }
.container_12 .prefix_4 { padding-left:320px; }
.container_12 .prefix_5 { padding-left:400px; }
.container_12 .prefix_6 { padding-left:480px; }
.container_12 .prefix_7 { padding-left:560px; }
.container_12 .prefix_8 { padding-left:640px; }
.container_12 .prefix_9 { padding-left:720px; }
.container_12 .prefix_10 { padding-left:800px; }
.container_12 .prefix_11 { padding-left:880px; }
/* Suffix Extra Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .suffix_1 { padding-right:80px; }
.container_12 .suffix_2 { padding-right:160px; }
.container_12 .suffix_3 { padding-right:240px; }
.container_12 .suffix_4 { padding-right:320px; }
.container_12 .suffix_5 { padding-right:400px; }
.container_12 .suffix_6 { padding-right:480px; }
.container_12 .suffix_7 { padding-right:560px; }
.container_12 .suffix_8 { padding-right:640px; }
.container_12 .suffix_9 { padding-right:720px; }
.container_12 .suffix_10 { padding-right:800px; }
.container_12 .suffix_11 { padding-right:880px; }
/* Push Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .push_1 { left:80px; }
.container_12 .push_2 { left:160px; }
.container_12 .push_3 { left:240px; }
.container_12 .push_4 { left:320px; }
.container_12 .push_5 { left:400px; }
.container_12 .push_6 { left:480px; }
.container_12 .push_7 { left:560px; }
.container_12 .push_8 { left:640px; }
.container_12 .push_9 { left:720px; }
.container_12 .push_10 { left:800px; }
.container_12 .push_11 { left:880px; }
/* Pull Space >> 12 Columns
----------------------------------------------------------------------------------------------------*/

.container_12 .pull_1 { left:-80px; }
.container_12 .pull_2 { left:-160px; }
.container_12 .pull_3 { left:-240px; }
.container_12 .pull_4 { left:-320px; }
.container_12 .pull_5 { left:-400px; }
.container_12 .pull_6 { left:-480px; }
.container_12 .pull_7 { left:-560px; }
.container_12 .pull_8 { left:-640px; }
.container_12 .pull_9 { left:-720px; }
.container_12 .pull_10 { left:-800px; }
.container_12 .pull_11 { left:-880px; }
/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */

.clearfix:after {
	clear: both;
	content: ' ';
	display: block;
	font-size: 0;
	line-height: 0;
	visibility: hidden;
	width: 0;
6 height: 0;
}
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/*
header {
	background: url(../images/header-bg.gif) 0 0 repeat-x;
}
#tail-top-left {
	background: url(../images/header-left-bg.gif) 0 0 repeat-x;
}
.header-bg {
	background: url(../images/header-center-bg.jpg) top center no-repeat;
}
*/
#calendarTitle { font-size:10px; padding:5px 0 5px 20px; }
.tabs {
	background-color: #F4F4F4;
	background-color: #F4F4F4;
	background: -moz-linear-gradient(top, #F4F4F4, #EEEEEE);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F4F4F4), to(#EEEEEE));
}
.tabs h4 {margin-top:10px; font-weight:bold;}
ul.tabNavigation {
	background: url(../images/bg_menu.png) repeat-x;
	background-image:none; background-color:#8BB90D;
	-moz-border-radius: 5px 5px 0px 0px;
	-webkit-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	
display: block;
outline: 0;
line-height: 1.3em;
text-decoration: none;
font-size: 100%;
line-height:20px; 
	vertical-align:bottom;
	height:33px;
}
ul.tabNavigation li {
	display:inline;
	line-height: 21px;
	text-align: left;
	margin: 0 0 -10px 3px;
	padding-bottom: 1px;
	border-bottom-width: 0;
	background: white;
	font-weight: normal/*{fwDefault}*/;
	color: #212121/*{fcActive}*/;
	outline: none;
	-moz-border-radius-topleft: 4px/*{cornerRadius}*/;
	-webkit-border-top-left-radius: 4px/*{cornerRadius}*/;
	-moz-border-radius-topright: 4px/*{cornerRadius}*/;
	-webkit-border-top-right-radius: 4px/*{cornerRadius}*/;

	line-height: 36px;

	text-decoration: none;
	padding: .5em 1em;
	vertical-align:bottom;
}
ul.tabNavigation li a {vertical-align:bottom; }
ul.tabNavigation li a.selected { text-decoration:none; } 
div.tabs > div { padding:15px; border:thin solid #525252; min-height:200px;} 
.liOn { background-color:#F2F2F2 !important; }

#top-bar { background-color: #8BB90D; height:56px; position:absolute; top:0; width:100%; z-index:-1;}

#about .container_12 > div > * {padding:5px 15px; }
section#content {padding-bottom:20px; }
p.mission:first-letter{ text-transform: uppercase; }
p.mission {
    color: #424242;
    font-family: Garamond, Baskerville, "Baskerville Old Face", "Hoefler Text", "Times New Roman", serif;
	letter-spacing:0.05em;
	line-height: 135%;
	font-size: 19px;
	font-variant: small-caps;
	margin-bottom:20px;
}
#menu li p a  { display:inline; 	font-size:12px; }
table {
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
font-size: 12px;
width: 480px;
text-align: left;
border-collapse: collapse;
margin: 20px;
}
thead td {
font-size: 13px;
font-weight: normal;
background: #B9C9FE;
border-top: 4px solid #AABCFE;
border-bottom: 1px solid white;
color: #039;
padding: 8px;
}
td {
background: #E8EDFF;
border-bottom: 1px solid white;
color: #669;
border-top: 1px solid transparent;
padding: 8px;
text-align:center;
}
ol li { list-style: decimal inside; padding: 0 0 10px 20px;}
.clip  { position: absolute; top: 15px;}
#events {padding:15px; }
#events li  { border: 1px solid #ddd; border-bottom-color: #ccc; background-color:#fefefe;}
#events li  a { padding:10px; display:block; }
#events li  div {background-color:#fafafa; padding:10px; }
.intro {text-align:center; }
#about .container_12 > div > img.lift {
margin: 0 25px 10px 0;
padding-bottom:10px;
-webkit-box-shadow: 6px 6px 6px -6px black;
-moz-box-shadow: 6px 6px 6px -6px black;
box-shadow: 3px 6px 6px -6px black;
float:left;
}