/* Customizations for mdpls website */
/* ---------- Defaults ---------- */


input[type='text'], input[type='password'], input[type='email'], input[type='tel'], input[type='select'] {
    max-width: 100%;
}

.top-buffer {
    margin-top: 10px;
}

/* ---------- Header ---------- */
#header {
    position: relative;
    z-index: 1;
    display: block;
    height: auto;
    padding: 20px 0 10px 0;
    background-color: #FFF
    /*margin-bottom: 10px*/
}

#mdpls-logo {
    display: block;
    width: 207px;
    height: 120px;
    background: url(../_img/mdpls-mark.png) no-repeat;
    margin: auto
}

@media (max-width: 767px) {
    #mdpls-title {
        width: auto;
        background-position: center
    }
}

.btn-header {
    border: none
}





/* ---------- Navigation ---------- */
.no-radius {
    border-radius: 0 !important
}

@media (max-width: 767px) {
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        background-color: #FFF;
        border: 0;
        -webkit-box-shadow: none;
        box-shadow: none
    }

        .navbar-nav .open .dropdown-menu .dropdown-header,
        .navbar-nav .open .dropdown-menu > li > a {
            padding: 5px 15px 5px 20px
        }

        .navbar-nav .open .dropdown-menu > li > a {
            line-height: 20px;
            color: #333 !important
        }

            .navbar-nav .open .dropdown-menu > li > a:focus,
            .navbar-nav .open .dropdown-menu > li > a:hover {
                background-image: none;
                background-color: #f5f5f5 !important
            }
}

.no-radius {
    border-radius: 0 !important
}

.navbar {
    margin-bottom: 0 !important;
}

.navbar-inverse .navbar-toggle {
    border-color: #FFF
}

    .navbar-inverse .navbar-toggle:focus,
    .navbar-inverse .navbar-toggle:hover {
        background-color: #0084CB
    }

.navbar-inverse {
    background-color: #0b5a93;
    border-color: #0A5A93
}

    .navbar-inverse .navbar-nav > li > a {
        color: #FFF
    }

        .navbar-inverse .navbar-nav > li > a:focus,
        .navbar-inverse .navbar-nav > li > a:hover {
            color: #0183CD;
            background-color: transparent
        }

    .navbar-inverse .navbar-nav > .open > a,
    .navbar-inverse .navbar-nav > .open > a:focus,
    .navbar-inverse .navbar-nav > .open > a:hover {
        color: #fff;
        background-color: #0084CE
    }

.navbar-brand {
    font-size: 13px;
    width: 48px;
    background: url(_img/library-symbol-white.png) no-repeat 10px 10px
}

.dropdown-header {
    display: block;
    padding: 3px 20px;
    font-size: 16px;
    font-weight: 500;
    line-height: 1.42857143;
    color: #285592;
    white-space: nowrap
}
/* ---------- Intros ---------- */
#intro {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin-bottom: 30px;
    background: #FFDA1B;
    color: #333;
}

#intro-reading-ready {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin-bottom: 30px;
    background: #E4EFCE;
    color: #666;
}

#intro-babies {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin-bottom: 30px;
    background: #15837B;
    color: #FFFFFF;
}

    #intro-babies .small {
        color: #FFFFFF
    }

#intro-toddlers {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin-bottom: 30px;
    background: #DC4C69;
    color: #FFFFFF;
}

    #intro-toddlers .small {
        color: #FFFFFF
    }

#intro-preschoolers {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin-bottom: 30px;
    background: #CD4516;
    color: #FFFFFF;
}

    #intro-preschoolers .small {
        color: #FFFFFF
    }
/* ---------- Panels ---------- */
.panel-banner {
    width: 100%;
    height: 50px;
    background: no-repeat
}
/* ---------- Yellow Panel ---------- */
.panel-yellow {
    border-color: #F5E556
}

    .panel-yellow > .panel-heading {
        color: #333;
        background-color: #F5E556;
        border-color: #F5E556
    }

        .panel-yellow > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #F5E556
        }

        .panel-yellow > .panel-heading .badge {
            color: #F5E556;
            background-color: #fff
        }

    .panel-yellow > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #F5E556
    }
/* ---------- Orange Panel ---------- */
.panel-orange {
    border-color: #F6921E
}

    .panel-orange > .panel-heading {
        color: #fff;
        background-color: #F6921E;
        border-color: #F6921E
    }

        .panel-orange > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #F6921E
        }

        .panel-orange > .panel-heading .badge {
            color: #F6921E;
            background-color: #fff
        }

    .panel-orange > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #F6921E
    }
/* ---------- Red Panel ---------- */
.panel-red {
    border-color: #C44234
}

    .panel-red > .panel-heading {
        color: #fff;
        background-color: #C44234;
        border-color: #C44234
    }

        .panel-red > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #C44234
        }

        .panel-red > .panel-heading .badge {
            color: #C44234;
            background-color: #fff
        }

    .panel-red > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #C44234
    }
/* ---------- Purple Panel ---------- */
.panel-purple {
    border-color: #924887
}

    .panel-purple > .panel-heading {
        color: #fff;
        background-color: #924887;
        border-color: #924887
    }

        .panel-purple > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #924887
        }

        .panel-purple > .panel-heading .badge {
            color: #924887;
            background-color: #fff
        }

    .panel-purple > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #924887
    }
/* ---------- Brown Panel ---------- */
.panel-brown {
    border-color: #613C1F
}

    .panel-brown > .panel-heading {
        color: #fff;
        background-color: #613C1F;
        border-color: #613C1F
    }

        .panel-brown > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #613C1F
        }

        .panel-brown > .panel-heading .badge {
            color: #613C1F;
            background-color: #fff
        }

    .panel-brown > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #613C1F
    }
/* ---------- Dark-Blue Panel ---------- */
.panel-dark-blue {
    border-color: #0279B5
}

    .panel-dark-blue > .panel-heading {
        color: #fff;
        background-color: #0279B5;
        border-color: #0279B5
    }

        .panel-dark-blue > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #0279B5
        }

        .panel-dark-blue > .panel-heading .badge {
            color: #0279B5;
            background-color: #fff
        }

.panel-brown > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #613C1F
}
/* ---------- Light-Blue Panel ---------- */
.panel-light-blue {
    border-color: #00A8DE
}

    .panel-light-blue > .panel-heading {
        color: #fff;
        background-color: #00A8DE;
        border-color: #00A8DE
    }

        .panel-light-blue > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #00A8DE
        }

        .panel-light-blue > .panel-heading .badge {
            color: #00A8DE;
            background-color: #fff
        }

    .panel-light-blue > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #00A8DE
    }
