@import url(https://fonts.googleapis.com/css?family=Droid+Sans:400,700|Tinos:400,700,400italic,700italic|Droid+Serif:400,700,400italic,700italic);

/****** IMPLEMENTATION ********/

body {
    letter-spacing: -0.02em;
    font-size: 16px;
 background-image: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_109478/Image/Background/cityviewatday.jpg');
 background-size: cover;
 background-position: center;
 background-repeat: no-repeat;
}

#content {
    font: 0.938em / 1.375em 'Droid Serif', serif;
    color: rgb(51,51,51);
}

#content h1 {
    font-size: 1.150em;
}

a,
a:visited {
    cursor: pointer;
}

#footer,
#bottom,
ul#navigation li a,
ul#navigation li a:visited,
#featured li a,
#featured li a:visited,
h1 {
    font: 1.063em / 1.125em 'Tinos', serif;
    color: rgb(13,54,106);
    text-decoration: none;
}

h1 {
    font-weight: bold;
    letter-spacing: 0.02em;
}

#featured .active .handle,
#featured .active a.handle,
#featured .active a.handle:visited,
ul#navigation li.current a,
ul#navigation li.current a:visited {
    font-weight: bold;
    letter-spacing: -0.02em;
}

#featured li:hover a,
#featured li:hover a:visited,
ul#navigation li:hover a,
ul#navigation li:hover a:visited {
    color: rgb(44,96,169);
}


input,
input[type=”text”],
ul ul li a,
ul ul li a:visited,
#subnav ul li a,
#subnav ul li a:visited,
#interior-nav ul li a,
#interior-nav ul li a:visited {
    font: 0.938em / 0.563em 'Tinos', serif;
    color: rgb(51,51,51);
    text-decoration: none;
}

#interior-nav a,
#interior-nav a:visited {
    /* font: 0.938em / 0.563em 'Tinos', serif; */
    font: 0.938em 'Tinos', serif;    
}

#interior-nav p {
    font: 0.938em / 1.125em 'Tinos', serif;
    color: rgb(51,51,51);
    text-decoration: none;
}

#interior-nav h1 {
    letter-spacing: -0.02em;
    font-size: 1.125em;
    margin: 0px 0px 5px 0px;
    /*font-size: 0.9em;*/
    /*margin: 6px 0px 5px 0px;*/
}


ul ul li.current a,
ul ul li.current a:visited,
#subnav ul li.current a,
#subnav ul li.current a:visited,
#interior-nav ul li.current a,
#interior-nav ul li.current a:visited {
    font-weight: bold;
    color: rgb(44,96,169);
    cursor: pointer;
}

ul ul li:hover a,
ul ul li:hover a:visited,
.handle:hover,
.handle:hover a,
.handle:hover a:visited,
#subnav ul li:hover a,
#subnav ul li:hover a:visited,
#interior-nav ul li:hover a,
#interior-nav ul li:hover a:visited,
#interior-nav a:hover,
#interior-nav a:hover:visited {
    color: rgb(44,96,169);
    cursor: pointer;
}

ul ul blockquote,
#subnav blockquote,
#interior-nav blockquote {
    font: 0.688em / 1.2em 'Droid Serif', serif;
    color: rgb(51,51,51);
}

ul ul blockquote a,
ul ul blockquote a:visited,
#subnav blockquote a,
#subnav blockquote a:visited,
#interior-nav blockquote a,
#interior-nav blockquote a:visited {
    color: rgb(44,96,169);
    text-decoration: none;
}

#bottom li {
    font: 14px / 1.263em 'Droid Serif', serif;
    color: rgb(51,51,51);
    margin: 10px 0px;
}

#bottom a,
#bottom a:visited,
a,
a:visited {
    color: rgb(44,96,169);
    text-decoration: none;
}

#bottom .city-services,
#bottom a.city-services,
#bottom a.city-services:visited {
    font: 2.000em / 1.250em 'Droid Serif', serif;
    color: rgb(51,51,51);
    text-decoration: none;
}

#bottom a,
#bottom a:visited {
    font: 1em / 1.125em 'Droid Serif', serif;
}

#actions a,
#actions a:visited {
    font: 0.875em / 1.125em 'Tinos', serif;
    color: rgb(51,51,51);
    text-decoration: none;
}

.notext {
    font-family: 'Tinos', serif;
    font-weight: bold;
}

/****** GRID ********/

@media screen, print {

    .clear {
        clear: both;
    }

    .col {
        position: relative;
        border:0px solid rgba(0,0,0,0);
        float:left;
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        -moz-background-clip:padding-box !important;
        -webkit-background-clip:padding-box !important;
        background-clip:padding-box !important;
    }

    .col-center {
        text-align: center;
    }

    /* 1. 4 Column Grid 0px - Infinity 
    ----------------------------------------------------------------------------- 
    
    Span 1:    23.5%
    Span 2:    49.0%
    Span 3:    74.5%
    Span 4:    100%
    
    ----------------------------------------------------------------------------- */
    
    .container {
        max-width: 959px;
        padding-left: 2%;
        padding-right: 2%;
        margin: 0px auto;
        position: relative;
    }

    .col {
        margin-left:2%;
      padding:0 2%;
    }
    
    .col:first-child {
        margin-left:0;
    }
    
    .span_1 {
        width:23.5%;
    }
    .span_2 {
        width:49.0%;
    }
    .span_3 {
        width:74.5%;
    }
    .span_4 {
        margin-left:0;
        width:100%;
    }

}

