@charset "utf-8";
/* HOMEPAGE TOP COLUMNS */
#content-top-lt {
     width:240px;
     height:224px;
     float:left;
     background:#2d603a;
     border-right:1px solid #f3ebc0;
     overflow:hidden;
     border-bottom:1px solid #f3ebc0
}
#content-top-rt {
     padding-bottom:41.67%;
    /* 500px x 1200px */
     position:relative;
     overflow:hidden;
     background-color:black;
     float:right;
     width:679px;
     height:224px
}
#content-top-rt > a {
     color:rgba(0,0,0,0)
}
.nmc #content-top-lt {
     display:none
}
.nmc #content-top-rt {
     width:100%;
     height:0;
     float:none
}
#content-top-rt img {
     display:block;
     width:100%
}
#content-top-rt a,#content-top-rt div {
     display:block;
     position:absolute;
     left:0;
     top:0;
     width:100%;
     height:100%;
     overflow:hidden;
     background-size:cover;
     background-position:center center
}
#info-nav {
     background-color:#2d603a;
     padding-bottom:3px;
     text-align:left
}
#info-nav a {
     display:block;
     color:#c3d193;
     line-height:18px;
     line-height:18px
}
#info-nav a:hover {
     color:white
}
#info-nav > div > a {
     background:url(../../../images/img-listarrow-home.gif) left center no-repeat;
     padding:1px 0 0 12px;
     border-bottom:1px dotted #797e48;
     text-transform:uppercase
}
#info-nav > div > a:hover {
     background:url(../../../images/img-listarrow-home.gif) left center no-repeat #1e4427;
     color:white
}
#content-top-rt #hero-nav {
    position:absolute;
    height:18px;
    left:auto;
    right:0;
    bottom:0;
    top:auto;
    z-index:9999;
    background-color:rgba(117,118,118,0.65);
    padding:7px 5px 7px 20px;
    transition:background 0.4s ease;
 }
#content-top-rt #hero-nav:hover,#content-top-rt #hero-nav:active {
    background-color:rgba(117,118,118,1);
 }
#content-top-rt #hero-nav span {
     font-family:'Roboto Condensed',sans-serif;
     color:white;
     text-transform:uppercase;
     font-size:17px;
     opacity:0.9;
     font-weight:bold;
     line-height:18px;
     float:right;
     margin-right:5px;
     text-shadow:0 0 4px black
}
#content-top-rt #hero-nav a {
     position:static;
     float:right;
     width:18px;
     height:18px
}
#content-top-rt #hero-nav a img.off,#content-top-rt #hero-nav a.off img.off {
     display:block
}
#content-top-rt #hero-nav a img.on,#content-top-rt #hero-nav a.on img.on {
     display:none
}
#content-top-rt #hero-nav a.on img.on {
     display:block
}
#content-top-rt #hero-nav a.on img.off {
     display:none
}
@media only screen and (max-width:926px) {
     #content-top-lt {
         width:auto;
         height:auto;
         border-right-style:none;
         border-bottom-style:none;
         margin:4% 0 4% 4%;
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         border-radius:4px;
         clear:both
    }
    #info-nav {
         display:none
    }
    #info-title:after {
         content:" ▼"
    }
    .show-info-nav #info-nav {
         display:block
    }
    .show-info-nav #info-title:after {
         content:" ▲"
    }
    #info-title {
         font-size:16px;
         padding:8px 10px
    }
}
@media only screen and (max-width:640px) {
    #content-top-rt #hero-nav {
        text-align:left;
        left:0;
        font-size:8px !important
    }
   #content-top-rt #hero-nav span {
        display:block;
        float:none;
        padding-right:20px;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis
    }
   #content-top-rt #hero-nav a {
        display:none
    }
}
@media only screen and (max-width:490px) {
     #content-top-lt {
         float:none;
         width:auto;
         margin:4%
    }
}
/* END HOMEPAGE TOP COLUMNS */

