@charset "UTF-8";
/* CSS Document */
body {background:#88bc4d; margin:0 auto;}
#wrapper-outer-body {background:#FFF;}
#wrapper-middle-body {}
#wrapper-inner-body {min-width:320px;}
/******** Header ********/
#wrapper-header { border-top:15px solid #6e9b38;
background: rgb(164,212,109); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(164,212,109,1) 0%, rgba(136,188,77,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(164,212,109,1)), color-stop(100%,rgba(136,188,77,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(164,212,109,1) 0%,rgba(136,188,77,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(164,212,109,1) 0%,rgba(136,188,77,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(164,212,109,1) 0%,rgba(136,188,77,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(164,212,109,1) 0%,rgba(136,188,77,1) 100%); /* W3C */
}
#wrapper-header .container {position:relative;}
#header-top {}
div#logo {color:#FFF;  margin-top:4px; position:relative; z-index:9999;}
div#logo a {color:#EDE0B6; text-decoration:none; font-weight:400; font-size:20px; line-height:50px; padding:0 0 0 60px;}
div#logo a:hover {color:#fff;}
div#logo p {}
div#logo img {}
div#logo h1, div#logo h2, div#logo h3, div#logo h4, div#logo h5, div#logo h6 {}
a#logo {display:block; min-height:100px;}
a#logo img {display:block; margin:0 auto; border:none;}
#wrapper-logo {padding-top:10px; color:#FFF; line-height:1em;}
#wrapper-logo img {margin:0 10px 0 0;}
#wrapper-logo a {text-decoration:none;}
#wrapper-logo h2 {font-size:44px; color:#FFF; line-height:1em; font-weight:400; }
#wrapper-logo h4 {font-size:28px; letter-spacing:.11em; line-height:1em; font-weight:400;}
#header-bottom {}
/******** /Header ********/
/******** Navigation ********/
.navbar .navbar-message {display:none;}
.navbar-wrapper {position:relative; z-index:9998; background:#345; border:1px solid #fff; border-style:solid none;}
.navbar-wrapper .navbar {margin:0 auto;}
.navbar .navbar-inner { border:0; background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; padding:0; }
.navbar .nav {margin:6px 0;}
.navbar .nav > li > a { padding:0 10px; font:18px/28px "Libre Baskerville", Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif; text-shadow:none; color:#fff !important;  text-transform:uppercase; border-radius:4px;}
.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav > li a.active {background:none; -webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none; color:#FFF; }
.nav > li > a > img {float:right; position:relative; top:3px;}
.navbar .nav > li:hover > a,
.navbar .nav > .active > a:hover {background:#81909f; color:#fff !important;}
.navbar .btn-navbar {background:#81909f;}
.navbar .btn-navbar:hover,
.navbar .btn-navbar:focus,
.navbar .btn-navbar:active,
.navbar .btn-navbar.active,
.navbar .btn-navbar.disabled {color:#17375e;}
.navbar .nav > li {position:relative; padding:0; font:18px/28px "Libre Baskerville", Georgia, Constantia, "Lucida Bright", "DejaVu Serif", serif; text-shadow:none; color:#fff !important;  text-transform:uppercase;}
.navbar .nav-child {position:absolute; left:-99999px;  z-index:9998; min-width:190px; width:auto !important; width:190px; border-bottom:1px solid #345; white-space:nowrap; padding-top:6px; padding-top:0 \9}
.navbar .nav > li:hover > .nav-child {left:0;}
.navbar .nav-child > li > a {background:#fff; background:rgba(255,255,255,.9); display:block; font-size:14px; text-transform:none; line-height:30px; text-decoration:none; padding:0 10px; border:1px solid #345; border-style:none solid;}
.navbar .nav-child > li > a:hover {background:#345; color:#fff;}
.navbar a.less, .navbar a.more {display:none;}
/******** /Navigation ********/
/******** Forms ********/
.btn {text-decoration:none !important;}
.formResponsive input[type="submit"],
.btn-primary,
.button {color:#fff !important; text-decoration:none !important; background:#345; font-size:13px; border-radius:4px; padding:4px 10px; display:inline-block; text-align:center; border:none; }
.button:hover,
.formResponsive input[type="submit"]:hover,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.disabled,
.btn-primary[disabled] {color:#fff; background:#81909f;}
.formResponsive textarea, .formResponsive input[type="text"], .formResponsive input[type="password"] {background-color:#f7f7f7; border:1px solid #ccc;}
.formResponsive .formHorizontal .formControlLabel {}
.formResponsive .formHorizontal .rsform-block {margin-bottom:.5em;}
.formRequired {color:#c00;}
/******** /Forms ********/
/******** Banner ********/
#banner {}
#banner #banner-message {}
#banner #banner-message h3 {}
#banner #banner-message p {}
#banner-full {background:#345;}
#banner-full .main_image_slideshow_wrapper {width:100% !important;}
#banner-full .main_images_wrapper {position:relative;}
#banner-full div.igallery_clear {clear:none;}
#banner-full .main_images_wrapper .main_slideshow_buttons {position:absolute; z-index:9999; bottom:0; right:245px;}
#banner-full .main_images_wrapper .large_img_holder img {margin:0 !important;}
#banner-full #banner-message {}
#banner-full #banner-message h3 {}
#banner-full #banner-message p {}
/******** /Banner ********/
/******** Content ********/
#wrapper-content {padding:30px 0; border-top:2px solid #fff;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(238,238,238,1) 0%, rgba(255,255,255,1) 100px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,238,238,1)), color-stop(100px,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1)100px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100px); /* IE10+ */
background: linear-gradient(to bottom,  rgba(238,238,238,1) 0%,rgba(255,255,255,1) 100px); /* W3C */
}
.page-header {margin:0; padding:0; border:none;}
#page-content {}
#content-top {}
#content-left {}
#content-right {}
#content-bottom {}
.item-page {}

.googlemap,
.map {color:#000;}
.map img {width:auto !important; max-width:none !important;}

/******* Book List *******/
/*** Search View Toolbar ***/
.pager {text-align:left; margin:0 0 20px; padding:0 10px 0 5px; line-height:30px; border:1px solid #eee; border-radius:5px;}
.pager a.view-list, .pager a.view-grid, .pager a.view-map {background: url(../images/layout/search-results-view.png) no-repeat 0 0; width:18px; height:18px; padding:0; margin:6px 2px; border:none; text-indent:-9999px; float:right;}
.pager a.view-list {background-position:0 0;}
.pager .pager-current,
.pager .bt_pages {padding:0 5px;}
.pager a.view-list:hover ,
.pager a.view-list.active {background-position:0 -20px;}
.pager a.view-grid {background-position:-20px 0;}
.pager a.view-grid:hover,
.pager a.view-grid.active {background-position:-20px -20px;}
.pager a.view-map {background-position:-40px 0;}
.pager a.view-map:hover,
.pager a.view-map.active {background-position:-40px -20px;}
.pager .disabled {display:none;}
/*** Search View Toolbar ***/
.bookList {}
.bookList .fl_book {margin-bottom:1em; border:1px solid #eee; border-radius:4px;}
.bookList .fl_book:nth-child(even) {background: #f6f6f6}
.bookList .fl_book .fl_book_image {padding:5px;}
.bookList .fl_book .fl_book_description {padding:5px;}
.bookList .fl_book .fl_book_title {font-size:1.2em;}
.bookList .fl_book .fl_book_brief_description {}
.bookList .fl_book .fl_book_authors {padding:5px; font-weight:700;}
/***/
.bookDetail {}
.bookDetail .fl_book {margin-bottom:1em;}
.bookDetail .fl_book .fl_book_image {}
.bookDetail .fl_book .fl_book_arrival_date {background:#a4d46d; padding:2px 8px; display:block;}
.bookDetail .fl_book .fl_book_category {background:#eee; margin: 0 3px 0 0; padding:2px 8px; border-radius:4px;}
.bookDetail .fl_book .fl_book_description {}
.bookDetail .fl_book .fl_book_title {margin:.5em 0; border-bottom:1px solid #345;}
.bookDetail .fl_book .fl_book_brief_description {color:#888; font-style:italic;}
.bookDetail .fl_book .book-authors {font-weight:700;}
.bookDetail .fl_book_reviews {border:1px solid #eee; border-radius:4px; padding: 20px 2%; margin-bottom:1em;}

#libraryStories h2 {font-size: 18px; margin-bottom: 1em;}

.itemid-255 #content iframe {
	width: 100%;
}
/******** /Content ********/
/******* Modules ********/
#content-right [class*="moduletable"] {border:1px solid #eee; padding:5px 10px; border-radius:4px;}
#wrapper-content [class*="moduletable"] {margin-bottom:1em;}
.blue {background:#345; color:#FFF; border:1px solid #345 !important;}
.blue h2, .blue h3, .blue h4, .blue h5, .blue h6, .blue a {color:#FFF;}

/*** Upcoming Events ***/
ul.newsfeed_upcoming-events {padding:0; margin:0;}
ul.newsfeed_upcoming-events h5 {font-size:1em;}
ul.newsfeed_upcoming-events ul {list-style:none; margin:0;}
ul.newsfeed_upcoming-events ul li {margin-bottom:1em;}
.moduletable_upcoming-events {background:url(../images/layout/event-calloutBg.png) 50% 100% no-repeat; padding:30px 15px 40px; color:#FFF; margin:-30px 0 0;}
.moduletable_upcoming-events h2,
.moduletable_upcoming-events h3,
.moduletable_upcoming-events h4,
.moduletable_upcoming-events h5,
.moduletable_upcoming-events h6,
.moduletable_upcoming-events a {color:#FFF;}
.moduletable_social-networking {color:#FFF; line-height:1em; padding-top:20px;}
.moduletable_social-networking .text-right {padding:5px 0 0 0;}
.moduletable_social-networking .pull-right {padding-left:10px;}
.moduletable_love-the-library {text-align: center; color: #fff; margin: 0 !important;}
.moduletable_love-the-library a {color: #FFF;}
.custom_love-the-library {background: url(/images/callouts/heart.png) 50% 0 / 85%  no-repeat; padding: 40px 0;}
.moduletable_upcoming-events iframe {
	width: 100%;
}
/******* /Modules ********/

/******** Footer ********/
#wrapper-outer-footer {min-height:150px; height:auto !important; height:150px; padding-top:10px; color:#FFF;}
#wrapper-middle-footer {border-top:1px solid #fff;}
#wrapper-middle-footer .footer-bookmark {margin:-10px auto 20px; display:block;}
#wrapper-inner-footer {}
#footer-top {}
#footer-bottom {text-align:center; font-size:12px; line-height:1em; padding-top:60px;}
#footer .nav-wrapper {}
#footer .nav {list-style:none;}
#footer .nav li {display:inline;}
#footer .nav,
#footer .nav a {color:#FFF; text-decoration:none; display:inline; padding:0 10px;}
#footer .nav a:hover {background:none;}
#footer .nav .mainlevel {font-weight:700;}
#footer .nav .less,
#footer .nav .more {display:none;}
#footer .nav .nav-child {padding-left:10px;}
#footer .moduletable_copyright {font-size:12px; line-height:14px;}
/******** /Footer ********/
/**** Site by Fine Line Websites ****/
#credits {font:11px/20px Trebuchet MS,Arial,Helvetica,sans-serif; color:#ccc; margin:10px auto; clear:both; height:30px;}
#sitebyfineline {float:right; padding:2px 10px; border-radius:5px; background:#000; background:rgba(0,0,0,.8);}
#sitebyfineline a {color:#FFF; border:none;}
#sitebyfineline a .flFine {color:#3FBCED;}
#sitebyfineline a .flLine {color:#8DC63F;}
/**** /Site by Fine Line Websites ****/

/* Print CSS */
@media print {
* {background:none; color:#000;}
#content-top, #content-left, #content-right, #content-bottom {display:none;}
}

/* Large desktop */
@media (min-width:1200px) {
	
}
@media (max-width:1199px) {
	.custom_love-the-library {padding: 20px 10px 30px;}
}

@media (min-width:969px) {

}
@media (max-width:970px) {
	div#logo {float:left;}
	.navbar .navbar-message {display:block; float:left; padding:0;}
	.navbar .navbar-message a {color:#fff; padding:0 .5em;}
	.navbar-wrapper {top:0px;}
	.navbar  {}
	.navbar .navbar-inner {padding:0;}
	.navbar .nav-collapse {background:#345;}
	.navbar .nav {float:none;}
	.navbar .nav > li:hover > .nav-child {left:0; position:relative; padding:0;}
	.navbar a.less, .navbar a.more {position:absolute; top:0; right:0; display:block; padding:0; width:30px; text-align:center; font-size:30px; text-indent:400px; overflow:hidden; }
	.navbar .nav > li {line-height:50px;}
	.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover {background:#FFF; color:#345 !important;}
	.navbar .nav > .active > a, .navbar .nav > .active > a:hover, .navbar .nav > .active > a:focus, .navbar .nav > li a.active {background:#fff ; color:#345 !important;}
	.navbar .nav > li.active ul {display:block;}
	.navbar li a.more { background:url(../images/layout/nav-more.png) 50% 50% no-repeat #81909f !important;}
	.navbar li a.more:focus,
	.navbar li a.more:active { background:url(../images/layout/nav-less.png) 50% 50% no-repeat #81909f !important;}
	.navbar  li a.less { background:url(../images/layout/nav-less.png) 50% 50% no-repeat #81909f !important; }
	.navbar  li a.less:hover { background:url(../images/layout/nav-more.png) 50% 50% no-repeat #81909f !important; }
	.navbar li a.more:hover, .navbar li a.less:hover { }
	.navbar li ul {display:none;}
	.navbar li:target ul {display:block;}
	.navbar li ul a { padding-left:20px;}
	.navbar li:target ul li { height:30px; }
	.navbar li:target ul li a { border-radius:0; background:#FFF; }
	.navbar li:target ul li:first-child { border-top:none; }
	.navbar li:target .less { z-index:1000; }
	.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a	{line-height:50px; border-radius:0; }	
	
}
@media (min-width:768px) {

}
 
/* Portrait tablet to landscape and desktop */
@media (min-width:768px) and (max-width:979px) {

}
 
/* Landscape phone to portrait tablet */
@media (max-width:767px) {
	body {padding:0;}
	#header {padding:0 3%;}
	#wrapper-middle-footer {padding:0 3%;}
	#wrapper-content {padding:40px 3%;}
	#banner-full .main_images_wrapper .main_slideshow_buttons {display:none;}
	#wrapper-logo .address .phone a {font-size:17px; line-height:2em;}
	
	#flip-scroll .cf:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
	#flip-scroll * html .cf { zoom: 1; }
	#flip-scroll *:first-child+html .cf { zoom: 1; }
	#flip-scroll table { width: 100%; border-collapse: collapse; border-spacing: 0; } 
	#flip-scroll th,
	#flip-scroll td { margin: 0; vertical-align: top; }
	#flip-scroll th { text-align: left; }
	#flip-scroll table { display: block; position: relative; width: 100%; }
	#flip-scroll thead { display: block; float: left; }
	#flip-scroll tbody { display: block; width: auto; position: relative; overflow-x: auto; white-space: nowrap; }
	#flip-scroll thead tr { display: block; }
	#flip-scroll th { display: block; text-align: right; }
	#flip-scroll tbody tr { display: table-cell; vertical-align: top; }
	#flip-scroll td { display: block; min-height: 1.25em; text-align: left; }
	 /* sort out borders */
	 #flip-scroll th { border-bottom: 0; border-left: 0; }
	#flip-scroll td { border-left: 0; border-right: 0; border-bottom: 0; }
	#flip-scroll tbody tr { border-left: 1px solid #babcbf; }
	#flip-scroll th:last-child,
	#flip-scroll td:last-child { border-bottom: 1px solid #babcbf; }
	
	/* Force table to not be like tables anymore */
	#no-more-tables table,
	#no-more-tables thead,
	#no-more-tables tbody,
	#no-more-tables th,
	#no-more-tables td,
	#no-more-tables tr {display: block;} 
	/* Hide table headers (but not display: none;, for accessibility) */
	#no-more-tables thead tr {position: absolute; top: -9999px; left: -9999px;} 
	#no-more-tables tr { border: 1px solid #ccc; } 
	#no-more-tables td {/* Behave like a "row" */ border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 50%; white-space: normal; text-align:left;} 
	#no-more-tables td:before {/* Now like a table header */ position: absolute; /* Top/left values mimic padding */ top: 6px; left: 6px; width: 45%; padding-right: 10px; white-space: nowrap; text-align:left; font-weight: bold;}
	/*Label the data*/
	#no-more-tables td:before { content: attr(data-title); }
	.moduletable_upcoming-events {background:#345; padding:30px 15px 40px; color:#FFF; margin:0 0 0;}
	.custom_love-the-library {max-width: 150px; margin: 2em auto 1em; padding: 30px 10px 50px;}
	
}
@media (max-width:650px) {
.formResponsive input[type="text"], .formResponsive input[type="password"], .formResponsive textarea, .formResponsive select {width:95% !important;}
}
/* Landscape phones and down */
@media (max-width:480px) {
	.googlemap, .map {max-width:94%; margin:auto;}
	#wrapper-logo img {display:none;}
	#footer .nav {columns:200px 1;-webkit-columns:200px 1; /* Safari and Chrome */-moz-columns:200px 1; /* Firefox */} 
#wrapper-logo {text-align:center;}
#wrapper-logo h2 {font-size:42px; }
#wrapper-logo h4 {font-size:25px;}
#wrapper-logo .address {font-size:13px;}

}
@media (max-width:430px) {

}