/* ---------- Green Panel ---------- */
.panel-green {
    border-color: #85B951
}

    .panel-green > .panel-heading {
        color: #fff;
        background-color: #85B951;
        border-color: #85B951
    }

        .panel-green > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #85B951
        }

        .panel-green > .panel-heading .badge {
            color: #85B951;
            background-color: #fff
        }

    .panel-green > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #85B951
    }
/* ---------- Lime Panel ---------- */
.panel-lime {
    border-color: #BDD630
}

    .panel-lime > .panel-heading {
        color: #333;
        background-color: #BDD630;
        border-color: #BDD630
    }

        .panel-lime > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #BDD630
        }

        .panel-lime > .panel-heading .badge {
            color: #BDD630;
            background-color: #fff
        }

    .panel-lime > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #BDD630
    }
/* ---------- Custom Panels ---------- */
#panel-title-databases {
    font-size: 16px;
    font-weight: 500
}

#panel-news {
    background: url(../_img/newspaper.gif) no-repeat;
    background-position: 10px 2px;
    background-color: #F5F5F5;
    height: 40px;
    margin-bottom: 0
}

#panel-title-news {
    padding-left: 110px;
    margin-top: 0;
    margin-bottom: 0;
    font-size: 16px;
    color: inherit
}

#panel-picks {
    background: url(~/_img/staff-picks.png) no-repeat;
    background-position: 10px 2px;
    background-color: #F5F5F5
}

#panel-title-picks {
    padding-left: 90px
}
/* ---------- Branch Pages ---------- */
.branch-map {
    width: 100%;
    height: 300px;
    margin-bottom: -5px
}
/* ---------- Calendar of Events ---------- */
#datepickerFrom {
    width: 50px;
    height: 15px;
    padding: 0px;
    border: 0px none;
    background: none repeat scroll 0% 0% transparent;
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 33px
}

#datepickerTo {
    width: 50px;
    height: 15px;
    padding: 0px;
    border: 0px none;
    background: none repeat scroll 0% 0% transparent;
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 33px
}

#eventsDiv {
    display: block;
    width: 100%;
}

#kyw {
    background: url(~/_img/icons/search.png) no-repeat right
}

#paging_container11 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#paging_container11 a {
    color: white;
}

#wrapper {
    margin: 0px auto;
    text-align: left;
    width: 960px;
}

#paging_container1 {
    height: 320px;
}

#paging_container2 {
    height: 356px;
}

#paging_container3 {
    height: 190px;
}

#paging_container4 {
    height: 307px;
    overflow: hidden;
}

#paging_container8 .no_more {
    background-color: white;
    color: #333;
    cursor: default;
}

.ellipse {
    float: left;
}

.page_navigation, .alt_page_navigation {
    padding-bottom: 10px;
}

    .page_navigation a, .alt_page_navigation a {
        padding: 3px 5px;
        margin: 2px;
        color: white;
        text-decoration: none;
        float: left;
        font-family: Tahoma;
        font-size: 12px;
        background-color: #0b5a93
    }

.active_page {
    background-color: white !important;
    color: #333 !important;
}

.content, .alt_content {
    color: #333
}

    .content li, .alt_content li, .content > p {
        padding: 5px
    }
/* ---------- Footer ---------- */
#footer {
    float: left;
    width: 100%;
    padding: 20px 0 10px 0;
    display: block;
    background-color: #0b5a93;
    color: #999999;
    font-family: "Helvetica LT Std Light", "Helvetica Light", Helvetica, sans-serif;
    font-size: 12px
}

    #footer a {
        color: #FFF;
    }

        #footer a:hover {
            color: #0084CB
        }

    #footer ul,
    #footer ol {
        margin-left: -20px
    }

.list-footer li,
.list-footer li a,
.list-footer li span {
    padding-left: 0;
    list-style: none;
    margin-bottom: 5px;
    color: #FFF;
    text-decoration: none
}

#newsletter {
    display: block;
    background: url(~/_img/icons/newspaper_icon_32.png) no-repeat;
    height: 32px;
    padding: 6px 0 10px 50px;
    color: #999999;
    font-size: 14px;
    line-height: 1.2em;
    text-decoration: none;
    margin: -10px 0 5px 0
}
/* ---------- copyright ---------- */
#copyright {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0 0 0;
    background: #0084ce;
    color: #333;
    font-size: 11px;
    font-family: "Helvetica LT Std Light", "Helvetica Light", Helvetica, sans-serif
}

    #copyright a {
        color: #FFF;
    }

        #copyright a:hover {
            color: #145A92
        }

    #copyright a {
        text-decoration: none
    }

#mdc-copyright {
    display: block;
    background: url(~/_img/mdcLogoWhite.png) no-repeat left;
    height: 30px;
    padding: 10px 0 0 50px;
    margin: -8px 0 0 0
}
/* ---------- dividers ---------- */
.width100 {
    width: 100%;
}

.width90 {
    width: 90%;
}

.width75 {
    width: 75%;
}

.width50 {
    width: 50%;
}

.width25 {
    width: 25%;
}

.space5 {
    clear: both;
    width: 100%;
    display: block;
    padding: 3px 0;
}

.space10 {
    clear: both;
    width: 100%;
    display: block;
    padding: 5px 0;
}

.space20 {
    clear: both;
    width: 100%;
    display: block;
    padding: 10px 0;
}

.space30 {
    clear: both;
    width: 100%;
    display: block;
    padding: 15px 0;
}

.space40 {
    clear: both;
    width: 100%;
    display: block;
    padding: 20px 0;
}

.space50 {
    clear: both;
    width: 100%;
    display: block;
    padding: 25px 0;
}

.space100 {
    clear: both;
    width: 100%;
    display: block;
    padding: 50px 0;
}


/* Push Footer to bottom*/

* {
    padding: 0;
    margin: 0;
}

html {
    position: relative;
    min-height: 100%;
}

body {
    /* Margin bottom by footer height */
    margin-bottom: 36px;
}

#copyright {
    position: absolute;
    bottom: 0;
    width: 100%;
    /* Set the fixed height of the footer here */
    height: 36px;
}


/******* Mauricio's************/

@charset "UTF-8";
/* ---------- CSS Document ---------- */
a {
    color: #333333;
    text-decoration: none
}

    a:focus,
    a:hover {
        color: #145A92;
        text-decoration: none
    }

    a:focus {
        outline: 5px auto -webkit-focus-ring-color;
        outline-offset: -2px
    }

