/**
 * Nyack Library StyleSheet
 */

/* base styles */
body {
   background: #fff url(http://assets.zooluserver.com/nyacklib/img/bg.gif) repeat-x 0 0;
   font-family: georgia, garamond, 'Times New Roman', serif;
   font-size: 100%;
   line-height: 1.125em;
   text-align: center;
}

a, a:link, a:visited{
   color: #307B40;
   text-decoration: none;
}
a:hover{
   background-color: #eee; 
   text-decoration: underline;
}

.more {
   text-align: right;
}
.more a {
   color: #000;
   font-weight: bold;
   text-decoration: underline;   
}

.phone {
    font-family: 'trebuchet ms', georgia, serif;
    font-size: 16px;
}

ul {
   margin-bottom: 10px;
}

li .ico {
   margin-top: 4px;
}

.content .divider {
   margin-top: 0;
}

.funded {
   color: red;
}

/* #### form styles #### */
.content form {
   margin-bottom: 20px;
}
legend {
   color: #307B40;
   font-weight: bold;
   font-size: 90%;
}

fieldset {
   font-family:'trebuchet ms',georgia,garamond,'Times New Roman',serif;
   margin-bottom: 40px;
}

.form-err {
   font-family:'trebuchet ms',georgia,garamond,'Times New Roman',serif;
   background: #FAFFCF;
   font-size: 12px;
}

.text, select {
   font-size: 0.85em;
   vertical-align: middle;
   font-family: Verdana,Tahoma,Arial,sans-serif;
}

textarea.content {

}

button {
   border: 0;
}

label {
   vertical-align: middle;
   font-weight: bold;
   font-size: 0.85em;
}

.button {
   position: relative;
   cursor: pointer;
   border: 0px;
   color: #fff;
   font-weight: bold;
   font-family: arial;
}

.button.xs {
   background: url(/img/xs_btn.gif) no-repeat;
   width: 44px;
   height: 21px;
}

th {
   color: #307B40;
   border-bottom: 2px #307B40 solid;
   background: #fff;
   /* background: #eee;    */
}

table {
   margin-bottom: 10px;
}
/*
#wgt-breadcrumbs {
   position: absolute;
   top:  -22px;
   right: 0;
   font-size: 11px;
   margin-left: 14px;
   font-family:'trebuchet ms',georgia,garamond,'Times New Roman',serif;
}
*/
#wgt-breadcrumbs {
   position: absolute;
   top:  -18px;
   right: 0;
   font-size: 12px;
   margin-left: 14px;
   line-height: 14px;
   font-family:'trebuchet ms',georgia,garamond,'Times New Roman',serif;
}

/* #### layout specific styles */
#canvas {
   margin: auto;
   position: relative;
   width: 740px;
   text-align: left;
   background: transparent;
}

/* header styles */
.header {
   position: relative;
   margin-top: 25px;
   font-size: 0.9em;
   font-family: 'trebuchet ms', georgia;
}              

.header h1 {
   background: url(http://assets.zooluserver.com/nyacklib/img/new-logo.jpg) no-repeat;
   height: 72px;
   padding-left: 170px;
   padding-top: 28px;
   font-size: 26px;
   line-height: 29px;
   font-family: georgia, garamond, 'Times New Roman', serif;
   cursor: pointer;
}

.header .contact {
   position: absolute;
   top: 60px;
   left: 170px;
}
.header .contact span {
   margin-right: 40px;
}

.header #contact-numbers {
    text-align: center;
    left:430px;
    width: 130px;
    line-height:25px;
    position:absolute;
    top:30px;
}
#myaccount-tab {
    right: 10px;
    position: absolute;
    top: 72px;
    height: 28px;
    width: 143px;
    text-indent: -9999px;
}
#myaccount-tab a {
    outline: none;
    display: block;
    background: url(http://assets.zooluserver.com/nyacklib/img/myaccount-tab.png) no-repeat;
    height: 28px;
    width: 143px;
}
#myaccount-tab a:hover {
    background: url(http://assets.zooluserver.com/nyacklib/img/myaccount-tab.png) no-repeat -143px;
}