/****** SITE ********/

@media screen, print {

    * {
        outline: none;
    }

    a img,
    a:visited img {
        border: none;
    }

    /*#content p {
        -moz-column-count: 2;
       -moz-column-gap: 20px;
       -webkit-column-count: 2;
       -webkit-column-gap: 20px;
     }*/

    body,
    html {
        padding: 0px;
        margin: 0px;
    }

    body {
        position: relative;
        /* min-width: 900px; */
    }

    .notext {
        display: inline-block;
        overflow: hidden;
        text-indent: 800%;
        line-height: 10;
    }

    /* BREADCRUMBS */

    #breadcrumbs {
        padding: 0px 2%;
    }

    #breadcrumbs ul {
        padding: 12px 0px 11px 0px;
        margin: 0px;
        list-style: none;
        list-style-type: none;
        position: relative;
        left: -0.5%;
    }

    #breadcrumbs li {
        display: inline-block;
        margin: 0px 5px;
    }

    #breadcrumbs a,
    #breadcrumbs a:visited {
        color: rgb(13,54,106);
    }

    #breadcrumbs a:hover,
    #breadcrumbs a:visited:hover {
        color: rgb(44,96,169);
    }

    #breadcrumbs li.current a {
        font-weight: bold;
    }

    /* BACKGROUND COLORS & SHADOWS */

    .white {
        background: rgb(255,255,255);
    }

    .gray {
        background: rgb(238,238,238);
    }

    .box-shadow,
    .interior #subnav {
        box-shadow: 0px 11px 18px -10px rgba(0,0,0,0.8);
        -o-box-shadow: 0px 11px 18px -10px rgba(0,0,0,0.8);
        -moz-box-shadow: 0px 11px 18px -10px rgba(0,0,0,0.8);
        -webkit-box-shadow: 0px 11px 18px -10px rgba(0,0,0,0.8);
    }

    .interior #search.box-shadow {
        box-shadow: none;
        -o-box-shadow: none;
        -moz-box-shadow: none;
        -webkit-box-shadow: none;
    }

    /* SLIDESHOW */

    .slidesjs-container,
    .slidesjs-control {
        height: 100%;
    }

    /* HEADER */

    #header {
        position: relative;
        padding: 2%;
        z-index: 2000;
    }

    #header .col.first {
        width: 40%;
    }

    #header .col.last {
        width: 58%;
        text-align: right;
    }

    /* TOP */

    #top {

    }

    /* LOGO */

    #logo {
        position: absolute;
        top: 0px;
        left: 3.5%;
        bottom: 0px;
        width: 310px;
        z-index: 100;
    }

    #logo a {
        display: inline-block;
    }

    #logo img {
        display: block;
        position: absolute;
        width: 308px;
        height: 53px;
        top: 50%;
        margin-top: -26.5px;
    }

    /* ACTIONS */

    ul#actions {
        display: block;
        margin: 15px 0px 0px 0px;
        text-align: right;
        height: 1.313em;
    }

    ul#actions li {
        display: inline-block;
        margin: 0px 0px 0px 4px;
    }

    /* NAVIGATION */

    ul#navigation {
        display: block;
        list-style: none;
        list-style-type: none;
        margin: 8px 5px 15px 0px;
        text-align: right;
    }

    ul#navigation li {
        display: inline-block;
        position: relative;
        left: -18px;
        margin: 0px 0px 0px 9px;
    }

    ul#navigation li ul {
        display: none !important;
    }

    /*ALTERNATIVE NAVIGATION*/

    .navigation-portlet {
        background: rgb(238,238,238);
        margin: 18px -1%;
        padding: 46px 1% 26px 1%;
    }

    .navigation-portlet ul {
        list-style: none;
        list-style-type: none;
        padding-left: 0px;
        margin: 0px;
    }

    .navigation-portlet li {
        padding-left: 20px;
        text-indent: -20px;
        font-size: 0.96em;
        margin: 4px 0px;
    }

    .navigation-portlet h1 {
        margin-top: -14px;
        margin-bottom: 16px;
        letter-spacing: -0.01em;
    }

    .alt-menu-title {
        background: rgb(238,238,238);
        padding: 10px 2%;
        margin: 15px auto -68px auto;
        color: rgb(13,54,106);
        font-weight: bold;
    }



    /* SEARCH */

    #search {
        margin-top: 2px;
        margin-bottom: 2px;
        position: relative;
    }

    #search input {
        width: 100%;
        padding: 10px 0px 8px 0px;
        border: none;
        text-align: center;
    }

    #search input[type="submit"] { 
        display: none;
        position: absolute;
        right: 3px;
        top: 0px;
        bottom: 0px;
        width: 25%;
        text-align: center;
        cursor: pointer;
        background: rgb(225,225,225);
        -webkit-appearance: none;
        appearance: none;
        -moz-appearance: none;
        border-radius: 0px;
        -o-border-radius: 0px;
        -moz-border-radius: 0px;
        -webkit-border-radius: 0px;
    }

    #search.active input[type="submit"] {
        display: block !important;
    }

    /* SUBNAV & INTERIOR-NAV LI */

    #subnav {
        padding-top: 22px;
        padding-bottom: 26px;
        overflow: auto;
    }

    .interior #subnav {
        position: absolute;
        top: 0px;
        left: 0px;
        right: 0px;
    }

    #subnav ul {
        padding: 0px;
        margin: 0px -3% 0px 0px;
        list-style: none;
        list-style-type: none;
    }

    #subnav li,
    #interior-nav li {
        text-indent: -20px;
        padding-left: 20px;
    }

    #subnav li:hover {

    }

    #subnav-close {
        position: absolute;
        bottom: 21px;
        right: 3.5%;
        background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_109478/Templates/img/subnav-close.png') no-repeat center center;
        width: 22px;
        height: 18px;
        cursor: pointer;
    }

    #subnav img {
        max-width: 300px;
        height: auto;
        margin-top: 2px;
    }

    #subnav blockquote {
        display: inline-block;
        max-width: 300px;
        text-align: left;
        margin: 18px 0px 10px 0px;
    }

    .post-share {
        float:right;
        margin: -40px 17px 5px 0px;
    }

    .post-share li {
        float: left;
        list-style: none;
        margin-left: 5px;
    }

    .post-share img {
        width: 26px;
    }

    /*#content table {
        border-collapse: collapse;
        color: #333;
        font-size: 0.95em;
        border: none;
    }

    #content table td {
        padding: 8px 5px;
    }

    #content td.headline {
        background: #dfdfdf;
        padding: 10px 5px 8px 5px;
        font-size: 1.05em;
        font-weight: bold;
    }

    #content td.footer {
        background: #ffffff;
        color: rgb(13,54,106);
        font-size: 1.1em;
        font-weight: bold;
    }

    #content tr:nth-child(even) td {
        border-top: solid 1px #cdcdcd;
        border-bottom: solid 1px #adadad;
    }

    #content tr:nth-child(even) {
        background: #efefef;
    }*/

    /* FOOTER */

    #footer {
        /*position: absolute;*/
        bottom: 0px;
        left: 0px;
        right: 0px;
        /*padding: 2%;*/
        z-index: 2;
    }

    #footer .container {
        padding-top: 20px;
        padding-bottom: 14px;
    }

    #footer ul, #bottom ul {
        padding: 0px;
        list-style: none;
        list-style-type: none;
        margin: 5px 0px 0px 0px;
    }

    #footer a.city-services {
        display: block;
    }

    /* FOOTER CAROUSEL */

    .content-carousel {
        height: 104px;
        position: relative;
    }

    .content-carousel > li {
        display: none;
    }

    .content-carousel > li.current {
        display: block;
    }

    /* PAGINATION */

    ul.pagination {
        position: absolute;
        bottom: 5px;
        left: -1px;
        right: 0px;
    }

    ul.pagination li {
        display: inline-block;
        width: 9px;
        height: 9px;
        border-radius: 5px;
        background: rgb(200,200,200);
        overflow: hidden;
        text-indent: 100%;
        margin: 0px 8px 0px 2px !important;
        cursor: pointer;
    }

    ul.pagination li.current {
        background: rgb(13,54,106);
    }

    /* FEATURED */

    #featured > .col {
        overflow: hidden;
    }

    #featured .handle {
        text-align: center;
        padding: 15px 0px 16px 0px;
        margin: 0px -10%;
        cursor: pointer;
        position: relative;
    }

    #featured .col .handle .close {
        background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_109478/Templates/img/featured-close.png') no-repeat center center;
        width: 21px;
        height: 24px;
    }

    #featured .col.active .handle .close {
        display: block !important;
        position: absolute;
        top: 50%;
        right: 3%;
        margin-top: -12.5px;
        margin-right: 3%;
    }

    #featured .content img {
        width: 125%;
        height: auto;
        margin: 0px -12%;
    }

    #featured .col.active .content {
        display: block !important;
        background: rgb(255,255,255);
        padding: 0px 0px 15px 0px;
    }

    #featured li {
        margin: 3px 0px;
    }

    /* SOCIAL ICONS */

    a.icon-facebook,
    a.icon-twitter {
        position: relative;
        left: -5px;
    }

    span.icon-facebook {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_109478/Templates/img/icon-facebook.png') no-repeat center center;
    }

    span.icon-twitter {
        display: inline-block;
        width: 30px;
        height: 30px;
        background: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_109478/Templates/img/icon-twitter.png') no-repeat center center;
    }

    /* CONTACT */

    #contact { 
        position: relative;
    }

    #contact ul {
        padding-right: 40px;
    }

    #contact a.icon-facebook {
        position: absolute;
        top: 17px;
        right: 12px;
        left: auto;
    }

    #contact a.icon-twitter {
        position: absolute;
        top: 40px;
        right: 12px;
        left: auto;
    }

    /* BOTTOM */

    #bottom.container {
        padding-top: 14px;
        padding-bottom: 4px;
    }

    #bottom ul {
        margin-top: -5px;
    }


    /* BACKGROUND */

    #background {
        position: fixed;
        top: 0px;
        left: 0px;
        bottom: 0px;
        right: 0px;
        z-index: -1;
    }

    #background img {
        display: none;
        position: fixed;
        top: 0px;
        left: 0px;
    }

    /* INTERIOR MODIFICATIONS TO HOME */

    .interior #footer {
        position: relative;
        padding-top: 0px;
        z-index: 10;
        padding: 0px 2%;
    }

    .interior #header {
        position: relative;
        padding-bottom: 0px;
    }

    /* CONTENT */

    #content {
        margin: 2px 0px;
        padding: 0px 2%;
        position: relative;
    }

    #content .col {
        margin-left: 0;
    }

    #content .col > * {
        margin-right: 4%;
    }

    #content .container {
        padding-top: 2%;
        padding-bottom: 2%;
        font-size: 0.92em;
    }

    #content #banner {
        position: relative;
        margin-top: -0.5%;
        margin-bottom: 1%;
        overflow: hidden;
    }

    #content #banner-logo {
        position: absolute;
        left: 4%;
        top: 10%;
        width: 100px;
    }

    #content #banner img {
        max-width: 100%;
        height: auto !important;
    }

    /* INTERIOR-NAV */

    #interior-nav {
        margin: 2px 0px;
        padding: 0px 2%;
    }

    #interior-nav .container {
        padding-top: 2%;
        padding-bottom: 2%;
    }

    #interior-nav p {
        margin: 0px 0px 12px 0px;
        word-break: break-word;
    }

    #interior-nav ul {
        list-style: none;
        list-style-type: none;
        margin-top: 1px;
        margin-bottom: 0px;
        padding: 0px;
    }

    /* GOOGLE TRANSLATE */

    #google_translate_element .goog-te-gadget-icon,
    #google_translate_element img,
    #google_translate_element span[style*="color"] {
        display: none;
    }

    #google_translate_element .goog-te-gadget-simple {
        border: none;
    }

    #google_translate_element span {
        font-size: 1.1em;
        line-height: 1em;
        position: relative;
        top: -1px;
        left: 1px;
        border-left: none !important;
    }

}

