/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700,800,600italic);
html{
    min-height: 100%;
    padding:0;
    margin:0;
}
body {
 margin: 0;
 font-family: Arial,Helvetica,sans-serif;
 font-size: 14px;
 color: #000000;
 background-image: url(../images/bg-6.jpg);
 background-position:bottom center;
 background-repeat:no-repeat;
 background-size:100% 100%;
 padding:20px 0;
}
h1 {
 font-size: 155%;
 font-weight: bold;
}
h2 {
 font-size: 140%;
 font-weight: bold;
 font-style: italic;
}
a {
 color: blue;
 text-decoration: underline;
}
a:hover {
 text-decoration: none;
}
div#container {
    width: 1050px;
    margin: 0 auto;
    padding: 0;
    background:#FFFFFF;
}
.times{font-family:TimesNewRoman,Times New Roman,Times,Georgia,serif;}
div#header {
 padding: 15px 0 0 0;
 text-align: center;
 background-image: url('../images/header-bg.jpg');
 background-position:bottom right;
 background-size:cover;
 background-repeat: no-repeat;
 text-align: center;
 border-top:10px solid #011574;
}
div#header-content{width:450px;margin:0 auto 0 20px;color:#FFFFFF;font-size:170%;font-weight:bold;}
div#header-content>div{padding:5px 0;}

div#topnav{
    margin:3px auto 0px auto;
    padding:0.5em 0;
    text-align:center;
    position:relative;
    min-height:25px;
    background:#011574;
    font-size: 140%;
}
div#mobile-contact-information{display:none;}


div#whats-new-box{
    background:rgba(255,255,255,0.5);
    border-radius:10px;
    box-shadow:1px 1px 4px #6069d6,-1px 1px 4px #6069d6,1px -1px 4px #6069d6,-1px -1px 4px #6069d6;
    margin:1em auto 3em auto;
    position:relative;
    padding-top:180px;
}
div#whats-new-header{
    position: absolute;
    top:5px;
    right:5px;
}
div#events-container{
    width:98%;
    margin:10px auto;
    height:300px;
    overflow-y: scroll;
}
div.event{
    margin:0.3em auto;
    color:#000000;
    padding:3px 1%;
    width:98%;
}
div.event>div.cell{vertical-align: middle;padding:3px;}
div.yellow-bg{background:#feef87;}
div.white-bg{background:#FFFFFF;}
div.event-month{color:#1241ee;font-size:280%;margin:0.5em auto;}
div.event-month>div{background:#feef87;padding:2px 30px;display:inline-block;border-radius:20px;}
div.event-day{text-align: center;color:#1241ee;font-size:260%;width:60px;font-weight:bold;}

h2.left-col-headline{color:#011574;font-weight:700;font-style:normal;text-align: center;padding:3px 0;margin:0 auto;font-size:250%;}
a#left-col-calendar{display:block;text-align: center;padding:10px;background:#8d8d8d;text-decoration: none;}
a#left-col-newsletters{display:block;text-align: center;padding:10px;background:#24a7db;margin:1em auto;text-decoration: none;}

div#slideshow {
    border:4px solid #FFFFFF;
    width:   616px;
    padding: 0;
    margin:  0 auto;
}

div.g-recaptcha div{margin-left:auto;margin-right:auto;}
div#main-content{
    margin:0 auto;
    padding:0 0 1em 0;
    width:100%;
    color:#000000;
}
div#main-content>div.cell{
    padding:0 0.5%;vertical-align: top;
}
div#left-col{width:355px;}
div#bottom-line-photos{text-align:center;width:95%;margin:1em auto;display:flex;flex-wrap:nowrap;justify-content:space-around;align-items:center;}
div#body-content{font-size:120%;}
div#footer {
    position:relative;
 margin: 1em auto;
 text-align: center;
 background:#011574;
 color:#FFFFFF;
 padding:2em 0 1em 0;
}
div#footer>div:first-child{
 font-size: 180%;
}
div#footer>div:nth-child(2){
 font-size: 170%;
}
div#footer>div:nth-child(3),div#footer>div:nth-child(4){font-size:160%;}
#footer a {
 color: #FFFFFF;
 text-decoration: none;
}
#footer a:hover {
 text-decoration: underline;
}
div#credit-cards{
    position:absolute;
    top:10px;right:20px;
}
div#footer div#copyright,div#footer div#designed-by{
    /*font-size:70%;*/
    padding:3px 0;
}
div#footer div#copyright{padding-top:3em;font-weight:600;}