/* global search */
.button.xs.go {
   background: url(http://assets.zooluserver.com/nyacklib/img/xs_go_btn.gif) no-repeat;
   text-indent: -9999px;
   vertical-align: bottom;
}
#global-search {
   position: absolute;
   /* bottom: 56px; */
   top: -2px;
   right: 0px;
}
#global-search label {
    float: none;
    display: inline;
    font-weight: normal;
    margin-right: 3px;
}
#global-search select {
    width: 120px;
    background-color: #fff;
}
#global-search .text {
    width: 150px;
    padding: 2px;
}

/* main navigation styles */
ul.primary-nav {
   margin: 0px 0 10px 0;            
   padding: 0px;
   position: relative;
   text-indent: -9999px;
   width: 742px;
   height: 53px;
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav.jpg) no-repeat;
}     

ul.primary-nav, ul.bottom-nav  {
   text-align: center;
}

ul.primary-nav li {
   list-style: none;
   float: left;
   width: 123px;   
}

ul.primary-nav li a {
   outline: none;
   display: block;
   width: 123px;
   height: 53px;
   float: left;
   margin: 0;
   cursor: pointer;
}        

#lnk-home a:hover {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_hover.jpg) no-repeat;
}

#lnk-catalog a:hover {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_hover.jpg) no-repeat -123px;
}

#lnk-databases a, #lnk-services a, #lnk-youth, #lnk-about {
   width: 124px;
}

#lnk-databases a:hover {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_hover.jpg) no-repeat -246px;
}

#lnk-services a:hover {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_hover.jpg) no-repeat -370px;
}         

#lnk-youth a:hover {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_hover.jpg) no-repeat -493px;
}

#lnk-about a:hover {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_hover.jpg) no-repeat -617px;
}

/* selected styles */

#lnk-home.selected a {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_selected.jpg) no-repeat;
}

#lnk-catalog.selected a {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_selected.jpg) no-repeat -123px;
}

#lnk-databases.selected a {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_selected.jpg) no-repeat -246px;
}

#lnk-services.selected a {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_selected.jpg) no-repeat -370px;
}         

#lnk-youth.selected a {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_selected.jpg) no-repeat -493px;
}

#lnk-about.selected a {
   background: url(http://assets.zooluserver.com/nyacklib/img/primary_nav_selected.jpg) no-repeat -617px;
}       

/* end main navigation styles */

/* #### content area styles #### */

.content {
   font-size: 0.875em;
   line-height: 1.8em;   
   float: left;
   width: 740px;
   padding: 0;
   margin: 10px 0 5px 0;
}
#tinymce.content td {
   font-size: 0.875em;
   line-height: 1.8em;      
}

.content h1 {
   position: relative;
   overflow: visible;
   line-height: 1.4em;
   font-size: 2em;
   vertical-align: middle;
   margin-bottom: 0px;
   font-family: 'trebuchet ms', georgia;
}
.content h2 {
   margin-top: 20px;
   font-size: 1.4em;
   border-bottom: 1px #ccc solid;
   font-family: 'trebuchet ms', georgia;   
}
.content h2.first {
   margin-top: 0;
}

.pane {
   float: left;
}

.left-col {
   width: 235px;
   padding-right: 10px;
   position: relative;
}
#page-home .left-col {
   line-height: 1.4em;
}

#main-content {
   border-left: 1px #ccc dotted;
   padding-left: 10px;
   width: 480px;                   
}
#page-home #main-content {
   font-size: 90%;
}   

/* #### footer styles */
.footer {
    font-size: 0.9em;
    color: #333;
}
.copyright {
    color: #2B83AF;
    font-size: 10px;
    margin: 20px 20px 5px 20px;
    text-align: right;
}
.copyright a, .copyright a:link, .copyright a:visited{
    font-weight: bold;
    color: #2B83AF;
    text-decoration: none;
}
.copyright a:hover{
    background-color: #BFEAFF; 
    text-decoration: underline;
}