/****** RESPONSIVE ********/

@media screen and (min-width: 700px) {

    body {
        min-width: 0px;
    }

}

@media screen and (max-width: 699px) {

    #featured {
        font-size: 18px;
    }

    #featured .handle {
        padding: 12px 0px 11px 0px;
    }

    #urgent-alert {
        font-size: 18px;
    }

    #content table {
        display: block;
        width: 100% !important;
        margin: 5px auto 10px auto;
    }

    #content .container {
        padding-bottom: 40px;
    }

    #search {
        margin-bottom: 0px;
    }

    #content img {
        max-width: 100%;
        height: auto !important;
    }

    select {
        font-size: 0.7em;
        margin: 4px 0px;
    }


    body {
        font-size: 20px;
        min-width: 0px;
    }

    #breadcrumbs {
        display: none;
    }

    .col,
    .span_1,
    .span_2 {
        width: auto;
        float: none;
        padding: 0px 5%;
        margin: 0px;
    }

    #logo {
        position: relative;
        top: 0px;
        left: -5%;
        bottom: 0px;
        right: 0px;
        text-align: center;
        margin-right: 8%;
        width: auto;
        z-index: 10;
    }

    #logo a {
        display: block;
    }

    #logo img {
        position: relative;
        top: 0px;
        margin: 13px 15px 6px -6px;
        display: inline-block;
        width: auto;
        max-width: 75%;
        height: auto !important;
    }

    ul#actions,
    ul#navigation {
        display: none;
    }

    #header {
        padding: 3% 3% 52% 3%;
    }

    #search.active input[type="text"] {
        position: relative;
        width: 100%;
    }

    #top .col {
        position: static;
    }

    #top a[href="#responsiveNav"] {
        position: absolute;
        right: 5%;
        top: 50%;
        margin-top: -15px;
        z-index: 100;
    }
    
    a[href="#responsiveNav"] .reso-m-btn {
        background: #efefef;
        border: solid 1px #acacac;
        border-radius: 4px;
        padding: 0px 10px;
        height: auto;
        line-height: 2;
        font-size: 0.9em;
        color: #3d3d3d;
        display: block;
        width: auto;
    }

    #featured .col {
        width: 90%;
        margin: 2% 3% !important;
        left: 2%;
    }

    #featured a {
        width: 99% !important;
    }

    #featured ul {
        text-align: center;
    }

    #featured ul a {
        font-size: 0.9em;
    }

    #featured .handle {
        margin-left: 0px;
        margin-right: 0px;
    }

    #bottom {
        padding: 0px 5%;
        margin-top: 40px;
    }

    .interior #bottom {
        margin-top: 0px;
    }

    #bottom .col {
        width: auto;
        float: none;
        margin: 19px 0px 24px 0px !important;
        text-align: left;
        /*font-size: 0.9em;*/
        font-size: 21px;
    }

    #bottom a.city-services {
        font-size: 1.5em;
        margin: 0px 0px 2px 0px;
    }

    #bottom li {
        font-size: 0.7em;
        line-height: 1.5em;
    }

    #bottom .col > a, #bottom .col > a:visited {
        /*font-size: 0.9em;*/
        font-size: 1.0em;
        font-family: "Tinos";
    }

    #footer {
        position: relative;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        padding: 0% 3% 3% 3%;
    }

    #contact ul {
        padding-right: 0px;
    }

    #contact a.icon-facebook,
    #contact a.icon-twitter {
        position: relative;
        left: auto;
        right: auto;
        top: 0px;
    }

    #search input[type="submit"] {
        width: 100%;
        top: 100%;
        margin-top: 2px;
        height: 2.5em;
        right: 0px;
        left: 0px;
    }

    #interior-nav {
        margin: 2px 1%;
    }

    #interior-nav .container {
        padding-top: 1px;
        padding-bottom: 18px;
        height: auto;
    }


    #interior-nav h1 {
        letter-spacing: -0.02em;
        font-size: 0.85em;
        margin: 7px 0px 5px 0px;
    }

    #interior-nav ul,
    #interior-nav p {
        display: none;
    }

    #interior-nav h1 {
        display: block;
        line-height: 2.10em;
        text-align: center;
    }

    #footer ul.content-carousel {
        height: auto;
        padding-bottom: 23px;
    }

    ul.pagination {
        left: 0px;
        bottom: 0px;
    }

    ul.pagination li {
        width: 16px;
        height: 16px;
        border-radius: 16px;
        margin: 0px 5px !important;
    }

    a.icon-facebook, 
    a.icon-twitter {
        left: 0px;
    }

    .city-services {
        display: inline-block;
        margin-bottom: 6px;
    }

    #content {
        font-size: 0.788em;
        padding-left: 3%;
        padding-right: 3%;
    }

    #content #banner {
        display: none;
    }

    .post-share {
        float:none;
        margin: -15px 17px 5px 0px;
    }

    .post-share li {
        float: left;
        list-style: none;
        margin-left: 5px;
    }

    input[type="button"].gsc-search-button {
        position: absolute;
        top: 100%;
        left: 0px;
        right: 0px;
        width: 100% !important;
        margin-top: 2px !important;
        background: #efefef;
        text-transform: uppercase;
        color: #3d3d3d;
        letter-spacing: -0.05em;
    }

    nav#responsiveNav {
        font-family: "Tinos";   
    }
    
    nav#responsiveNav a {
        font-size: 1.2em;
    }

    input#gsc-i-id1[type="text"] {
        width: 100% !important; 
        padding: 10px 0px !important;
    }

    table.gsc-search-box td.gsc-input {
        width: 100% !important;
    }


}