.shadow_box {
    background-color:#f2f2f2;
    border-radius: 15px;
    box-shadow: 7px 7px 3px #000000;
}
.table{display:table;}
.row{display:table-row;}
.cell{display:table-cell;}
.full-width{width:100%;}
.two-half-cols>div.cell,.two-half-cols>div.row>div.cell{width:44%;vertical-align:top;padding:5px 3%;}
.flex-row{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;}
.valign-top{vertical-align: top;}
.valign-middle{vertical-align: middle;}
.align-center{text-align: center;}
.align-left{text-align: left;}
.align-right{text-align: right;}
.clear{clear:both;}
.italic{font-style: italic;}
.bold{font-weight:bold;}
.larger{font-size:120%;}
.smaller{font-size:80%;}
.red{color:#FF0000;}
div.half{width:48%;padding:0 1%;float:left;}
div.picture-left{
    float:left;
    text-align: center;
    padding:3px;
}
div.picture-right{
    float:right;
    text-align: center;
    padding:3px;
}
ul.left,ol.left,ul.left li, ol.left li{text-align:left;}
.no-show{display:none;}
.full-white-bg{background:#FFFFFF}
.error{color:#FF0000;font-weight:bold;font-style:italic;}

div#inside-content{
    width:80%;
    margin:0 auto;
}

div#contact-form{
    text-align: left;
    width:90%;
    margin:0 auto;
    padding:10px;
    color:#000000;
}
div#contact-form>div{margin:0.3em auto;}
div#contact-form input[type=text]{
    width:90%;
    padding:3px;
    border-radius: 5px;
    border:1px solid #000000;
    outline: none;
}
div#contact-form textarea{
    width:90%;
    padding:5px;
    border-radius:10px;
    height:5em;
    margin-bottom:1em;
    border:1px solid #000000;
    outline: none;
}

ul.information-links>li{
    padding:3px 0;font-size:110%;
}
div#iframe-map{max-width:400px;width:100%;}

div#browser-disclaimer{float:right;background: #feef87;padding:2em;text-align: center;max-width:30%;border-radius:10px;}
.updatable-content *{max-width:99% !important;}
div.elected-official{margin:1.5em auto;text-align:center;}
div.elected-official p{margin:0 auto;padding:10px 0;font-style: italic;}
div.elected-officials-container{justify-content:space-around;flex-wrap:wrap;}
div.elected-officials-container>div{width:45%;}

/*Strip the ul of padding and list styling*/
div#topnav ul {
    list-style-type:none;
    margin:0;
    padding:0;
    position: absolute;
    text-align:center;
    top:7px;
}
div#topnav>ul{width:100%;}
div#topnav>ul>li{
    /*border-right:1px solid #FFFFFF;*/
}
div#topnav>ul>li:last-child{
    border-right:none;
}

/*Create a horizontal list with spacing*/
div#topnav  li {
    display:inline-block;
    margin-right: 1px;
}

/*Style for menu links*/
div#topnav li a {
    display:block;
    padding:0 10px;
    height: 30px;
    text-align: center;
    line-height: 30px;
    color: #FFFFFF;
    text-decoration: none;
}

/*Hover state for top level links*/
div#topnav li:hover a {
    text-decoration: underline;
}

/*Style for dropdown links*/
div#topnav li:hover ul a {
    background: rgba(0,0,0,0.8);
    color: #FFFFFF;
    height: 40px;
    line-height: 40px;
}