#content {
    float: left;
    width: 100%;
    display: block;
    padding: 0
}

    #content p a,
    #content li a {
        color: #333333;
        text-decoration: underline;
    }

        #content p a:hover,
        #content p a:focus,
        #content li a:hover,
        #content li a:focus {
            color: #145A92 !important;
            text-decoration: underline;
        }

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
    color: #333333 !important;
    text-decoration: none !important;
}

h1, .h1 {
  
    font-family: "font-family:Lato,Poynter,Georgia,serif";
}

h2, .h2 {
   
    font-family: "font-family:Lato,Poynter,Georgia,serif";
}

h3, .h3 {
   
    font-family: "font-family:Lato,Poynter,Georgia,serif";
}

h4, .h4 {
   
    font-family: "font-family:Lato,Poynter,Georgia,serif";
}

h5, .h5 {
  
    font-family: "font-family:Lato,Poynter,Georgia,serif";
}

h6, .h6 {
    
    line-height: 1.4em;
    margin: 0 0 .07em 0;
    font-family: "font-family:Lato,Poynter,Georgia,serif";
}

    h1 small,
    h2 small,
    h3 small,
    h4 small,
    h5 small,
    h6 small,
    .h1 small,
    .h2 small,
    .h3 small,
    .h4 small,
    .h5 small,
    .h6 small,
    h1 .small,
    h2 .small,
    h3 .small,
    h4 .small,
    h5 .small,
    h6 .small,
    .h1 .small,
    .h2 .small,
    .h3 .small,
    .h4 .small,
    .h5 .small,
    .h6 .small {
        color: #666666;
    }

.thumbnail .caption {
    text-align: inherit !important
}

.thumbnail-unstyled {
    padding: 0 !important;
    border: none;
    border-radius: 0 !important;
    background-color: transparent
}

.lead {
    font-size: 18px;
    line-height: 1.2
}

@media (min-width: 768px) {
    .lead {
        font-size: 20px;
    }
}

.page-header {
    padding-bottom: 0;
    margin: 30px 0 10px;
    border-bottom: none
}

.press-header,
.press-release-header h1,
h1.press-release {
    font-size: 22px;
    text-align: center;
    margin: 30px 0 10px
}

.press-release-header h2,
h2.press-release {
    margin-bottom: 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 300;
    font-style: italic;
    line-height: 1.4
}

.sub-heading {
    margin-bottom: 20px;
    font-size: 24px !important;
    line-height: 1.1
}
/* phasing this version of sub-heading out */
.subheading {
    margin-bottom: 20px;
    font-size: 24px !important;
    line-height: 1.1
}

.img-left {
    float: left;
    margin: 20px 20px 0 0
}

.img-right {
    float: right;
    margin: 20px 0 0 20px
}

.well-sm {
    padding: 6px 12px
}

.well.well-intro {
    padding: 6px 12px;
    border: none !important;
    border-radius: 0 !important;
    background-color: #E2EAF1 !important
}

.transparent,
.well-transparent {
    background-color: hsla(0,0%,100%,0.80);
    border: none !important
}

.well-white {
    background-color: #FFFFFF;
    border-color: #DDDDDD
}

#well-misshumblebee {
    background-color: #E2DDBC;
    color: #626034
}

#press-release-intro,
#press-release-heading {
    min-height: 120px;
    background: url(../_img/miami-dade-county-press-release-header.jpg) no-repeat center, #204176;
    margin-bottom: 30px;
}

address {
    margin-bottom: 0;
    font-style: normal
}

ul {
    list-style: disc
}

    ul ul {
        list-style: circle
    }

#content ul,
#content ol {
    margin-top: 0;
    margin-bottom: 10px
}

    #content ul ul,
    #content ol ul,
    #content ul ol,
    #content ol ol {
        margin-bottom: 0
    }

    #content ul li,
    #content ol li {
        margin-bottom: 5px
    }

.list-unstyled ul {
    list-style: disc;
    padding-left: 25px
}

.pagination a {
    text-decoration: none !important
}

.top-bar {
    min-height: 20px;
    padding: 0 12px;
    background-color: #99CA3C;
    border: 1px solid #99CA3C;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.05);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.05)
}

    .top-bar ul {
        margin: 10px 0 0 0 !important
    }

.toggle a {
    text-decoration: none !important;
    color: #333333 !important
}

    .toggle a:hover,
    .toggle a:focus {
        text-decoration: none !important;
        color: #333333 !important
    }

.toggle_content {
    padding-top: 5px
}

    .toggle_content .list-unstyled {
        padding-left: 10px
    }

figcaption {
    font-size: 12px !important;
}

header {
    background: #FFF !important
}

    header a {
        text-decoration: none
    }

#mdpls-logo {
    display: block !important;
    width: 207px;
    height: 120px;
    min-height: 120px;
    background: url(https://www.mdpls.org/_img/mdpls-mark.png) no-repeat;
    margin: auto !important;
}

.btn-header {
    border: none
}

.youmedia-hours {
    border-left: 4px solid #F27024;
    padding-left: 20px
}

.mobile-printing-location {
    font-size: 14px;
    margin-bottom: 10px
}

.gallery-caption, .wp-caption, .imageborder {
    border: 1px solid #ddd;
    padding: 5px;
    margin-top: 0.45em;
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .1);
    background-color: #fff;
}

.box-shadow {
    box-shadow: hsla(0,0%,0%,0.30) 2px 2px 5px
}

.rotate-5deg-negative {
    transform: rotate(-5deg)
}

.img-event {
    display: block;
    max-width: 100%;
    height: auto;
    border: solid 1px #C7C7C7;
    margin-bottom: 20px;
}

hr.reverse {
    margin-top: 20px;
    margin-bottom: 20px;
    border: 0;
    border-top: 1px solid white !important
}

blockquote {
    color: #333;
    font-size: 16px;
}

    blockquote footer,
    blockquote small,
    blockquote .small {
        font-size: 90%;
        color: #666;
    }