#btn-makedonation {
   background: url(http://assets.zooluserver.com/nyacklib/img/makedonation_btn.gif) no-repeat;
   text-indent: -9999px;
   width: 118px;
   height: 26px;
}

/* bottom navigation */
.bottom-nav {
    background: url(http://assets.zooluserver.com/nyacklib/img/footer_line.gif) no-repeat; 
    margin-top: 5px;
    padding-top: 10px;
    font-family: 'trebuchet ms', georgia;
}        
.bottom-nav li {
    display: inline;
    border-right: 1px #666 solid;
    padding-left: 5px;
    padding-right: 5px;
    font-size: 12px;
    margin: 0;
}
.bottom-nav li.last {
    padding-right: 0px;
    border: 0px;
}

.bottom-nav a, .bottom-nav a:link, .bottom-nav a:visited {
    color: #666;
    text-decoration: none;
    margin: 0;
    padding: 0;
}
.bottom-nav a:hover {
    margin: 0;
    padding: 0;
    color: #307B40;
    text-decoration: underline;
}  

/* #### page styles #### */

/* home styles */

#page-home .content {
   margin-top: 0;
}

#page-home .content .wgt.img-rotator{
   margin-bottom: 10px;
}

#page-home .content .wgt.img-rotator img {
   cursor: pointer;
}

#page-home .content h2 {
   height: 35px;
   border: 0;
   margin-top: 0;
}

#how-do-i {
   background: url(http://assets.zooluserver.com/nyacklib/img/how_do_i.gif) no-repeat;
   text-indent: -9999px;
}

#featured-items {
   background: url(http://assets.zooluserver.com/nyacklib/img/featured_items.gif) no-repeat;
   text-indent: -9999px;
   height: 44px;
   clear: both;
   overflow:none;
}

#featured-sections {
    background: url(http://assets.zooluserver.com/nyacklib/img/featured-sections-title.png) no-repeat;
    text-indent: -9999px;
    height: 44px;
}

#featured-items-list {
   width: 446px;
   height: 183px;
   overflow: none;
   list-style: none;
   text-indent: -9999px;
   background: url(http://assets.zooluserver.com/nyacklib/img/featured-sections-6b.png) no-repeat;
   margin-bottom: 20px;
   padding-left: 0;
}
#featured-items-list .local-history {
   width: 215px;
   float: left;
}
#featured-items-list a {
   outline: none;
   display: block;
}
#featured-items-list a:hover {
    background: none;    
}
#featured-items-list .local-history a {
    height: 87px;
    width: 215px;    
    display: block;
}
#featured-items-list .computer-services {
    width: 231px;
    float: left;
}
#featured-items-list .computer-services a {
    outline: none;
    width: 231px;
    height: 87px;
    display: block;
}
#featured-items-list .construction-blog {
    width: 223px;
    float: left;
}
#featured-items-list .construction-blog a {
    outline: none;
    width: 223px;
    height: 84px;
    display: block;
}
#featured-items-list .new-chapter {
    width: 223px;
    float: left;
}
#featured-items-list .new-chapter a {
    outline: none;
    width: 223px;
    height: 84px;
    display: block;
}
/*
#featured-items-list .new-chapter {
    width: 446px;
    float: left;
}
#featured-items-list .new-chapter a {
    outline: none;
    width: 446px;
    height: 126px;
    display: block;
}
*/


#upcoming-events {
   background: url(http://assets.zooluserver.com/nyacklib/img/upcoming_events.gif) no-repeat;
   text-indent: -9999px;
   margin-top: 20px;
}

#canvas #welcome {
   margin-left: -5px;            
   background: url(http://assets.zooluserver.com/nyacklib/img/welcome-bold.png) no-repeat;
   text-indent: -9999px;
   margin-bottom: 4px;
}

#quicklink, .stylized-container-quicklink {
    width: 180px;   
}
#stylized-quicklink input {
    width: 176px;
    margin: 0;
}
#btn-go {
    position: absolute;
    right: 12px;
    top: 44px;
}

#ask-24-7 {
    margin-top: 20px;
    text-align: center;
}

