#index-logo {
    display:block;
    margin:auto;
}

#slideshow img {display:none;position:absolute; 
    width: 100%;
    height: calc(100% - 100px);
    top: 100px;
    left: 0;
	object-fit:cover;
}
#slideshow img.active {display:block;z-index:2;}
#slideshow img.start-active {display:block;z-index:3;}
#frame-img {z-index:4;}
#slideshow {
 
}
#cpanel .nav .nav-icon img {
    max-width:36px;
    max-height:35px;
}


#homepage-heading {
    background: #236586;
    height: 50px;
    text-align: center;
    border-top: 6px solid #F5AF22;
}
/*#cpanel .nav-icon-label { position:absolute; top:0;right:0;left:0;}*/

#homepage-heading h1 {
    margin: 0;
    padding: 0;
    line-height: 50px;
    font-size: 22px;
    font-family: Montserrat;
    font-weight: 600;
    color: #f0f5fa;
}
#opening-text-main #right-side-inner {
    min-height:571px;
    top:0;
}

#opening-text-main #right-side-inner-border {
    width:482px;
    text-align:justify;
    padding-left:0;
}

div#main-body-footer { 
    z-index:2;
}

#opening-text-main #frame-img{
    position:absolute;
    top:12px;
    left:39px;
}


#city-logo {
	width: auto;
	height: auto;
	margin: auto;
	display: block;
	margin-bottom: 10px;
}
#picFrame{
    position: relative;   
    top:0;
    margin:0 auto 0 auto;
    width:100%;
}

#picFrame #frameImg {
    position: absolute;
    top:383px;
    width:100%;
    z-index: 2;
    height:35px;
}


#cpanel .nav .nav-icon {
    line-height:50px;
}

#main-body #openingText {
    padding: 10px 10px 0 10px;
    width: 450px;
	margin:0 30px;
    text-align: left;
	align-items:center;
	box-sizing:border-box;
}
#main-body #openingText .OT-Text {
	 background: #f0f5fa;/*OTBkgrdColor*/
	 padding:15px;
}
#main-body #openingText .contact-us {
	text-align:center;
	margin-top:10px;
	background-repeat:no-repeat;
	padding:10px;
	background:#F5AF22;
}
#main-body #openingText .got-questions-intro {
	font-size:22px;
}
#main-body #openingText.text-above-contacts .OT-Text {
	width:auto;
}
#main-body #openingText.text-above-contacts .contact-us {
	width:auto;
	padding-top:10px;
	padding-left:0;
	background:#ccc;
	margin-top: 10px;
}
#main-body #openingText.text-above-contacts {
	display:block;
}
#opening-text-main #openingText-cntr { margin:280px 0 0 70px; background-color: #fff;
    width:386px;
    min-height:220px;
    padding-bottom:4px;
    position:relative;
    color:#000;
}

#opening-text-main { 
    font-size: 11pt;
    font-weight: normal;  
    text-align:left;
    height: 100%;
	color:#000000;/*OTFontColor*/
	background: hsla(0, 0%, 0%, .7);
}
#opening-text-main {  
    padding: 0;
    margin: 0;
    position:relative;
    display:table;
}




#main-body  #opening-text-main.right  #openingText{ float: right; position:relative;}
#opening-text-main { margin:auto; }
#opening-text-main.left {margin-left:40px;}
#opening-text-main.right {margin-right:40px; position:absolute; right:0;}
#opening-text-main #opening-top{
 
    padding:0 0 0 0;
    height:418px;
}

#opening-text-main #opening-bottom {
    height: calc(100% - 398px);
    padding:20px;
    font-family: 'Roboto Condensed', sans-serif;
}

#opening-text-main #openingtext-title{
    padding:0;
    margin:auto;
    width:320px;
}

#opening-text-main #opening-right{
   float:left;
   width:700px;
   margin:210px 0 0 450px;
}

#TopDiv {
    height: 106px;	
    position: relative;
    z-index: 3;
}
#TopInnerDiv 
{
    background:none;
	height:50px;
}

#main-body-footer .copyright a {top:4px; }
#main-body-footer .copyright p {

}
#index-page #TopDiv  img.header-background2 {
   position:absolute;
   top:16px;
   left:16px;
}

#index-page #opening-text-main #wrapper{
    width:760px;
    max-width:760px;
}

#index-page #masthead{
    display:block;
    position:absolute;
    left:-82px;
    top:-84px;
}
#index-page .slideshow-pic {
    width:1166px;
    margin:auto;
    height:578px;
    position:absolute;
    background-repeat: no-repeat;
    background-position: top center;
	background-size:1166px 578px;
    z-index:-2;
    right:0;
    left:0;
  
}
#index-page #frameImage {
    position: absolute;
    top: 0;
    z-index: 2;
}


#got-question-cntr {
    color:#42210b;  
    bottom:0;   
/*    margin: 20px 0 0 0;
    background: url("../resources/got-question-bk.png") no-repeat top center;
    background-position-x: 190px;*/
}

    #got-question-cntr img {
        margin: 20px 0 -40px -40px;
        width: 100%;
    }
#got-question-cntr p { margin: 2px 0;}

body#index-page {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    min-height: 630px;
    background-color: #034730;
}

#main-body-border {
    z-index:2;
	top:106px;
}
body {

    background-size:cover;
} 