#noScript {
    background-color: #ffffcc;
    border: 2px solid Red;
    padding: 10px;
    text-align: center;
    font-family: Verdana, Arial, Helvetica;
    font-size: 14px;
}
/* -------- Navigation -------- */
.navbar-mdpls {
    background-color: #f8f8f8;
    border-color: #e7e7e7;
}

    .navbar-mdpls .navbar-brand {
        color: #777;
    }

        .navbar-mdpls .navbar-brand:hover,
        .navbar-mdpls .navbar-brand:focus {
            color: #5e5e5e;
            background-color: transparent;
        }

    .navbar-mdpls .navbar-text {
        color: #333;
    }

    .navbar-mdpls .navbar-nav > li > a {
        color: #333;
    }

        .navbar-mdpls .navbar-nav > li > a:hover,
        .navbar-mdpls .navbar-nav > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-mdpls .navbar-nav > .active > a,
    .navbar-mdpls .navbar-nav > .active > a:hover,
    .navbar-mdpls .navbar-nav > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-mdpls .navbar-nav > .disabled > a,
    .navbar-mdpls .navbar-nav > .disabled > a:hover,
    .navbar-mdpls .navbar-nav > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }

    .navbar-mdpls .navbar-toggle {
        border-color: #ddd;
    }

        .navbar-mdpls .navbar-toggle:hover,
        .navbar-mdpls .navbar-toggle:focus {
            background-color: #ddd;
        }

        .navbar-mdpls .navbar-toggle .icon-bar {
            background-color: #888;
        }

    .navbar-mdpls .navbar-collapse,
    .navbar-mdpls .navbar-form {
        border-color: #e7e7e7;
    }

    .navbar-mdpls .navbar-nav > .open > a,
    .navbar-mdpls .navbar-nav > .open > a:hover,
    .navbar-mdpls .navbar-nav > .open > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

@media (max-width: 767px) {
    .navbar-mdpls .navbar-nav .open .dropdown-menu > li > a {
        color: #777;
    }

        .navbar-mdpls .navbar-nav .open .dropdown-menu > li > a:hover,
        .navbar-mdpls .navbar-nav .open .dropdown-menu > li > a:focus {
            color: #333;
            background-color: transparent;
        }

    .navbar-mdpls .navbar-nav .open .dropdown-menu > .active > a,
    .navbar-mdpls .navbar-nav .open .dropdown-menu > .active > a:hover,
    .navbar-mdpls .navbar-nav .open .dropdown-menu > .active > a:focus {
        color: #555;
        background-color: #e7e7e7;
    }

    .navbar-mdpls .navbar-nav .open .dropdown-menu > .disabled > a,
    .navbar-mdpls .navbar-nav .open .dropdown-menu > .disabled > a:hover,
    .navbar-mdpls .navbar-nav .open .dropdown-menu > .disabled > a:focus {
        color: #ccc;
        background-color: transparent;
    }
}

.navbar-mdpls .navbar-link {
    color: #777;
}

    .navbar-mdpls .navbar-link:hover {
        color: #333;
    }

.navbar-mdpls .btn-link {
    color: #777;
}

    .navbar-mdpls .btn-link:hover,
    .navbar-mdpls .btn-link:focus {
        color: #333;
    }

    .navbar-mdpls .btn-link[disabled]:hover,
    fieldset[disabled] .navbar-mdpls .btn-link:hover,
    .navbar-mdpls .btn-link[disabled]:focus,
    fieldset[disabled] .navbar-mdpls .btn-link:focus {
        color: #ccc;
    }
/* -------- Home Page Elements -------- */
#content .feature-block a {
    color: #FFFFFF !important;
    font-size: 20px !important;
    font-weight: 600 !important;
    line-height: 1em;
    text-decoration: none !important;
    text-shadow: #000000 0px 0px 4px;
    font-family: "ITC Avant Garde Std Md", didact-gothic, Arial, sans-serif
}

    #content .feature-block a:hover,
    #content .feature-block a:focus {
        text-decoration: none !important;
        color: #DDDDDD !important
    }

.feature-content {
    background-size: cover !important;
    margin: 5px -10px;
    padding: 10px;
}

    .feature-content.block-sm,
    .feature-content.block-lg {
        min-height: 200px
    }

@media only screen and (min-width: 768px) {
    .feature-content.block-sm {
        min-height: 160px
    }

    .feature-content.block-lg {
        min-height: 330px
    }
}

.feature-heading-bottom-left {
    position: absolute;
    bottom: 15px;
}

.feature-heading-bottom-right {
    position: absolute;
    bottom: 15px;
    right: 15px;
}

.feature-heading-top-right {
    position: absolute;
    right: 15px;
}

#events-block {
    background: url(../_img/boy-playing-as-king.jpg) no-repeat center;
}

#news-block {
    background: url(../_img/antique-typewriter.jpg) no-repeat center;
}

#creative-block {
    background: url(../_img/young-girl-making-bracelet.jpg) no-repeat top;
}

#books-block {
    background: url(../_img/young-man-with-dreads-reading-book.jpg) no-repeat center;
}

#communityresources-block {
    background: url(../_img/brickell-miami-skyline.jpg) no-repeat bottom;
}

#entertainment-block {
    background: url(../_img/senior-listening-to-music-on-mobile-device-4-6.jpg) no-repeat center;
}

#getacard-block {
    background: url(../_img/library-card-background-art.gif) no-repeat center;
}

#learningandtraining-block {
    background: url(../_img/young-couple-using-laptop.jpg) no-repeat center;
}

@media only screen and (min-width: 768px) {
    #entertainment-block {
        background: url(../_img/senior-listening-to-music-on-mobile-device.jpg) no-repeat center;
    }
}
/* ---------- Buttons ---------- */
.btn-success {
    color: #fff !important;
    background-color: #39B54A;
    border-color: #39B54A;
}

    .btn-success:hover,
    .btn-success:focus,
    .btn-success.focus,
    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        color: #fff !important;
        background-color: #009444;
        border-color: #009444;
    }

    .btn-success:active,
    .btn-success.active,
    .open > .dropdown-toggle.btn-success {
        background-image: none;
    }

    .btn-success.disabled,
    .btn-success[disabled],
    fieldset[disabled] .btn-success,
    .btn-success.disabled:hover,
    .btn-success[disabled]:hover,
    fieldset[disabled] .btn-success:hover,
    .btn-success.disabled:focus,
    .btn-success[disabled]:focus,
    fieldset[disabled] .btn-success:focus,
    .btn-success.disabled.focus,
    .btn-success[disabled].focus,
    fieldset[disabled] .btn-success.focus,
    .btn-success.disabled:active,
    .btn-success[disabled]:active,
    fieldset[disabled] .btn-success:active,
    .btn-success.disabled.active,
    .btn-success[disabled].active,
    fieldset[disabled] .btn-success.active {
        background-color: #92CD8B;
        border-color: #92CD8B;
    }

    .btn-success .badge {
        color: #009444;
        background-color: #fff;
    }