@media screen and (min-width: 800px) and (max-width: 899px) {

    ul#navigation li {
        margin: 0px 0px 0px 8px;
    }

    .content-carousel {
        height: 109px;
    }

    .post-share {
        float:right;
        margin: -25px 17px 5px 0px;
    }

}

@media screen and (min-width: 700px) and (max-width: 799px) {

    #header br {
        display: none;
    }

    ul#navigation {
        margin-right: 0px;
    }

    ul#navigation li {
        margin: 0px 0px 0px 4px;
        left: 0px;
    }

    #logo {
        width: 246px;
    }

    #logo img {
        height: 42px;
        margin-top: -21px;
        width: auto;
    }

    .content-carousel {
        height: 135px;
    }

    .col {
        padding: 0px;
    }

    #subnav .col {
        padding: 0px 2%;
    }

    .post-share {
        float:right;
        margin: -15px 17px 5px 0px;
    }

}

/****** RETINA ********/

@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) { 

    span.icon-facebook {
        background-image: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_109478/Templates/img/icon-facebook@2x.png');
        background-size: 18px 18px;
    }

    span.icon-twitter {
        background-image: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_109478/Templates/img/icon-twitter@2x.png');
        background-size: 18px 18px;
    }

    #subnav-close {
        background-image: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_109478/Templates/img/subnav-close@2x.png');
        background-size: 22px 18px;
    }

    #featured .col .handle .close {
        background-image: url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_109478/Templates/img/featured-close@2x.png');
        background-size: 24px 21px;
    }

}