/* HOMEPAGE BOTTOM COLUMNS */
#homepage-content {
     background-color:#5e779c
}
#content-columns {
     position:relative;
     z-index:1;
     background-color:#ebecef;
     margin:0 auto;
     text-align:center;
     height:600px;
     overflow:hidden
}
/* #content-columns:before {
     content:" ";
     position:absolute;
     z-index:-1;
     right:0;
     top:0;
     width:237px;
     height:100%;
     background-color:#eee9c3
}
*/
#content-bot-rt {
     position:relative;
     width:67%;
     float:right;
     background-color:white;
     clear:both
}
#content-bot-lt {
     width:32%;
     float:left;
     text-align:left
}
#content-bot-lt h3.home {
     font-size:18px;
     font-weight:bold;
     text-transform:uppercase;
     color:white
}
#content-columns-news {
     width:50%;
     max-height:100%;
     height:100%;
     overflow-x:hidden;
     overflow-y:auto;
     float:right;
     padding:25px 35px 0 40px;
     text-align:left;
     box-sizing:border-box;
     background-color:rgba(235,236,239,0.9)
}
#content-columns-news a {
     color:#231f20
}
#content-columns-news h2,
#content-columns-news h2 a,
#content-columns-news h4,
#content-columns-news h4 a {
     font:bold 18px "Roboto Condensed",sans-serif;
     color:#4d5e80;
     margin-left:2px;
     text-transform:uppercase;
     padding:0
}
#content-columns-news ul {
     margin:0 0 0 5px;
     padding:0;
     list-style-type:none
}
#content-columns-news li {
     line-height:16px;
     margin:0;
     padding:2px 0;
     color:#336941
}
#content-columns-mid {
     width:49%;
     height:100%;
     float:left;
     background-size:cover;
     background-position:center top;
     text-align:left;
     box-sizing:border-box;
     background-color:white;
     position:relative
}
#content-columns-mid-image {
     position:absolute;
     bottom:0;
     left:0;
     width:100%;
     padding:10px 20px 5px;
     box-sizing:border-box;
     z-index:0
}
#content-columns-mid-content {
     position:relative;
     z-index:1
}
#content-columns-mid-content,#content-columns-mid-content h1,#content-columns-mid-content h1 a,#content-columns-mid-content h2,#content-columns-mid-content h2 a,#content-columns-mid-content h3,#content-columns-mid-content h3 a,#content-columns-mid-content h4,#content-columns-mid-content h4 a,#content-columns-mid-content h5,#content-columns-mid-content h5 a,#content-columns-mid-content h6,#content-columns-mid-content h6 a {
     font-weight:bold
}
#content-columns-mid-image:before {
     content:" ";
     background-color:white;
     width:100%;
     height:100%;
     position:absolute;
     left:0;
     top:0;
     background-color:#fff;
     opacity:0.8
}
#content-columns-mid h1:first-child {
     margin-top:0;
     padding-top:0
}
#content-columns-mid-content h1,#content-columns-mid-content h1 a {
     font:bold 24px "Roboto Condensed",sans-serif
}
#content-columns-mid p {
     font-size:13px;
     line-height:20px;
     font-weight:normal;
     text-shadow:0 0 5px #fff
}
#content-columns-mid p a {
     color:#231f20
}
#resources-nav h3 {
    line-height:20px
}
 @media only screen and (max-width:926px) {
     #content-bot-lt {
         float:none;
         width:auto
    }
    #this-month-in-photos {
         float:left;
         width:49%;
         padding:20px;
         box-sizing:border-box
    }
    #resources-nav {
         float:right;
         width:49%;
         padding:20px;
         box-sizing:border-box
    }
    #content-bot-rt {
         float:none;
         width:100%;
         clear:both
    }
    #homepage-colorbar {
         display:none
    }
    #content-bot-lt h3.home:after {
         content:" ▼"
    }
    #content-bot-lt h3.home {
         border-bottom-style:none;
         margin:0;
         border-radius:4px;
         -moz-border-radius:4px;
         -webkit-border-radius:4px;
         line-height:14px
    }
    .show-homepage-spotlight #homepage-spotlight-content,.show-homepage-spotlight #programs {
         display:block
    }
    .show-homepage-spotlight #content-bot-lt h3.home {
         border-bottom-style:solid
    }
    div#content-bot-lt.show-homepage-spotlight h3.home::after {
         content:" ▲"
    }
    #content-bot-lt h3.home {
         font-size:16px;
         padding:8px 10px
    }
}
@media only screen and (max-width:640px) {
     #this-month-in-photos,#resources-nav {
         float:none;
         width:auto
    }
    #this-month-in-photos {
         padding-bottom:0
    }
    #content-columns:before {
         content:none
    }
    #content-columns-mid,#content-columns-news {
         float:none;
         width:auto !important
    }
    #content-columns-news {
         padding:20px
    }
    #content-bot-lt {
         float:none;
         width:auto
    }
    #content-columns-mid {
         background-image:none !important
    }
    #content-columns-mid-image:before {
         content:none
    }
    #content-columns-mid-image {
         position:static
    }
    #content-columns {
         height:auto;
         overflow:visible
    }
}
@media only screen and (max-width:420px) {
     .wnmc #content-columns-mid iframe {
         display:none;
        /* Hide "WNMC Music News" iframe */
    }
}
/* END HOMEPAGE BOTTOM COLUMNS */
/* EVENTS */
.events-list {
     margin:8px 0
}
div.events {
     margin:0;
     padding:2px 0 0
}
.events-rt {
     text-align:left;
     margin-left:44px
}
.events-rt p {
     line-height:1.4em
}
.events-lt {
     width:35px;
     float:left;
     text-align:center;
     line-height:1.5em;
     text-transform:uppercase;
     padding-top:2px
}
.events-lt span {
     color:#4d5e80;
     display:block;
     font-size:14px
}
.events-lt span+span {
     font-size:29px
}
p.eventdates {
     color:#4d5e80;
     text-align:center;
     line-height:18px;
     text-transform:uppercase;
     padding-bottom:15px
}
@media only screen and (max-width:920px) {
     .events-rt {
         width:auto;
         float:none
    }
    .events-lt {
         margin-right:10px
    }
}
/* END EVENTS */