.btn-info {
    color: #fff;
    background-color: #29AAE2;
    border-color: #29AAE2;
}

    .btn-info:hover,
    .btn-info:focus,
    .btn-info.focus,
    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        color: #fff !important;
        background-color: #1D7AA2;
        border-color: #1D7AA2;
    }

    .btn-info:active,
    .btn-info.active,
    .open > .dropdown-toggle.btn-info {
        background-image: none;
    }

    .btn-info.disabled,
    .btn-info[disabled],
    fieldset[disabled] .btn-info,
    .btn-info.disabled:hover,
    .btn-info[disabled]:hover,
    fieldset[disabled] .btn-info:hover,
    .btn-info.disabled:focus,
    .btn-info[disabled]:focus,
    fieldset[disabled] .btn-info:focus,
    .btn-info.disabled.focus,
    .btn-info[disabled].focus,
    fieldset[disabled] .btn-info.focus,
    .btn-info.disabled:active,
    .btn-info[disabled]:active,
    fieldset[disabled] .btn-info:active,
    .btn-info.disabled.active,
    .btn-info[disabled].active,
    fieldset[disabled] .btn-info.active {
        background-color: #5bc0de;
        border-color: #46b8da;
    }

    .btn-info .badge {
        color: #5bc0de;
        background-color: #fff;
    }

.btn-link {
    font-weight: normal;
    color: #333333;
    border-radius: 0;
}

    .btn-link,
    .btn-link:active,
    .btn-link.active,
    .btn-link[disabled],
    fieldset[disabled] .btn-link {
        background-color: transparent;
        -webkit-box-shadow: none;
        box-shadow: none;
    }

        .btn-link,
        .btn-link:hover,
        .btn-link:focus,
        .btn-link:active {
            border-color: transparent;
        }

            .btn-link:hover,
            .btn-link:focus {
                color: #145A92;
                text-decoration: none;
                background-color: transparent;
            }

            .btn-link[disabled]:hover,
            fieldset[disabled] .btn-link:hover,
            .btn-link[disabled]:focus,
            fieldset[disabled] .btn-link:focus {
                color: #777;
                text-decoration: none;
            }

.btn-android {
    color: #fff;
    text-shadow: hsla(0,0%,0%,0.30) 0 0 2px;
    background-color: #A4C439;
    border-color: #A4C439;
}

    .btn-android:hover,
    .btn-android:focus,
    .btn-android.focus,
    .btn-android:active,
    .btn-android.active,
    .open > .dropdown-toggle.btn-android {
        color: #fff !important;
        background-color: #738a28;
        border-color: #738a28;
    }

    .btn-android:active,
    .btn-android.active,
    .open > .dropdown-toggle.btn-android {
        background-image: none;
    }

    .btn-android.disabled,
    .btn-android[disabled],
    fieldset[disabled] .btn-android,
    .btn-android.disabled:hover,
    .btn-android[disabled]:hover,
    fieldset[disabled] .btn-android:hover,
    .btn-android.disabled:focus,
    .btn-android[disabled]:focus,
    fieldset[disabled] .btn-android:focus,
    .btn-android.disabled.focus,
    .btn-android[disabled].focus,
    fieldset[disabled] .btn-android.focus,
    .btn-android.disabled:active,
    .btn-android[disabled]:active,
    fieldset[disabled] .btn-android:active,
    .btn-android.disabled.active,
    .btn-android[disabled].active,
    fieldset[disabled] .btn-android.active {
        background-color: #d2e29c;
        border-color: #d2e29c;
    }

    .btn-android .badge {
        color: #d2e29c;
        background-color: #fff;
    }

.btn-apple {
    color: #fff;
    text-shadow: hsla(0,0%,0%,0.30) 0 0 2px;
    background-color: #999;
    border-color: #999;
}

    .btn-apple:hover,
    .btn-apple:focus,
    .btn-apple.focus,
    .btn-apple:active,
    .btn-apple.active,
    .open > .dropdown-toggle.btn-apple {
        color: #fff !important;
        background-color: #666;
        border-color: #666;
    }

    .btn-apple:active,
    .btn-apple.active,
    .open > .dropdown-toggle.btn-apple {
        background-image: none;
    }

    .btn-apple.disabled,
    .btn-apple[disabled],
    fieldset[disabled] .btn-apple,
    .btn-apple.disabled:hover,
    .btn-apple[disabled]:hover,
    fieldset[disabled] .btn-apple:hover,
    .btn-apple.disabled:focus,
    .btn-apple[disabled]:focus,
    fieldset[disabled] .btn-apple:focus,
    .btn-apple.disabled.focus,
    .btn-apple[disabled].focus,
    fieldset[disabled] .btn-apple.focus,
    .btn-apple.disabled:active,
    .btn-apple[disabled]:active,
    fieldset[disabled] .btn-apple:active,
    .btn-apple.disabled.active,
    .btn-apple[disabled].active,
    fieldset[disabled] .btn-apple.active {
        background-color: #ccc;
        border-color: #ccc;
    }

    .btn-apple .badge {
        color: #ccc;
        background-color: #fff;
    }

.alert-success .alert-link {
    color: #2b542c !important;
}

.alert-info .alert-link {
    color: #245269 !important;
}

.alert-warning .alert-link {
    color: #66512c !important;
}

.alert-danger .alert-link {
    color: #843534 !important;
}
/* ---------- Intros ---------- */
#intro {
    float: left;
    width: 100%;
    display: block;
    padding: 20px 0 10px 0;
    margin-bottom: 40px;
    background: #E2EAF1;
    color: #333333;
}

#introReadingReady {
    float: left;
    width: 100%;
    display: block;
    padding: 30px 0 10px 0;
    margin-bottom: 40px;
    background: #E4EFCE;
}

#introBabies {
    float: left;
    width: 100%;
    display: block;
    padding: 30px 0 10px 0;
    margin-bottom: 40px;
    background: #15837B;
    color: #FFFFFF;
}

#introToddlers {
    float: left;
    width: 100%;
    display: block;
    padding: 30px 0 10px 0;
    margin-bottom: 40px;
    background: #DC4C69;
    color: #FFFFFF;
}

#introPreschoolers {
    float: left;
    width: 100%;
    display: block;
    padding: 30px 0 10px 0;
    margin-bottom: 40px;
    background: #CD4516;
    color: #FFFFFF;
}

#intro-passport {
    float: left;
    width: 100%;
    display: block;
    padding: 30px 0 10px 0;
    background: url(../_img/flight-header.png) no-repeat top center;
    color: #666;
}

#intro-art {
    float: left;
    width: 100%;
    display: block;
    padding: 30px 0 10px 0;
    background: url(../_img/paint-art-background.jpg) no-repeat top center;
}

#intro-reading-ready {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin-bottom: 30px;
    background: #E4EFCE;
    color: #666;
}

#intro-babies {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin-bottom: 30px;
    background: #15837B;
    color: #FFFFFF;
}

    #intro-babies .small {
        color: #FFFFFF
    }