/****** PRINT ********/

@media print {

    * {
        box-shadow: none !important;
        -o-box-shadow: none !important;
        -moz-box-shadow: none !important;
        -webkit-box-shadow: none !important;
    }

    #background,
    #featured,
    #search {
        display: none;
    }

    #interior-nav {
        margin-top: 10px;
        margin-bottom: 10px;
        border-top: solid 1px;
        border-bottom: solid 1px;
        padding-top: 10px;
        padding-bottom: 10px;
    }

    #header {
        border-bottom: solid 1px;
    }

    .interior #header {
        border-bottom: none;
    }

    #footer {
        border-top: solid 1px;
    }

    #bottom {
        margin-top: 20px;
    }

        #logo img {
        width: 160px;
        height: auto !important;
    }

    #responsiveNav {
        display: none;
    }

}

/*****SITEPUBLISH*****/

.ptl_portlet_vertical {
overflow: visible !important;
overflow-x: visible !important;
}

.spread {
        margin-left:2% !important;     
}

.span_1 {
        margin-left:2%;       
}

#subnav {
  position: absolute;
  left: 0;
  right: 0;
}

.divider {
font: 16px 'Tinos', serif;
}

.tbl_header {
    background: #fff;
    padding: 10px 0;
    border: 0 !important;
    text-transform: none;
    font-size: 21px;
}

.tbl {
    border: 0;
}

.divContainer {
    padding: 0;
}

.tbl_top {
    border: 0;}
.divTopBottomBorderOnly {
    border: 0;}
/*.tbl_row {   
 margin:0 !important;}*/
A.BlogPostHeader:link, A.BlogPostHeader:visited, A.BlogPostHeader:active {
    font-size: 16px;
    font-weight: bold;
    color: rgb(44,96,169);
font-family: 'Droid Serif', serif;
  font-size: 21px;
}
.ptl_portlet_vertical {
    margin-bottom: 10px;}
    
#breadcrumbs {
    margin: 2px 0;
}

#breadcrumbs ul {
    padding: 0;
    margin: 7px 0;    
    list-style: none;
    font-family: Tinos;
}