/* event styles */
ul.events {
   list-style: none;
   padding: 0;
}
ul.events li {
   margin-bottom: 10px; 
}
ul.events {
   list-style: none; 
   margin-left: 5px;
}

ul.events li div {
   margin-bottom: 5px; 
}
ul.events .event-date {
   color: #333;
   font-size: 85%;
}
ul.events .event-date img {
   vertical-align: bottom;   
   margin-right: 5px;
}

/* featured items styles */
.dynamic-content .featured-item {
   width: 440px;    
}
.featured-item {
   padding: 0 10px 10px 20px;
   margin-bottom: 10px;
   clear: both;
   float: left;
   border-bottom: 1px #eee solid;
   overflow: hidden;
}
.dynamic-content .featured-item {
    padding: 0 10px 10px 10px;
    background: #fff;
}

.featured-item.last {
   border: 0;
}

.featured-item .comment {
   margin-top: 10px;
}

.featured-item .info, .featured-item .image {
   float: left;
}

.dynamic-content .featured-item .info {
   width: 275px;
}

.featured-item .image {
   width: 160px;
   text-align: center;
}

.featured-item .image img, .featured-item.announcement .image .custom img  {
   border: 1px #000 solid;
}

.featured-item .image img.generic {
   border: 0px #000 solid;
}

.featured-item .gallery-link {
   margin-top: 8px;
   position: relative;
   float: left;
   clear: left;
}

.featured-item .gallery-link img {
   float: left;
   margin-right: 5px;
}
.featured-item .gallery-link span {
   margin-top: 2px;
}


.featured-item.announcement .image img {
   border: 0;
}

.featured-item .author {
   color: #666;
   font-style: italic;  
}



/* catalog form styles */
#frm-catalog {
   position: relative;
   width: 700px;
}
#frm-catalog label {
   float: left;
   width: 300px;
}
#frm-catalog input.text {
   width: 300px;
}
#frm-catalog .submit {
   margin-left: 10px;
}


/* youth services splash */
#youth-services-splash {
   text-align: center;
}
#youth-services-splash img {
   margin: 20px;
   margin-top: 0;
}

/* general info pages */
#page-teenscenegeneralinformation h2, #page-childrensroominformation h2  {
    clear: both;
}
#staff-list {
    float: left;
    margin-left: 16px;
}
#staff-list li {
    float: left;
    display: inline;
    margin: 8px;
    margin-top: 0;
    width: 208px;
    text-align: center;
}
#staff-list .staff .name {
    font-weight: bold;
}

#page-childrensroominformation textarea.text,
#page-teenscenegeneralinformation textarea.text {
    width: 75%;
}

.staff-img {
    height: 200px;
}
.staff-img img {
    border: 4px #eee solid;
    padding: 2px;
}
#page-childrensroominformation img.copy.right,
#page-teenscenegeneralinformation img.copy.right {
   margin-top: 0;
}
#staff-info-main {
    float: left;
    
    overflow: hidden;
}
.rules {
    text-align: center;
    overflow: hidden;
}
.rules a {
    margin-left: 30px;
}
.rules a:hover {
    background: none;
}
.rules span {
    margin-top: 35px;
}


/* children's room storytime */
ul.podcast-files {
    padding-left: 0;  
}
ul.podcast-files li {
    border-bottom: 1px #eee solid;
    padding: 10px;
    margin-bottom: 10px;
    list-style: none;   
}
ul.podcast-files li h3 {
    height: 55px;
    line-height: 55px;
}
ul.podcast-files li .preview {
    margin: 10px;
}

.podcast-feed {
    background: url(http://assets.zooluserver.com/nyacklib/img/rssitunesfeeds.png);
    width: 250px;
    height: 91px;
    margin-left: 30px;
}
.podcast-feed div {
    float: left;
    width: 240px;
    height: 91px;
    text-indent: -9999px;
}
.podcast-feed div.itunes {
    float: left;
    width: 260px;
    height: 91px;
}    
.podcast-feed div a {
    display: block;
    width: 240px;
    height: 91px;
    outline: none;
}
.podcast-feed div a:hover {
    border: 4px #eee solid;
    background: none;
}
.podcast-feed div.itunes a {
    display: block;
    width: 260px;
    height: 91px;
}    

/* local history styles */
/* img of month */
#image-of-month-list li {
    list-style: none;
    clear: both;
    width: 100%;
    margin-bottom: 15px;
    float: left;
}