#intro-toddlers {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin-bottom: 30px;
    background: #DC4C69;
    color: #FFFFFF;
}

    #intro-toddlers .small {
        color: #FFFFFF;
    }

#intro-preschoolers {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0;
    margin-bottom: 30px;
    background: #CD4516;
    color: #FFFFFF;
}

    #intro-preschoolers .small {
        color: #FFFFFF;
    }

.reading-ready-book-cover {
    float: left;
    margin-right: 10px
}

@media only screen and (min-width: 768px) {
    .reading-ready-book-cover {
        float: none;
        margin-bottom: 10px
    }
}
/* ---------- Panels ---------- */
.panel-banner {
    width: 100%;
    height: 50px;
    background: no-repeat
}
/* ---------- Yellow Panel ---------- */
.panel-yellow {
    border-color: #F5E556
}

    .panel-yellow > .panel-heading {
        color: #333;
        background-color: #F5E556;
        border-color: #F5E556
    }

        .panel-yellow > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #F5E556
        }

        .panel-yellow > .panel-heading .badge {
            color: #F5E556;
            background-color: #fff
        }

    .panel-yellow > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #F5E556
    }
/* ---------- Orange Panel ---------- */
.panel-orange {
    border-color: #F6921E
}

    .panel-orange > .panel-heading {
        color: #fff;
        background-color: #F6921E;
        border-color: #F6921E
    }

        .panel-orange > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #F6921E
        }

        .panel-orange > .panel-heading .badge {
            color: #F6921E;
            background-color: #fff
        }

    .panel-orange > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #F6921E
    }
/* ---------- Red Panel ---------- */
.panel-red {
    border-color: #C44234
}

    .panel-red > .panel-heading {
        color: #fff;
        background-color: #C44234;
        border-color: #C44234
    }

        .panel-red > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #C44234
        }

        .panel-red > .panel-heading .badge {
            color: #C44234;
            background-color: #fff
        }

    .panel-red > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #C44234
    }
/* ---------- Purple Panel ---------- */
.panel-purple {
    border-color: #924887
}

    .panel-purple > .panel-heading {
        color: #fff;
        background-color: #924887;
        border-color: #924887
    }

        .panel-purple > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #924887
        }

        .panel-purple > .panel-heading .badge {
            color: #924887;
            background-color: #fff
        }

    .panel-purple > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #924887
    }
/* ---------- Brown Panel ---------- */
.panel-brown {
    border-color: #613C1F
}

    .panel-brown > .panel-heading {
        color: #fff;
        background-color: #613C1F;
        border-color: #613C1F
    }

        .panel-brown > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #613C1F
        }

        .panel-brown > .panel-heading .badge {
            color: #613C1F;
            background-color: #fff
        }

    .panel-brown > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #613C1F
    }
/* ---------- Dark-Blue Panel ---------- */
.panel-dark-blue {
    border-color: #0279B5
}

    .panel-dark-blue > .panel-heading {
        color: #fff;
        background-color: #0279B5;
        border-color: #0279B5
    }

        .panel-dark-blue > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #0279B5
        }

        .panel-dark-blue > .panel-heading .badge {
            color: #0279B5;
            background-color: #fff
        }

.panel-brown > .panel-footer + .panel-collapse > .panel-body {
    border-bottom-color: #613C1F
}
/* ---------- Light-Blue Panel ---------- */
.panel-light-blue {
    border-color: #00A8DE
}

    .panel-light-blue > .panel-heading {
        color: #fff;
        background-color: #00A8DE;
        border-color: #00A8DE
    }

        .panel-light-blue > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #00A8DE
        }

        .panel-light-blue > .panel-heading .badge {
            color: #00A8DE;
            background-color: #fff
        }

    .panel-light-blue > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #00A8DE
    }
/* ---------- Green Panel ---------- */
.panel-green {
    border-color: #85B951
}

    .panel-green > .panel-heading {
        color: #fff;
        background-color: #85B951;
        border-color: #85B951
    }

        .panel-green > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #85B951
        }

        .panel-green > .panel-heading .badge {
            color: #85B951;
            background-color: #fff
        }

    .panel-green > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #85B951
    }
/* ---------- Lime Panel ---------- */
.panel-lime {
    border-color: #BDD630
}

    .panel-lime > .panel-heading {
        color: #333;
        background-color: #BDD630;
        border-color: #BDD630
    }

        .panel-lime > .panel-heading + .panel-collapse > .panel-body {
            border-top-color: #BDD630
        }

        .panel-lime > .panel-heading .badge {
            color: #BDD630;
            background-color: #fff
        }

    .panel-lime > .panel-footer + .panel-collapse > .panel-body {
        border-bottom-color: #BDD630
    }
/* ---------- Calendar of Events ---------- */
#datepickerFrom {
    width: 50px;
    height: 15px;
    padding: 0px;
    border: 0px none;
    background: none repeat scroll 0% 0% transparent;
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 33px
}

#datepickerTo {
    width: 50px;
    height: 15px;
    padding: 0px;
    border: 0px none;
    background: none repeat scroll 0% 0% transparent;
    visibility: hidden;
    position: absolute;
    top: 1px;
    left: 33px
}

#kyw {
    background: url(../_img/icons/search.png) no-repeat right
}

#paging_container11 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#paging_container11 a {
    color: white;
}

#wrapper {
    margin: 0px auto;
    text-align: left;
    width: 960px;
}

#paging_container1 {
    height: 320px;
}

#paging_container2 {
    height: 356px;
}

#paging_container3 {
    height: 190px;
}

#paging_container4 {
    height: 307px;
    overflow: hidden;
}

#paging_container8 .no_more {
    background-color: white;
    color: #333;
    cursor: default;
}

.ellipse {
    float: left;
}

.page_navigation, .alt_page_navigation {
    padding-bottom: 10px;
}

    .page_navigation a, .alt_page_navigation a {
        padding: 3px 5px;
        margin: 2px;
        color: white;
        text-decoration: none;
        float: left;
        font-family: Tahoma;
        font-size: 12px;
        background-color: #0b5a93
    }

.active_page {
    background-color: white !important;
    color: #333 !important;
}

.content, .alt_content {
    color: #333
}
/* ---------- Branch Pages ---------- */
.branch-contact-info,
.branch-contact-info li a {
    font-size: inherit;
    text-decoration: none !important
}

@media only screen and (min-width: 768px) {
    .branch-contact-info,
    .branch-contact-info li a {
        font-size: 16px;
    }
}

.branch-map {
    width: 100%;
    height: 300px;
    margin-bottom: -5px;
    border: none
}