#breadcrumbs a {
    color: #000;
}

#breadcrumbs span {
    color: rgb(13,54,106);
    font-weight: bold;
}

#breadcrumbs table tr td:first-child {
    display: none;
}

#breadcrumbs table img:first-child {
    display: none;
}

.BlogPostHeader {
    /* background: #fff; */
    padding: 10px 0;
    border: 0 !important;
    text-transform: none;
    font-size: 21px;
    font-weight: bold;   
    color: #333;
font-family: 'Droid Serif', serif;
  font-size: 21px;
 margin-bottom: 10px;
 display: block;
}





/****** KNOXVILLE ********/

input#gsc-i-id1 {
    padding: 10px !important;
    display: block;
    font-size: 16px;
}

input.gsc-search-button {
    padding: 10px !important;
    font-size: 16px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto !important;
}

.gsc-search-button {
    display: none; 
}

td.gsc-input {
    position: relative;
}

td.gsc-input.watermark:after {
    content: 'Search For Anything';
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
    z-index: 1;
    width: 100%;
    text-align: center;
    font: 0.938em / 0.563em 'Tinos', serif;
    font-size: 16px;
}

input#gsc-i-id1 { 
    position: relative; 
    z-index: 2; 
}

input.gsc-search-button {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px !important;
    width: 25% !important;
    font-size: 16px;
    font: 0.938em / 0.563em 'Tinos', serif !important;
    font-size: 16px !important;
    line-height: 18px !important;
    z-index: 3;
    cursor: pointer;
}

.search-results-page-box input.gsc-search-button, 
.search-results-page-box 
.gsc-search-button { 
    display: block !important; 
    position: relative; 
    width: auto !important; 
}

.search-results-page-box td.gsc-input.watermark:after { 
    display: none !important; 
}

.search-results-page-box input#gsc-i-id1 {
    background: #F4F4F4 !important;
    position: static !important;
    z-index: inherit;
}






/* GOOGLE CUSTOM SEARCH FORM */

table.gsc-search-box {
    margin: 0 !important;
}

table.gsc-search-box td.gsc-input {
    padding-right: 0 !important;
}

input.gsc-input {
    border: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    width: 100% !important;
}

td.gsc-input {
    width: 99%;
}

input.gsc-search-button {
    margin: 0 !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    min-width: 0px !important;  
    width: 40px !important;
}

input.gsc-search-button {
    border-radius: 0 !important;
}

div.gsc-clear-button {
    display: none !important;
}

form.gsc-search-box {
    margin-bottom: 0px !important;
}

/****** KNOXVILLE ********/

input#gsc-i-id1 {
    padding: 10px !important;
    display: block;
    font-size: 16px;
}

input.gsc-search-button {
    padding: 10px !important;
    font-size: 16px;
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto !important;
}

.gsc-search-button {
    display: none; 
}

td.gsc-input {
    position: relative;
}

td.gsc-input.watermark:after {
    content: 'Search For Anything';
    display: block;
    position: absolute;
    left: 0px;
    top: 15px;
    z-index: 1;
    width: 100%;
    text-align: center;
    font: 0.938em / 0.563em 'Tinos', serif;
    font-size: 16px;
}

input#gsc-i-id1 { 
    position: relative; 
    z-index: 2; 
}

input.gsc-search-button {
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 10px !important;
    width: 25% !important;
    font-size: 16px;
    font: 0.938em / 0.563em 'Tinos', serif !important;
    font-size: 16px !important;
    line-height: 18px !important;
    z-index: 3;
    cursor: pointer;
}

.search-results-page-box input.gsc-search-button, 
.search-results-page-box 
.gsc-search-button { 
    display: block !important; 
    position: relative; 
    width: auto !important; 
}

.search-results-page-box td.gsc-input.watermark:after { 
    display: none !important; 
}

.search-results-page-box input#gsc-i-id1 {
    background: #F4F4F4 !important;
    position: static !important;
    z-index: inherit;
}







a#mobile-bar {
    font: 0.938em / 0.563em 'Tinos', serif;
    font-size: 16px;
    line-height: 40px;
    display: none;
}

.featuredimage {
    display:none;
}

.description-rollover {
    display:none;
}

table.gsc-search-box td {
    padding: 0px;
}

#urgent-alert {
    position: relative;
    background: rgb(255,1,1);
    color: rgb(255,255,255);
    font-family: "Tinos";
    font-size: 1.05em;
    line-height: 2.4em;
    margin-bottom: -0.5%;
}

#urgent-alert-header {  
    background: rgb(0,0,0);
    text-transform: uppercase;
}

#urgent-black {
    position: absolute;
    background: rgb(0,0,0);
    left: 0px;
    right: 50%;
    top: 0px;
    bottom: 0px;
    z-index: 10;
}

#urgent-alert .container {
    z-index: 100;
}

#urgent-alert-message {
    font-family: "Droid Serif";
    background: rgb(255,1,1);
    font-size: 0.85em;
}

#urgent-alert-message a,
#urgent-alert-message a:visited {
    color: rgb(255,255,255);
    text-decoration: underline;
}

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

#featured li:hover a, 
#featured li:hover a:visited, 
#featured li a, 
#featured li a:visited {
    font-size: 0.9em;
}

#featured ul {
    position: relative;
    top: 3px;
}

.mm-panel a {
    color: #E4E4E4 !important;
}