#index-top img {
    display:block;
    margin:auto;
    z-index: 1;
    position: absolute;
    left: 0;
    right: 0;
    top:84px;
    width:100%;
    max-width:490px;
}

  
#index-page #got-questions p {
      padding:.5em 0 0 0;
      color: white;
    font-size: 12pt;
}
#index-page #got-questions a {
    text-decoration:none;
      color: black;
}

 #openingtext-title{
     text-align:center;
     margin-top:0;
 }
  #openingText p {
    margin:auto;
    line-height:24px;
  }

 #opening-center{
     padding:140px 0 0 0;
 }

.contact-us a {
    background: #F5AF22;
    border-radius: 4px;
    padding: 10px 14px;
    text-decoration: none;
    color: white;

	display:inline-block;
}
#openingText .contact-us p {
	margin: 4px 0 0 0;
	font-size: 18px;
}
#index-top-text {  
    background:url("../resources/header-text-bck.jpg");
    top: 14px;
    height:111px;
    margin:22px 0 0 260px;
    z-index:1;
}
#index-top-text img{
    margin:auto;
    display:block;
}

#main-body-inner {
    width:100%;
    height: 100%;
    display:table;
}


body  #cpanel .nav #btn-logo.nav-icon img{
    display:none;
}

#index-page #cpanel .nav li ul.submenu li a {margin:0;}

#gis-button a{
    text-decoration:none;
}
#gis-button img{
    display:block;
    margin:30px auto 0 auto;
}
#gis-button a span {
    display:block;
    text-align:center;
    color:#6a8847;
    font-size:8pt;
}

#opening-text-inner{
    display:table-cell;
    vertical-align:middle;
}
/*** Photo Carousel ***/

#opening-pics{
    float:left;
    display:block;

}



/*** END Photo Caruosel ***/

/*** Disclaimer ***/
#disclaimer-ctnr {
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    background-color: rgba(0,0,0,.4);
    z-index:50;
 
}

#disclaimer-popout {
    z-index: 100;
    position: absolute;
    width: 455px;
    left: 0;
    top: 200px;
    right: 0;
    margin: auto;
    background-color: rgba(255,255,255,1);
    color: #111;
    padding: 20px 30px;
    font-size:15px;
    box-shadow: 0px 0px 18px 0px rgba(15, 15, 15, 0.75);
    font-family:'Open Sans',sans-serif;
    font-weight:normal;
    text-align:center;
}
#disclaimer-popout h1 {
    font-size:18px;
}
#disclaimer-dismiss {
    margin:auto;
    display:block;
    text-align:center;
    text-decoration:none;
    color:#0060a9;
    font-size:13px;
    font-weight:bold;
    width:110px;
    border:5px solid;
}
#main-body-footer .copyright img {}
/*** END Disclaimer ***/

/*** For Mobile ***/
@media all and (max-width:960px) {

}

@media all and (max-width:960px) {
	.show #cpanel {top:50px;}
	#showmenu-btn { line-height:50px;}
	#TopDiv {
		height:50px;
	}
	#main-body-border {
		top:50px;
	}
	#slideshow img {
		height: calc(100% - 50px);
		top: 50px;
	}
   #main-body #opening-text-main {
		vertical-align:middle;
		padding:0;
		position:static;
		margin:auto;
   }
   #main-body #opening-text-main #opening-text-inner #openingText{
		float:none;
		margin:auto;
   }
    #main-body #openingText {
        margin:auto;
		display:block;
		text-align:center;
		padding:20px;
    }
	
    /*#main-body #openingText {
        width:calc(100% - 44px);/*account for padding and add 2px lft/rgt gap*/
      /*  padding:20px;
    }*/
   .carousel-container {
       width:100%;
       height: 310px;
       margin: 20px auto 0 auto;
   }

    .carousel-center .slick-track img {
    height: 280px !important;
    }
    #carback-wrapper {
        height:260px;
        top:12px;
    }
    .carousel-background .slick-track img { 
        height:260px!important;
    }
    #main-body-footer .copyright img {
        margin-left:10px;
    }
    #city-logo {
      /*  height:50px;
        left:20px;
        top:0; */
    }
    .show #cpanel {
        top: 50px
    }
	#homepage-heading {
		display:none;
	}
    
    }
@media all and (max-width:500px) {
	#main-body #opening-text-main #opening-text-inner #openingText {
		width:100%;
	}
}


/*subscribe*/

#subscribe-dialog-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5); /* semi-transparent black */
    z-index: 9998; /* Ensure it's on top of other content */
    display: none; /* Hide by default */
}

#subscribe-dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background: #fff;
    padding: 20px;
    z-index: 9999; /* Make sure it's above the overlay */
    display: none; /* Hide by default */
    color: black;
    width: 340px;
    height: 480px;
}

.dialog_form_item {
    float: right;
    margin-right: 80px;
    padding-top: 6px;
}

.dialog_form_actions {
    position: absolute;
    bottom: 20px;
    right: 30px;

}

.dialog_form {
    padding-top: 7.5px;
}

.g-recaptcha {
    height: 80px;
    position: absolute;
    bottom: 50px;
    width: 340px;
}


#dialog1_label {
    margin-top: 0;
    background-color: #224274;
    color: white;
    text-align: center;
    padding: 5px;
}