#branch-events-container {
    display: block;
    width: 100%;
    padding-bottom: 20px;
    margin-bottom: 10px;
    /*max-height: 300px;*/
    overflow: visible
}

@media only screen and (min-width: 992px) {
    #branch-events-container {
        display: block;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 10px;
        max-height: 1100px;
        overflow: auto
    }
}
/* ---------- Digital Shelf Page ---------- */
.tile {
    min-height: 200px;
    border: none !important;
    margin: none !important;
    box-shadow: hsla(0,0%,0%,0.30) 2px 2px 5px
}

    .tile img {
        display: block;
        max-width: 100%;
        height: auto;
        margin-right: auto;
        margin-left: auto;
        bottom: -140px !important;
        position: relative
    }

#digital-shelf-header {
    background: url(../_img/headphones-half.png) no-repeat 101% 20px, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
}

#ebooks-bg {
    background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/electronic-library-concept-lg.jpg) no-repeat center
}

#audiobooks-bg {
    background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/headphones-hanging-from-books-audiobook-concept-lg.jpg) no-repeat center
}

#movies-bg {
    background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/teen-girl-laughing-at-movie-on-tablet-lg.jpg) no-repeat center -10px
}

#music-bg {
    background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/smart-phone-with-headphones-lg.jpg) no-repeat center
}

#magazines-bg {
    background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/tablet-digital-magazine-concept-lg.jpg) no-repeat center
}

@media only screen and (min-width: 768px) {
    #digital-shelf-header {
        background: url(../_img/virtual-magazine-rack-book-in-tablet.png) no-repeat 120% 30px, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
    }

    #ebooks-bg {
        background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/electronic-library-concept-sm.jpg) no-repeat center
    }

    #audiobooks-bg {
        background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/headphones-hanging-from-books-audiobook-concept-sm.jpg) no-repeat center
    }

    #movies-bg {
        background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/teen-girl-laughing-at-movie-on-tablet-sm.jpg) no-repeat center
    }

    #music-bg {
        background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/smart-phone-with-headphones-sm.jpg) no-repeat center
    }

    #magazines-bg {
        background: url(../_img/bottom-gradient-shadow.png) repeat-x bottom, url(../_img/tablet-digital-magazine-concept-sm.jpg) no-repeat center
    }
}

@media only screen and (min-width: 992px) {
    #digital-shelf-header {
        background: url(../_img/senior-man-listening-to-music-library-card-lg.png) no-repeat 120% bottom, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
    }
}

@media only screen and (min-width: 1200px) {
    #digital-shelf-header {
        background: url(../_img/senior-man-listening-to-music-library-card-lg.png) no-repeat 85% bottom, url(../_img/green-background-gradient-reversed.gif) repeat-x bottom
    }
}
/* ---------- Footer ---------- */
#footer {
    float: left;
    width: 100%;
    padding: 20px 0 10px 0;
    display: block;
    background-color: #0b5a93;
    color: #FFFFFF;
    font-family: inherit !important;
    font-size: 12px
}

    #footer .btn-group a:hover {
        color: #FFFFFF !important
    }

    #footer .btn {
        border-radius: 0px
    }

    #footer a {
        color: #FFFFFF !important;
    }

        #footer a:hover {
            color: #0084CB !important
        }

    #footer ul,
    #footer ol {
        margin-left: -30px
    }

.list-footer li,
.list-footer li a,
.list-footer li span {
    padding-left: 0;
    list-style: none;
    margin-bottom: 5px;
    color: #FFFFFF;
    text-decoration: none
}
/* ---------- Copyright ---------- */
#copyright {
    float: left;
    width: 100%;
    display: block;
    padding: 10px 0 0 0;
    background: #0084CB;
    color: #FFFFFF;
    font-size: 12px;
    font-family: inherit !important
}

    #copyright a {
        color: #FFFFFF !important;
    }

        #copyright a:hover {
            color: #145A92 !important;
        }

    #copyright a {
        text-decoration: none !important;
    }

#mdc-copyright {
    display: block;
    background: url(../_img/mdcLogoWhite.png) no-repeat left;
    height: 30px;
    padding: 10px 0 0 50px;
    margin: -8px 0 0 0;
}

.icon-block {
    display: block;
    float: left;
    margin-top: -3px;
    margin-right: 10px;
    width: 32px;
    height: 32px;
}
/* ---------- Gradients ---------- */
#grad-white-orange {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #F3C56D); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #F3C56D); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #F3C56D); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #F3C56D); /* Standard syntax */
}

#grad-white-light-orange {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #FFEDCB); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #FFEDCB); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #FFEDCB); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #FFEDCB); /* Standard syntax */
}

#grad-white-green {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #A2C671); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #A2C671); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #A2C671); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #A2C671); /* Standard syntax */
}

#grad-white-light-green {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #B7C6A2); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #B7C6A2); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #B7C6A2); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #B7C6A2); /* Standard syntax */
}

#grad-white-blue {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #77CFEF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #77CFEF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #77CFEF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #77CFEF); /* Standard syntax */
}

#grad-white-light-blue {
    background: white; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(white, #CBF1FF); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(white, #CBF1FF); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(white, #CBF1FF); /* For Firefox 3.6 to 15 */
    background: linear-gradient(white, #CBF1FF); /* Standard syntax */
}
/* ---------- Helpers & Spacers ---------- */
.text-muted {
    color: #666
}

.text-reverse {
    color: #ffffff !important
}

#content .text-reverse a {
    color: #ffffff !important
}

    #content .text-reverse a:hover,
    #content .text-reverse a:focus {
        color: #dddddd !important
    }

.text-shadow {
    color: #ffffff !important;
    text-shadow: 0 0 5px hsla(0,0%,0%,0.80)
}

#content .text-shadow a {
    color: #ffffff !important
}

    #content .text-shadow a:hover,
    #content .text-shadow a:focus {
        color: #dddddd !important
    }

.no-margin {
    margin: 0 !important
}

.no-padding {
    padding: 0 !important
}

.no-border {
    border: 0 !important
}

.no-radius {
    border-radius: 0 !important
}

.no-decoration {
    color: #333333 !important;
    text-decoration: none !important
}

.border-bottom-white {
    border-bottom: solid 2px white
}

.facebook-blue {
    color: #3B5998 !important
}

.twitter-blue {
    color: #55ACEE !important
}

.youtube-red {
    color: #CC181E !important
}

.apple-grey {
    color: #999 !important
}

.android-green {
    color: #A4C439 !important
}

.bg-intro {
    background-color: #E2EAF1 !important;
    border: none !important
}

.bg-info {
    background-color: #d9edf7 !important
}