.content-table {
    border-collapse: collapse;
    color: #333;
    font-size: 0.95em;
    border: none;
    width:100%;
}

.content-table td {
    padding: 8px 5px;
}

.content-table th {
    background: #dfdfdf;
    padding: 10px 5px 8px 5px;
    font-size: 1.05em;
    font-weight: bold;
}

.content-table td.footer {
    background: #ffffff;
    color: rgb(13,54,106);
    font-size: 1.1em;
    font-weight: bold;
}

.content-table tr:nth-child(even) td {
    border-top: solid 1px #cdcdcd;
    border-bottom: solid 1px #adadad;
}

.content-table tr:nth-child(even) {
    background: #efefef;
}

.content-table input {
    width: 80%;
}

.content-table select {
    width: 80%;
    font: 0.938em / 0.563em 'Tinos', serif;
    color: rgb(51,51,51);
    text-decoration: none;
}

.content-table textarea {
    width: 90% !important;
    height: 70px;
}

/* fix text margins on interior pages */

#content .ptl_page {
    width: 96%;
    margin: 0px 2%;
}

/* better adjusts share block */

@media screen, print {
    .post-share {
        margin: -20px 2% 4px 0px;
    }
}

/* better aligns news overviews on news page */

.simplePagerContainer ul {
    padding: 0px;
    list-style-type: none;
}

.simplePagerContainer .media .img {
    margin-top: 14px;
}

#content .simplePagerContainer h3 {
    margin: 0px;
}

/* news single posts */

#content .single-news-title h1 {
    margin: 22px 0px 0px 0px;
}


/* styled news pagination buttons */

ul.simplePagerNav {
    text-align: center;
}

ul.simplePagerNav li {
    float: none;
    display: inline-block;
    background: #ffffff;
    width: 28px;
    border: solid 1px #C7C7C7;
    height: 28px;
    overflow: hidden;
}

ul.simplePagerNav.currentPage {
    background: #FAFAFA;
}

ul.simplePagerNav li a {
    display: inline-block;
    width: 100%;
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: center;
}

/* correcting another improper nest, for #banner */

#banner {
    padding: 0px !important;
}

/* correcting bottom links' accidental underlining */

#bottom a, 
#bottom a:visited, a, a:visited {
    text-decoration: none !important;
}

/* correct blue on hovers */

.handle,
.handle:hover,
.handle a,
.handle a:visited,
.handle a:hover,
.handle a:visited:hover {
    color: rgb(13,54,106) !important;
}

/* fixing linked titles in footer */

#bottom .col > a,
#bottom .col > a:visited {
    color: rgb(13,54,106);
    font-size: 0.91em;
    font-family: "Tinos";
}

/* lightening up the search button color */

.cse input.gsc-search-button, input.gsc-search-button {
    background: #dfdfdf;
}

/* smoothening out contact info spacing */

.dept-contact-details {
    margin-bottom: -10px;
}

/* re-implmentation of full page banner slideshow */
#background {
    position: fixed !important;
    overflow: visible !important;
}

#background img {
    display: block;
    top: 0px !important;
}
#background .slides-container {
    display: none;
}
#background .scrollable {
    *zoom: 1;
    position: relative;
    top: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
#background .scrollable:after {
    content: "";
    display: table;
    clear: both;
}

.slides-navigation {
    margin: 0 auto;
    position: absolute;
    z-index: 3;
    top: 46%;
    width: 100%;
}
.slides-navigation a {
    position: absolute;
    display: block;
}
.slides-navigation a.prev {
    left: 0;
}
.slides-navigation a.next {
    right: 0;
}

.slides-pagination {
    position: absolute;
    z-index: 3;
    bottom: 0;
    text-align: center;
    width: 100%;
}
.slides-pagination a {
    border: 2px solid #222;
    border-radius: 15px;
    width: 10px;
    height: 10px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: middle;
    *vertical-align: auto;
    zoom: 1;
    *display: inline;
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR4nGP6zwAAAgcBApocMXEAAAAASUVORK5CYII=");
    margin: 2px;
    overflow: hidden;
    text-indent: -100%;
}
.slides-pagination a.current {
    background: #222;
}

/* implementing banner slideshow with thumbnails */

/*! lightslider - v1.1.2 - 2015-04-05
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2015 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/

.lSSlideOuter{overflow:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden}.lSSlideWrapper{max-width:100%;overflow:hidden;position:relative}.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0px,0);-ms-transform:translate(0px,0);transform:translate(0px,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:inherit!important;transition-duration:inherit!important;-webkit-transition-property:opacity;transition-property:opacity;-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none outside none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0px,0,0);-moz-transform:translate3d(0px,0,0);-ms-transform:translate3d(0px,0,0);-webkit-transform:translate3d(0px,0,0);-o-transform:translate3d(0px,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSSlideOuter .lSPager.lSGallery:after{clear:both}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url('https://cdnsm5-hosted.civiclive.com/UserFiles/Servers/Server_109478/Templates/img/controls.png');cursor:pointer;position:absolute;z-index:9999;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none outside none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%{left:0}50%{left:-15px}100%{left:0}}@keyframes rightEnd{0%{left:0}50%{left:-15px}100%{left:0}}@-webkit-keyframes topEnd{0%{top:0}50%{top:-15px}100%{top:0}}@keyframes topEnd{0%{top:0}50%{top:-15px}100%{top:0}}@-webkit-keyframes leftEnd{0%{left:0}50%{left:15px}100%{left:0}}@keyframes leftEnd{0%{left:0}50%{left:15px}100%{left:0}}@-webkit-keyframes bottomEnd{0%{bottom:0}50%{bottom:-15px}100%{bottom:0}}@keyframes bottomEnd{0%{bottom:0}50%{bottom:-15px}100%{bottom:0}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing}

/* header styling */

