/* Enter Your Custom CSS Here */
html {
    line-height: 1.3em;
}

.header-image img {
    display: block;
    margin: 0 auto;
    width: 96px;
    float: left;
}

#searchbar {background-color:#1e4480; height:50px;color: #ffffff; text-align:center;}

@media screen and (min-width: 600px)
.menu-toggle:before {
    width: 60px;
    height: 60px;
    border: 0px
    color: #303030;
    line-height: 3.5;
    -moz-border-radius: 0%;
    -webkit-border-radius: 0%;
    border-radius: 0%;
}

.site-info {display:none;}

.site-description {
    display: block;
    margin-bottom: 24px;
    color: #c08b00;
    font-weight: bold;
    font-size: 20px;
    font-family: "Open Sans";
}

.site-title {
    color:#1e4480;
    font-size:25px;
    font-weight:bold;
    text-transform: none;
        margin-bottom: 15px;
    min-height: 10px;
    font-family: "Open Sans";
    
}

.footer-widget-area {
    background: #637fac;
    color:#ffffff;
}

.footer-widget-area p {font-size:12px;}

#boxcontainer {width:80%; float:right;}
#leftbox {width:19%; float:left;}
#boxnews {width:100%; height:591px; float:left; border:1px #999 solid; padding:10px 10px;margin-top:5px;}
#alertbox {width:100%; height:390px; float:left; margin-top:10px; border: 1px #999 solid;
padding: 10px 10px;}

#planning {width:65%; height:200px; float:left; background-color:#1e4480; display: block;  border: 5px solid #ffffff;
padding: 10px; color:#FFF;  font-weight:400;}
#community {width:34%; height:200px; float:left; background-color:#c08b00; display: block;  border: 5px solid #ffffff;
padding: 10px; text-align:center; color:#1e4480;  font-weight:700;}
#tourism {width:34%; height:200px; float:left; background-color:#637fac; display: block; margin: 0px; border: 5px solid #ffffff; padding: 10px; text-align:center; color:#ffffff;  font-weight:700;}
#infrastucture {width:34%; height:200px; float:left; background-color:#c3a65c; display: block; margin:0px; border: 5px solid #ffffff; padding: 10px; text-align:center;color:#1e4480;  font-weight:700;}
#business {width:65%; height:200px; float:left; background-color:#c3a65c; display: block;  margin: 0px; border: 5px solid #ffffff;
padding: 10px;color:#1e4480;  font-weight:700;}
#council {width:34%; height:200px; float:left; background-color:#c08b00; display: block; border: 5px solid #ffffff;
padding: 10px; text-align:center; color:#1e4480;  font-weight:700;}
#application {width:34%; height:200px; float:left; background-color:#c3a65c; display: block; border: 5px solid #ffffff;
padding: 10px; text-align:center; color:#1e4480;  font-weight:700;}
#payonline {width:31%; height:402px; float:left; background-color:#1e4480; display: block;  border: 5px solid #ffffff;
padding: 10px; color:#ffffff;  font-weight:400;}
#dogs {width:34%; height:200px; float:left; background-color:#c08b00; display: block; border: 5px solid #ffffff;
padding: 10px; margin-top: 0px; text-align:center; color:#1e4480;  font-weight:700;}
#services {width:68%; height:200px; float:left; background-color:#1e4480; display: block; border: 5px solid #ffffff;
padding: 10px; clear:both; margin-top:-201px; color:#ffffff;  font-weight:400;}
#report {width:31%; height:200px; float:left; background-color:#1e4480; display: block; border: 5px solid #ffffff;
padding: 10px; margin-top: 0px; text-align:center; color:#fffff;  font-weight:700;}

#boxcontainer h2 {font-family: 'Open Sans', sans-serif; color:#FFF; font-size:28px; font-weight:400; margin-bottom: 0px;}
#boxcontainer ul {font-family: 'Open Sans', sans-serif; list-style:none;}
#boxcontainer p {text-align:center;}
#boxcontainer a:link {text-decoration: none; color:#ffffff;}
#boxcontainer a:visited {text-decoration:none; color:#ffffff;}
#boxcontainer a:hover {text-decoration:underline; color:#c08b00;}
#boximage {width:80px; float:left; margin: 50px 0 0 50px;}
#boxtext {float:right; margin-right:50px;}
#community img {margin-top:50px;}
#tourism img {margin-top:50px;}
#infrastucture img {margin-top:50px;}
#council img {margin-top:50px;}
#dogs img {margin-top:50px;}
#report img {margin-top:50px;}
#application img {margin-top:50px;}
#services h2 {margin-left:30px;}
#planning h2 {margin-left:30px;}
#payimage {width:100%; margin: 50px auto; text-align:center;}
#payonline h2 {text-align:center;}
#payonline ul {margin-left:50px;}

/* Smooth Caption */
.holder
{
    border: 0;
    position: relative;    
    overflow: hidden;
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;    
}
.smooth
{
    opacity: 1;    
}
.smooth:hover img
{
    opacity: 0.6;
    box-shadow: #333333;
}
.go-top
{
    background-color: #1e4480;
    color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    right: -600px;
    width: 280px;
    text-align:left;   
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;
    padding-top:40px;
    padding-left: 40px;
    font-size:16px !important;
    line-height: 24px;
}


.go-top-gold
{
    background-color: #c08b00;
    color: #1e4480;
    position: absolute;
    bottom: 0px;
    right: -600px;
    width: 280px;
    text-align:left;   
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;
    padding-top:40px;
    padding-left: 40px;
    font-size:16px !important;
    line-height: 24px;
}
.go-top-lightblue
{
    background-color: #637fac;
    position: absolute;
    bottom: 0px;
    right: -600px;
    width: 280px;
    text-align:left;   
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;
    padding-top:40px;
    padding-left: 40px;
    font-size:16px !important;
    line-height: 24px;
}

.go-top-yellow
{
    background-color: #c3a65c;
    color: #1e4480;
    position: absolute;
    bottom: 0px;
    right: -600px;
    width: 280px;
    text-align:left;   
    -webkit-transition: 0.5s Ease;
    -moz-transition: 0.5s Ease;
    -o-transition: 0.5s Ease;
    transition: 0.5s Ease;
    padding-top:40px;
    padding-left: 40px;
    font-size:16px !important;
    line-height: 24px;
}
.smooth:hover > .go-top
{    
    right:0px;    
}

.smooth:hover > .go-top-gold
{    
    right:0px;   
}

.smooth:hover > .go-top-lightblue
{    
    right:0px;   
}

.smooth:hover > .go-top-yellow
{    
    right:0px;   
}

.footer-widget-area .widget_nav_menu .dropdown-toggle {
    display: none !important;
}

#bottombox1 {width:50%; float: left;
    padding: 10px 20px;}
    
p {text-align:justify;}

#bottombox h2 {
    margin: 0 auto 12px;
    font-size: 24px;
    line-height: 1.6em;
    font-weight: 400;
    color: #1e4480;
}