/*Hover state for dropdown links*/
div#topnav li:hover ul a:hover {
	background: rgba(0,0,0,0.8);
	color: #8eaec5;
}

/*Hide dropdown links until they are needed*/
div#topnav li ul {
    display: none;
    font-size:80%;
    font-weight:normal;
    padding-top:30px;
}

/*Make dropdown links vertical*/
div#topnav li ul li {
    display: block;
    float: none;
}

/*Prevent text wrapping*/
div#topnav li ul li a {
    width: auto;
    min-width: 100px;
    padding: 0 20px;
}

/*Display the dropdown on hover*/
div#topnav ul li a:hover + .hidden,div#topnav .hidden:hover {
    display: block;
}

/*Style 'show menu' label button and hide it by default*/
div#topnav .show-menu {
    text-decoration: none;
    color: #FFFFFF;
    /*background: #36d2fe;*/
    text-align: center;
    padding: 10px 0;
    display: none;
}

/*Hide checkbox*/
div#topnav input[type=checkbox]{
    display: none;
}

/*Show menu when invisible checkbox is checked*/
div#topnav input[type=checkbox]:checked ~ #menu{
    display: block;
}


/*Responsive Styles*/

@media screen and (max-width : 760px){
    /*Make dropdown links appear inline*/
    div#topnav{padding:10px 0;height:auto;}
    div#topnav ul {
        position: static;
        display: none;
        width:100%;
    }
    /*Create vertical spacing*/
    div#topnav li {
        margin-bottom: 1px;
    }
    div#topnav li a{padding-left:0;padding-right:0;background:#FFFFFF;padding:10px 0;border-radius:10px;width:60%;margin:0 auto;color:#041d7a;}
    div#topnav li li{margin-bottom:0;}
    /*Make all menu links full width*/
    div#topnav ul li, li a {
        width: 100%;
    }
    /*Display 'show menu' link*/
    div#topnav .show-menu {
        display:block;
    }
    div#topnav>ul>li{border-right:none;margin:1em auto;}
    div#topnav li:hover ul a{height:3em;line-height:3em;margin:1em auto;width:60%;}
}

@media all and (max-width : 800px) {
    *{max-width:100%;}
    body{padding:0;}
    table,tr,td,th,.table,.row,.cell{display:block;}
    .picture-left,.picture-right{float:none;text-align: center;padding:0.5em;}
    img{max-width: 100% !important;height:auto;}
    .desktop-only{display:none !important;}
    img#header-image{display:none;}
    div.picture-left,div.picture-right{float:none;width:95%;margin-left:auto;margin-right:auto;}
    div#container{width:99%;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;}

    div#topline-phone{padding:3px 0;text-align: center;}
    div#header{background-image:none;background:#041d7a;margin-bottom:1em;text-align: center;}
    div#header-content{width:95%;margin:0 auto;}
    div#bottom-line-photos{flex-direction:column;}
    div#header>div.table{padding:0;text-align: center;}
    div#contact-information{display:none;}
    div#mobile-contact-information{display:block;background:#FFFFFF;text-align: center;
    font-family:TimesNewRoman,Times New Roman,Times,Georgia,serif;
    font-size:190%;}
    div#main-content>div.cell{width:100%;padding:0;}
    div#header div#gold-bar{display:none;}
    div#footer div.cell{width:100%;padding:1em 0;}
    div#contact-box{text-align:center;}
    .two-half-cols>div.cell,.two-half-cols>div.row>div.cell{width:100%;padding:10px 0;}
    div#credit-cards{position:static;margin:1em auto;}
    div#whats-new-box{padding-top:0;}
    div#whats-new-header{position:static;text-align: center;}
    div#bottom-line-photos>div{width:100%;display:block;}
    div#body-content{padding:5px 1em;}
}
@media all and (min-width : 800px) {
    .mobile-only{display:none !important;}
}