#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6 {
    margin-top: 23px;
    margin-bottom: 23px;
    font: 1.150em / 1.125em 'Tinos', serif;
    color: rgb(13,54,106);
    letter-spacing: -0.01em;
    font-weight: bold;
    text-decoration: none;
}

#content h2 {
    font-size: 1.250em;
}

.pub-links {
    padding: 0px;
}

.pub-links > * {
    margin: 10px;
}

.table-container label {
    display: none;
}

#search input[type="submit"],
#search input[type="button"] {
    appearance: none;
    -o-appearance: none;
    -ie-appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}

#banner ul {
  list-style: none;
  list-style-type: none;
  padding: 0px;
  margin: 0px !important;
}




@media (max-width: 800px) {
    #urgent-alert-message-inner {
            padding-left: 20px;
    }
}

@media screen and (max-width: 699px) {
	
#search input[type="submit"],
#search input[type="button"] {
    box-shadow: 0px 3px 5px -2px rgb(0,0,0);
    -o-box-shadow: 0px 3px 5px -2px rgb(0,0,0);
    -moz-box-shadow: 0px 3px 5px -2px rgb(0,0,0);
    -webkit-box-shadow: 0px 3px 5px -2px rgb(0,0,0);
    padding-top: 12px !important;
    padding-bottom: 12px !important;
}

	#content .container {
	    padding: 2% 7%;
	}

        #top {
            padding: 6px 0px 7px 0px;
        }

	#interior-nav .page-title h1 {
		text-align: left;
		margin-top: 14px;
		line-height: 1.2em;
	}

	#interior-nav .dept-contact-details h1 {
		text-align: left;
		margin-top: 8px;
		line-height: 1.2em;
                color: #333;
                font-size: 0.82em;
	}

	#interior-nav p {
		display: block;
		text-align: left;
		font-size: 14px;
	}

	#interior-nav .menu-items {
		display: none;
	}

	#interior-nav .span_1 {
		width: 86%;
		padding: 1px 0px;
		float: left;
		margin-left: 0px;
		left: 7%;
	}

    a#mobile-bar { 
        display: block; 
    }

    #urgent-alert {
            line-height: 1.5em;
            font-size: 0.98em;
    }
    #urgent-alert .container {
            padding: 0px;
    }
    #urgent-black {
            display: none;
    }
    #urgent-alert-header {
            padding-top: 10px;
            padding-bottom: 3px;
    }
    #urgent-alert-message {
            padding-top: 10px;
            padding-bottom: 10px;
            line-height: 1.4em;
    }
    #urgent-alert-message-inner {
            padding-left: 0px;
    }

    /* post-share improvements in mobile */

    .post-share {
        text-align: left;
        width: 100%;
        margin: 1px auto 7px auto;
    }

    #content .post-share ul {
        padding: 0px;
    }

    .post-share li {
        float: left;
    }

    #content {
        font-size: 0.738em;
        line-height: 1.55em;
    }

    #content ul {
        padding-left: 21px;
    }

    #content table {
        font-size: 0.95em;
        line-height: 2.4em;
    }

    #content table a {
        display: inline-block;
        line-height: 1.3em;
    }

    #content .table-container {
        padding: 42px 15px 15px 15px;
        background: rgb(238,238,238);
        position: relative;
        font-size: 14px;
    }

    #content .table-container label {
        display: block;
        position: absolute;
        top: 11px;
        left: 16px;
        font-size: 0.8em;
        font-style: italic;
    }

    #content .table-scroll {
        overflow: auto;
    }

    #content .table-scroll table {
        margin: 0px !important;
        background-color: #efefef !important;
    }

    #contact a.icon-facebook {
        position: absolute;
        top: auto;
        right: 5%;
        bottom: 36px;
    }

    #contact a.icon-twitter {
        position: absolute;
        top: auto;
        right: 5%;
        bottom: 13px;
    }

    #bottom a.city-services {
        font-size: 2.3em;
    }

}

.editMode #footer { position: relative; }





.ptl_col_2_3 {
    width: 65%;
    padding: 0px 1% 0px 0px;
}

.ptl_col_1_3 {
    padding: 0px 0px 0px 1%;
    width: 32%;
 margin-top: 20px;
}


@media screen and (max-width: 699px) {

 .ptl_col_2_3, .ptl_col_1_3 { float: none; width: 100%; }

}







table.tbl_top[id*=tblTagCloud]
{word-break: break-all;}



#content .post-share ul:after {
 content: '';
 display: block;
 clear: both;
}


.gsc-input-box {
    border: none!important;
    background: #fff;
    height: 41px!important;
    width: 100%;
}

.gsc-input-box:hover{
    border: none!important;
}


#footer, #bottom, ul#navigation li a, ul#navigation li a:visited, #featured li a, #featured li a:visited, h1 {
  font-size: 18px;
  font-family: 'Tinos', serif;
  line-height: 20px;
  color: rgb(13,54,106);
}