body{
    font-family: 'Catamaran', sans-serif;
    overflow-y: scroll;
    /* has to be scroll, not auto */
    -webkit-overflow-scrolling: touch;
    height: 100%;
}
html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden;
}

.news a{
    text-decoration: none;
}

    
#breaking{ 
    background: #6f5954;}

#breaking:hover{
   background-color:#000;
}

.img-responsive{
    max-width: 100%; 
    height: auto;}

b {
    color:#c12b2e;
    text-decoration: none;  
}
    

.page-wrap {
    min-height: 100%;
    margin-bottom: -160px;
    
}
.page-wrap:after {
    content: "";
    display: block;
}
.site-footer, .page-wrap:after {
    height: 142px;
    
}
strong{
    color: #836A54;
}
@font-face {
    font-family: 'kelvinchregular';
    src: url('kelvinch-roman-webfont.woff2') format('woff2'),
    url('kelvinch-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewayregular';
    src: url('http://rutherfordcountytn.gov/css/raleway-regular-webfont.woff2') format('woff2'),
    url('http://rutherfordcountytn.gov/css/raleway-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
h1,h2,h3{
    font-family: 'WebFont', kelvinchregular, serif;
    color: #57594F;
}
p{
    font-family: 'Catamaran', sans-serif;
    font-size: 16px;
    line-height: 26px;
}
a{
    color:#69534F;
}



.headline{
    color: #fff;
    font-size: 28px;
    text-align: center;
    text-transform: capitalize;
    text-shadow: 4px 4px 4px rgba(0, 0, 0, 1);
    font-family: 'WebFont', kelvinchregular, serif;
    margin-top:10px;
}
.tall{
    line-height: 30px;
}
.title{
    background: #222222;
    padding: 3px 15px;
    border-bottom: #57594F solid 5px;
    -webkit-box-shadow: 0px 10px 32px -12px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 10px 32px -12px rgba(0,0,0,0.75);
    box-shadow: 0px 10px 32px -12px rgba(0,0,0,0.75);
    margin-bottom: 30px;
    margin-top: -40px;
}
.title h2{
    font-size: 20px;
}
.mainheader{
    padding: 20px 0;
    background-size: cover;
}

.agheader{
    background: #595b50 url("img/agriculture.jpg") no-repeat center top;
    
}

.archiveheader{
    background: #595b50 url("img/archives.jpg") no-repeat center top;
    
}

.countyheader{
    background: #595b50 url("img/countyoffice.jpg") no-repeat center top;
    
}

.clcheader{
    background: #595b50 url("img/clc.jpg") no-repeat center top;
    
}

.cccheader{
    background: #595b50 url("img/ccc.jpg") no-repeat center top;
    
}

.highwayheader{
    background: #595b50 url("img/highway.jpg") no-repeat center top;
    
}
.healthheader{
    background: #595b50 url("img/health.jpg") no-repeat center top;
    
}
.cwcheader{
    background: #595b50 url("img/cwc.jpg") no-repeat center top;
    
}

.emsheader{
    background: #595b50 url("img/ems.jpg") no-repeat center top;
    
}

.jdcheader{
    background: #595b50 url("img/jc.png") no-repeat center top;
    
}
.emaheader{
    background: #595b50 url("img/ema.jpg") no-repeat center top;
    
}
.courthouseheader{
    background: #595b50 url("img/courthouse.jpg") no-repeat center top;
    
}

.header{
    background: #595b50 url("img/header.jpg") no-repeat center top;
}
.jicheader{
    background: #2f5689 url("img/jic3.png") no-repeat center top;
}
.home{
    background: #ffffff url("img/mayor.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.mayor{
    background: #ffffff url("img/mayor.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.history{
    background: #ffffff url("img/history.png") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.agriculture{
    background: #ffffff url("img/agri.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.environment{
    background: #ffffff url("img/environment.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.jc{
    background: #ffffff url("img/jc.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.archives{
    background: #ffffff url("img/archives.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.stormwater{
    background: #ffffff url("img/stormwater.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.health{
    background: #ffffff url("img/health.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}

.clc{
    background: #ffffff url("img/clc.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.cwc{
    background: #ffffff url("img/cwc.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.building{
    background: #ffffff url("img/building.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.probation{
    background: #ffffff url("img/probation.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.countyoffice {
    background: #ffffff url("img/CountyOffice.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.ems{
    background: #ffffff url("img/ems.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.community{
    background: #ffffff url("img/community.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.school{
    background: #ffffff url("img/school.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.commissionheader{
    background: #ffffff url("img/commissionheader.png") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.jdc{
    background: #ffffff url("img/jdc.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.rctv{
    background: #ffffff url("img/RCTV.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.highway{
    background: #ffffff url("img/way.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.ccrc{
    background: #ffffff url("http://rutherfordcountytn.gov/css/img/ccrc.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.buildings{
    background: #ffffff url("img/buildings.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.commission{
    background: #ffffff url("img/courtroom.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}
.secondhome{
    background: #ffffff url("img/cannon.jpg") no-repeat center top;
    background-size: cover;
    margin-bottom: 15px;
}
.jumbotron{
    padding: 100px 0;
    border-bottom: 10px solid #222222;
    border-top: 10px solid #222222;
}
.rbox{
    color: #fff;
    background-color: rgba(77, 51, 44, 0.6);
    text-align: center;
    padding: 15px;
}
.rbox:hover{
    background-color: rgba(77, 51, 44, 1);
    filter: alpha(opacity=100);
    /* internet explorer */
}
.rbox p, h2{
    color: #fff;
}
.rbox p{
    font-size: 16px;
    line-height: 20px;
}
.rbox h2{
    font-size: 18px;
    color: #fff;
}
.rbox a{
    color: #fff;
}
.white a{
    font-size: 18px;
    color: #fff;
}
.secondhome .rbox{
    color: #fff;
    background-color: rgba(77, 51, 44, 0.6);
    text-align: left;
    padding: 18px 30px;
}
.secondhome .rbox p{
    font-size: 16px;
    line-height: 30px;
}
@media only screen and (min-width : 768px) {
    .is-table-row {
        display: table;
    }
    .is-table-row [class*="col-"] {
        float: none;
        display: table-cell;
        vertical-align: top;
    }
}
footer{
    background: #57594F;
    padding: 20px 0;
    margin-top: -20px;
    height:400px;
}


@media screen and (min-width:768px){
    
    footer{
        background: #57594F;
        padding: 20px 0;
        margin-top: -20px;
        height:1000px;
    }
}


footer p{
    color: #fff;
    line-height: 20px;
    font-size: 12px;
}
.dropdown-menu-lg {
    width: 900px;
    padding: 20px 0px;
    background-color: #f5f5f5;
}
.dropdown-menu-lg > li > ul {
    padding: 0;
    margin: 0;
    background-color: #f5f5f5;
}
.dropdown-menu-lg > li > ul > li {
    list-style: none;
}
.dropdown-menu-lg > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: normal;
    background-color: #f5f5f5;
}
.dropdown-menu-lg > li ul > li > a:hover,
.dropdown-menu-lg > li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
    background-color: #f5f5f5;
}
.dropdown-menu-lg .disabled > a,
.dropdown-menu-lg .disabled > a:hover,
.dropdown-menu-lg .disabled > a:focus {
    color: #999999;
}
.dropdown-menu-lg .disabled > a:hover,
.dropdown-menu-lg .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.dropdown-menu-lg .dropdown-header {
    color: #69534F;
    font-size: 18px;
    font-weight: 900;
    background-color: #f5f5f5;
}
.dropdown-menu-sm {
    width: 300px;
    padding: 20px 0px;
    background-color: #f5f5f5;
}
.dropdown-menu-sm > li > ul {
    padding: 0;
    margin: 0;
    background-color: #f5f5f5;
}
.dropdown-menu-sm > li > ul > li {
    list-style: none;
    width: 300px;
}
.dropdown-menu-sm > li > ul > li > a {
    display: block;
    padding: 3px 20px;
    clear: both;
    font-weight: normal;
    line-height: 1.428571429;
    color: #333333;
    white-space: normal;
    
}
.dropdown-menu-sm > li ul > li > a:hover,
.dropdown-menu-sm > li ul > li > a:focus {
    text-decoration: none;
    color: #262626;
}
.dropdown-menu-sm .disabled > a,
.dropdown-menu-sm .disabled > a:hover,
.dropdown-menu-sm .disabled > a:focus {
    color: #999999;
}
.dropdown-menu-sm .disabled > a:hover,
.dropdown-menu-sm .disabled > a:focus {
    text-decoration: none;
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    cursor: not-allowed;
}
.dropdown-menu-sm .dropdown-header {
    color: #69534F;
    font-size: 18px;
}
@media (max-width: 768px) {
    .dropdown-menu-sm {
        margin-left: 0 ;
        margin-right: 0 ;
    }
    .dropdown-menu-sm > li {
        margin-bottom: 30px;
    }
    .dropdown-menu-sm > li:last-child {
        margin-bottom: 0;
    }
    .dropdown-menu-sm .dropdown-header {
        padding: 3px 15px !important;
    }
}
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


.vid {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
    margin-bottom: 20px;
}
.vid iframe,
.vid object,
.vid embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
h1,h2,h3{
    font-family: 'WebFont', kelvinchregular, serif;
    color: #57594F;
}
.title h2{
    color:#fff;
}
.mainheader{
    padding: 20px 0;
}
#search {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    -webkit-transition: all 0.5s ease-in-out;
    -moz-transition: all 0.5s ease-in-out;
    -o-transition: all 0.5s ease-in-out;
    -ms-transition: all 0.5s ease-in-out;
    transition: all 0.5s ease-in-out;
    -webkit-transform: translate(0px, -100%) scale(0, 0);
    -moz-transform: translate(0px, -100%) scale(0, 0);
    -o-transform: translate(0px, -100%) scale(0, 0);
    -ms-transform: translate(0px, -100%) scale(0, 0);
    transform: translate(0px, -100%) scale(0, 0);
    opacity: 0;
}
#search.open {
    -webkit-transform: translate(0px, 0px) scale(1, 1);
    -moz-transform: translate(0px, 0px) scale(1, 1);
    -o-transform: translate(0px, 0px) scale(1, 1);
    -ms-transform: translate(0px, 0px) scale(1, 1);
    transform: translate(0px, 0px) scale(1, 1);
    
    opacity: 1;
}
#search input[type="search"] {
    position: absolute;
    top: 50%;
    width: 100%;
    color: rgb(255, 255, 255);
    background: rgba(0, 0, 0, 0);
    font-size: 60px;
    font-weight: 300;
    text-align: center;
    border: 0px;
    margin: 0px auto;
    margin-top: -51px;
    padding-left: 30px;
    padding-right: 30px;
    outline: none;
}
#search .btn {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: 61px;
    margin-left: -45px;
}
#search .close {
    position: fixed;
    top: 15px;
    right: 15px;
    color: #fff;
    background-color: #428bca;
    border-color: #357ebd;
    opacity: 1;
    padding: 10px 17px;
    font-size: 27px;
}
@font-face {
    font-family: 'weather';
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot');
    src: url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.eot?#iefix') format('embedded-opentype'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.woff') format('woff'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.ttf') format('truetype'),
    url('https://s3-us-west-2.amazonaws.com/s.cdpn.io/93/artill_clean_icons-webfont.svg#artill_clean_weather_iconsRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
#weather {
    margin: 0px auto;
    text-align: center;
    text-transform: uppercase;
}
i {
    color: #fff;
    font-family: weather;
    font-size: 40px;
    font-weight: normal;
    font-style: normal;
    line-height: 1.0;
    text-transform: none;
}
.icon-0:before {
    content: ":";
}
.icon-1:before {
    content: "p";
}
.icon-2:before {
    content: "S";
}
.icon-3:before {
    content: "Q";
}
.icon-4:before {
    content: "S";
}
.icon-5:before {
    content: "W";
}
.icon-6:before {
    content: "W";
}
.icon-7:before {
    content: "W";
}
.icon-8:before {
    content: "W";
}
.icon-9:before {
    content: "I";
}
.icon-10:before {
    content: "W";
}
.icon-11:before {
    content: "I";
}
.icon-12:before {
    content: "I";
}
.icon-13:before {
    content: "I";
}
.icon-14:before {
    content: "I";
}
.icon-15:before {
    content: "W";
}
.icon-16:before {
    content: "I";
}
.icon-17:before {
    content: "W";
}
.icon-18:before {
    content: "U";
}
.icon-19:before {
    content: "Z";
}
.icon-20:before {
    content: "Z";
}
.icon-21:before {
    content: "Z";
}
.icon-22:before {
    content: "Z";
}
.icon-23:before {
    content: "Z";
}
.icon-24:before {
    content: "E";
}
.icon-25:before {
    content: "E";
}
.icon-26:before {
    content: "3";
}
.icon-27:before {
    content: "a";
}
.icon-28:before {
    content: "A";
}
.icon-29:before {
    content: "a";
}
.icon-30:before {
    content: "A";
}
.icon-31:before {
    content: "6";
}
.icon-32:before {
    content: "1";
}
.icon-33:before {
    content: "6";
}
.icon-34:before {
    content: "1";
}
.icon-35:before {
    content: "W";
}
.icon-36:before {
    content: "1";
}
.icon-37:before {
    content: "S";
}
.icon-38:before {
    content: "S";
}
.icon-39:before {
    content: "S";
}
.icon-40:before {
    content: "M";
}
.icon-41:before {
    content: "W";
}
.icon-42:before {
    content: "I";
}
.icon-43:before {
    content: "W";
}
.icon-44:before {
    content: "a";
}
.icon-45:before {
    content: "S";
}
.icon-46:before {
    content: "U";
}
.icon-47:before {
    content: "S";
}
#weather h2 {
    margin: 0 0 8px;
    font-size: 20px;
    color: #fff;
    text-align: center;
}
#weather ul {
    margin: 0;
    padding: 0;
}
#weather li {
    background: #fff;
    padding: 20px;
    display: inline-block;
    border-radius: 5px;
}
#weather .currently {
    margin: 0 20px;
}
.register{
    background: #ffffff url("img/register.jpg") no-repeat center top;
    background-size: cover;
    margin-top: -20px;
}

p a{
    text-decoration: underline}
a{
    color: #0074D9}

.tall a{
    text-decoration: none;
    color:#69534F}

a:hover{
    color: #69534F}
a:focus{
    color: #69534F}

.tall a:hover{
    text-decoration: underline;
    color:#69534F}
.tall a:focus{
    text-decoration: underline;
    color:#69534F}


.news {
    font-size: 10px;
    color: #463F40;
    opacity:0.5
}


.homelinks p{
    line-height: 40px;
}

.homelinks a{
    color: #69534F;
    
}

.homelinks a:hover{
   text-decoration: none;
    
}
.homelinks a:focus{
   text-decoration: none;
    
}

.vid_RCTV {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 100%;
    overflow: hidden;
    margin-bottom: 20px;
}