#image-of-month-list li .detail {
    clear: both;
}

#image-of-month-list li .body h2 {
    margin-top: 14px;
}

#image-of-month-list li img {
    margin: 10px;
    margin-top: 0;
}

#image-of-month-list li div h2 {
    font-size: 16px;
    border: 0;
}

#image-of-month-list li div {

}

/* gallery styles */
#canvas .content #gallery-content h2.gallery-title {
    margin-bottom: 0;
}
#gallery-list {
    list-style: none;
    float: left;
}
#gallery-list li {
    float: left;
    width: 200px;
    height: 200px;
    margin: 10px;
}

#gallery-list li div {
    width: 200px;
    position: relative;
    height: 200px;
    text-align: center;
}
#gallery-list li div img {
    position: absolute;
    left: 0;
}

/* adult services page */
#section-container {
    margin-left: -20px;
    padding-left: 20px;
    background: #fff url(http://assets.zooluserver.com/nyacklib/img/adultservices/book-bg.png) no-repeat 0 0;
    overflow: visible;
    width: 780px;
    height: 526px;
}

#section-container .section h2, .info-box h2 {
    width: 315px;
}
#section-container  .section, .info-box {
   width: 345px;
   margin: 14px;
   margin-top: 0;
   float: left;
}
.info-box {
   width: 330px;
}
.section-container .section {
   margin-top: 10px;
}

#page-aboutthenyacklibrary .info-box, #page-aboutthenyacklibrary .info-box ul {
   margin-bottom: 0;
   margin-left: 0;
   margin-right: 20px;
}
ul.pdf-files {
   list-style: none;
   padding-left: 4px;
   
}

/* databases page */
.test {
   color: red;
   font-weight: bold;
   position: absolute;
   right: 0;
   top: 0;
   font-size: 9px;
}
h2.blinds, h3.blinds {
   position: relative;
}
h2.blinds .blind, h3.blinds .blind  {
   position: absolute;
   right: 20px;
   border: 1px #eee solid;
   border-right: 1px #ccc solid;
   border-bottom: 1px #ccc solid;
   font-size: 16px;
   width: 18px;
   height: 18px;
   top: 0px;
   line-height: 16px;
   text-align: center;
   vertical-align: top;
}
h3.blinds {
    padding-left: 20px;
}
h3.blinds .blind  {
    left: 0px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
}

dl.databaselist dt {
   border-bottom: 1px #ccc solid;
   padding: 4px;
   margin: 0;
}
dl.databaselist dd{
   position: relative;
   margin: 0;
   margin-bottom: 14px;
   border: 1px #eee solid !important;
   padding: 5px;
   padding-bottom: 10px;
   background:transparent url(http://assets.zooluserver.com/zoolu/bg/gradient-e5e5e5-ffffff.gif) repeat-x scroll 0 -30px;
   overflow:hidden;
}


.funded-bg {
   width: 171px;
   height: 97px;
   position: absolute;
   bottom: 2px;
   right: 8px;
   background: transparent url(http://assets.zooluserver.com/nyacklib/img/funded-db-x2.gif) no-repeat 0 0;
}

.thankyou-msg {
  background: url(http://assets.zooluserver.com/nyacklib/img/success-white.png) no-repeat 0 0;
  padding-left: 70px;
  padding-top: 4px;
  height: 50px;
}

.databaselist dt a {
   background: #fff url(http://assets.zooluserver.com/nyacklib/img/computer-ico.png) no-repeat 0 0;
   padding-left: 24px;
}
.databaselist dt a:hover {
   background: #eee url(http://assets.zooluserver.com/nyacklib/img/computer-ico.png) no-repeat 0 0;
}

/* #### section gallery #### */
#section-gallerylist {
   overflow: hidden;
   list-style: none;
   margin-bottom: 0;
}

#section-gallerylist li {
   float: left;
   width: 74px;
   height: 90px;
   margin: 10px;
   text-align: center;
   line-height: 10px;
   font-size: 10px;
   font-family: arial;
}

.go-back {
   position: absolute; 
   top: 54px;
   font-family: 'trebuchet ms', georgia, serif;
   font-weight: bold;
   font-size: 18px;
   right: 20px;
}

/*** book club page ***/
#page-bookdiscussiongroups h2 {
    clear: both;
}