.bg-transparent {
    background-color: hsla(0,0%,100%,0.00);
    border: none !important
}

.bg-transparent-white {
    background-color: hsla(0,0%,100%,0.80);
    border: none !important
}

    .bg-transparent-white.fifty-percent {
        background-color: hsla(0,0%,100%,0.50) !important;
        border: none !important
    }

    .bg-transparent-white.thirty-percent {
        background-color: hsla(0,0%,100%,0.30) !important;
        border: none !important
    }

.bg-white {
    background-color: #FFFFFF;
    border-color: #DDDDDD
}

.bg-neutral {
    background-color: #F8F5EE;
    border: none !important;
}

.bg-brown {
    background-color: #7C3F00;
    border: none
}

.bg-maroon {
    background-color: #8b0304;
    border: none
}

.bg-gold {
    background-color: #d8c030;
    border: none
}

.bg-green {
    background-color: #22983e;
    border: none
}

.bg-blue {
    background-color: #5b82f1;
    border: none
}

.bg-purple {
    background-color: #9600ff;
    border: none !important
}

.bg-lime-green {
    background-color: #99CA3C;
    border: none !important;
}

.bg-light-green {
    background-color: #BCD85F;
    border: none !important;
}

.bg-teal {
    background-color: #15837B;
    border: none !important
}

.bg-red {
    background-color: #ce2b1f;
    border: none !important
}

.bg-magenta {
    background-color: #DC4C69;
    border: none
}

.bg-orange {
    background-color: #F6921E;
    border: none !important
}

.bg-dark-orange {
    background-color: #CD4516;
    border: none
}

.bg-yellow {
    background-color: #F5E556;
    border: none !important
}

.bg-youmedia-orange {
    background-color: #F26F22
}

.bg-halftone {
    background: url(http://www.mdpls.org/_img/seamless-halftone-background.png) repeat;
    border: none !important;
}

.bg-reading-ready-green {
    background-color: #E4EFCE;
    border: none
}

.width100 {
    width: 100%
}

.width90 {
    width: 90%
}

.width75 {
    width: 75%
}

.width50 {
    width: 50%
}

.width25 {
    width: 25%
}

.space5 {
    clear: both;
    width: 100%;
    display: block;
    padding: 3px 0;
}

.space10 {
    clear: both;
    width: 100%;
    display: block;
    padding: 5px 0;
}

.space20 {
    clear: both;
    width: 100%;
    display: block;
    padding: 10px 0;
}

.space30 {
    clear: both;
    width: 100%;
    display: block;
    padding: 15px 0;
}

.space40 {
    clear: both;
    width: 100%;
    display: block;
    padding: 20px 0;
}

.space50 {
    clear: both;
    width: 100%;
    display: block;
    padding: 25px 0;
}

.space60 {
    clear: both;
    width: 100%;
    display: block;
    padding: 30px 0;
}

.space80 {
    clear: both;
    width: 100%;
    display: block;
    padding: 40px 0;
}

.space100 {
    clear: both;
    width: 100%;
    display: block;
    padding: 50px 0;
}

.margin-top-0 {
    margin-top: 0px !important;
}

.margin-bottom-0 {
    margin-bottom: 0px !important;
}

.margin-left-0 {
    margin-left: 0px !important;
}

.margin-right-0 {
    margin-right: 0px !important;
}

.margin-width-0 {
    margin-left: 0px !important;
    margin-right: 0px !important
}

.margin-height-0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important
}

.margin-full-5 {
    margin: 5px !important;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-bottom-5 {
    margin-bottom: 5px !important;
}

.margin-left-5 {
    margin-left: 5px !important;
}

.margin-right-5 {
    margin-right: 5px !important;
}

.margin-width-5 {
    margin-left: 5px !important;
    margin-right: 5px !important
}

.margin-height-5 {
    margin-top: 5px !important;
    margin-bottom: 5px !important
}

.margin-full-5 {
    margin: 5px !important;
}

.margin-top-10 {
    margin-top: 10px !important;
}

.margin-bottom-10 {
    margin-bottom: 10px !important;
}

.margin-left-10 {
    margin-left: 10px !important;
}

.margin-right-10 {
    margin-right: 10px !important;
}

.margin-width-10 {
    margin: 0 10px !important;
}

.margin-height-10 {
    margin: 10px 0 !important;
}

.margin-full-10 {
    margin: 10px !important;
}

.margin-top-20 {
    margin-top: 20px !important;
}

.margin-bottom-20 {
    margin-bottom: 20px !important;
}

.margin-left-20 {
    margin-left: 20px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.margin-width-20 {
    margin: 0 20px !important;
}

.margin-height-20 {
    margin: 20px 0 !important;
}

.margin-full-20 {
    margin: 20px !important;
}

.margin-top-30 {
    margin-top: 30px !important;
}

.margin-bottom-30 {
    margin-bottom: 30px !important;
}

.margin-left-30 {
    margin-left: 30px !important;
}

.margin-right-30 {
    margin-right: 30px !important;
}

.margin-width-30 {
    margin: 0 30px !important;
}

.margin-height-30 {
    margin: 30px 0 !important;
}

.margin-full-30 {
    margin: 30px !important;
}

.margin-top-40 {
    margin-top: 40px !important;
}

.margin-bottom-40 {
    margin-bottom: 40px !important;
}

.margin-left-40 {
    margin-left: 40px !important;
}

.margin-right-40 {
    margin-right: 40px !important;
}

.margin-width-40 {
    margin: 0 40px !important;
}

.margin-height-40 {
    margin: 40px 0 !important;
}

.margin-full-40 {
    margin: 40px !important;
}

.margin-top-50 {
    margin-top: 50px !important;
}

.margin-bottom-50 {
    margin-bottom: 50px !important;
}

.margin-left-50 {
    margin-left: 50px !important;
}

.margin-right-50 {
    margin-right: 50px !important;
}

.margin-width-50 {
    margin: 0 50px !important;
}

.margin-height-50 {
    margin: 50px 0 !important;
}

.margin-full-50 {
    margin: 50px !important;
}

.margin-top-100 {
    margin-top: 100px !important;
}

.margin-bottom-100 {
    margin-bottom: 100px !important;
}

.margin-left-100 {
    margin-left: 100px !important;
}

.margin-right-100 {
    margin-right: 100px !important;
}

.margin-width-100 {
    margin: 0 100px !important;
}

.margin-height-100 {
    margin: 100px 0 !important;
}

.margin-full-100 {
    margin: 100px !important;
}

.radius5 {
    border-radius: 5px !important;
}

.radius10 {
    border-radius: 10px !important;
}


/****Slide out menu*******/