.featured-item {
    width: 700px;
}

.featured-item .info {
   width: 520px;
}

/*** teen scene databases ***/
#youth-services-databases {
    position: relative;
    height: 340px;
    overflow: hidden;
    margin-left: 38px;
}        
    
#youth-services-databases a.photo {
    float: left;
    height: 340px;
    padding: 0;
    margin: 0;
}
#youth-services-databases a.photo:hover {
    background: transparent;
}
#youth-services-databases img {
    top: 0;
}
#txt-search-catalog {
    position: absolute;
    left: 120px;
    bottom: 40px;
    font-size: 16px;
}
#txt-databases {
    position: absolute;
    right: 130px;
    bottom: 40px;
    font-size: 16px;
}   
select#inp-marketplace {
    margin-right: 5px;
}
/*** new to nyack ***/
#page-newtonyacksection .featured-item .image {
    width: 200px;
}

#page-newtonyacksection .featured-item .info {
    width: 500px;
}

/* teen zine styles */
#teen-voices-container {
    float: left;
    width: 340px;
    overflow: hidden;
}
#teen-voices-container .left div {
    margin-left: 10px;
}
#teen-voices-container #current-issue-header {
    margin-top: -6px;
}
#voices-current-issue-container {
    overflow: hidden;
}

#teen-voices-container h2 {
    clear: left;
}

#page-teen-voices .content h1 {
    text-indent: -999px;
    background: #fff url(http://assets.zooluserver.com/nyacklib/img/teenscene/teen-voices-title.png) no-repeat 0 0;
    width: 290px;
    height: 74px;
    margin: 0;
    padding: 0;
}
#voices-pen {
    position: absolute;
    right: 2px;
    top: 40px;
}
#voices-footer {
    border-bottom: 1px #666 solid;
}

#teenzine-issue-list {
   list-style: none;
}
#teenzine-issue-list li {
   padding-bottom: 10px;
   margin-bottom: 20px;
    background: #fff url(http://assets.zooluserver.com/nyacklib/img/teenscene/poem-bg.png) no-repeat bottom right;   
}
#teenzine-issue-list h3 {
   background-color: #eee;
   padding-left: 4px;
}
#teenzine-issue-list .author {
   color: #666;
   font-style: italic;
   margin-bottom: 10px;
}

#minutes-file-list li {
    clear: both;
}
#minutes-file-list li a {
    padding-left: 22px;
    background: url(http://assets.zooluserver.com/zoolu/icons/pdf-small-ico.gif) no-repeat;
}

/* Teen Summer Reading Styles */
#summer-reading-intro {
        text-align: center;
}
#summer-reading-intro a {
    float: left;
    width: 260px;
    height: 165px;
    margin-right: 34px;
}
#summer-reading-intro a.last {
    margin: 0 0 0 6px;
}
#summer-reading-intro .links {
    width: 560px;
    text-align: center;
    margin: auto;
    padding: 2px;
    overflow: hidden;
}
#summer-reading-intro .childrens-link {
    background: url(http://admin.nyacklibrary.org/include/files/2010/06/23/tn/170/2010-srp-clip-art-112.jpg?f) center 28px no-repeat; 
}
#summer-reading-intro .teen-link {
    background: url(http://admin.nyacklibrary.org/include/files/2010/06/18/tn/200/teen_sign.jpg?f) center 28px no-repeat; 
}
#youth-services-splash {
    clear: both;
}

/* #### end page styles #### */