/* CSS styles */

body {
	margin:0 ;
	padding:0;
	background:url(pagebgsearch.gif)  repeat-x top center;
	color: #CCCCCC;
	}



#container {
	position:relative;
	width:960px;
	margin:auto;
	background-color: #003366;
}



#header {
			position:       relative;
			margin:     	0;
			width:			960px;
			height:			40px;
			font-size:		15px;
			font-family: 	Arial, Helvetica, sans-serif;
			line-height:    28px;
			color:#E9E9E9;
			background-color:#714e32;
			hyperlink color:#FFFFFF;
}

#searchwrapper {
	width:199;
	height:28;
	background-image:url(searchterm.gif);
	background-repeat:no-repeat;
	padding:0px;
	margin:0px;
	position:relative;
}

#searchwrapper form {display:inline;}

.searchbox {

			border:0px;
			background-color:transparent;
			position:relative;
			top:0px;
			left:5px;
			width:250;
			height:28;
			}

.searchbox_submit {
			border:0px;
			background-color:transparent;
			position:relative;
			top:1px;
			left:20px;
			width:30px;
			height:20px;
			}




#banner {
			position: relative;
			margin: 0;
			width:			960px;
			height:			145px;
			}

#searchbtn {
			margin:			0;
			padding:		0;
			padding-top:	0px;
			width:			5px;
			height:			28px;
			display:		block;
			float:			right;
			background: transparent url(searchbtn.gif) no-repeat center left;
			border:			none;
			text-indent:	-10000px;
			text-decoration:none;
			overflow:		hidden;
			float:right;
			z-index:10;

		}
#searchterm {
			margin:			0;
			padding:		0;
			padding-top:	0px;
			text-indent:	5px;
			color:			#555555;
			border:			none;
			background: transparent url(searchterm.gif) no-repeat center left;
			width:			155px;
			height:			28px;
			font-size:		12px;
			float:right;
			z-index:10;

		}

#navtop {
			position:relative;
			margin:0;
			z-index:4;
			width: 960px;
			height: 51px;
			background-color: #003366;}


#content {
			position:inherit;
			display:flex;
			display:-webkit-flex;
			flex-direction:row;
			-webkit-flex-direction:row;
			margin:0;
			background-color:#FFFFFF;
}

/*
.content:after {
			clear:both;
			content:"";
			display: block;
}
*/

#leftbox{
			position:relative;
			width:200px;
			flex:0 1 200px;
			-webkit-flex:0 1 200px;
			border-radius: 3px;
			margin: 5px 0px 5px 5px;
			background-color:#A9C5ED;
			vertical-align: top;
}

.leftbox-nav{
			position:relative;
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			margin-top:7px;
			margin-left: 5px;
			color:#003399;
			padding-bottom: 2px;
			border-bottom-style:ridge;
			border-bottom-color:#006699;
			border-bottom-width:thin;}

#contactleft{
			position:relative;
			border-radius: 3px;
			margin:5px;
			background-color:#FFFFFF;

}

.contact-headline {
			font-family:Arial, Helvetica, sans-serif;
			color:#003366;
			padding:0;
			line-height:10px;
			}

.contactinfo {
			font-family:Arial, Helvetica, sans-serif;
			color:#003366;
			font-size:12px;
			margin:5px;
			padding:0;
			line-height:10px;


}

#info  {
			position:relative;
			display:flex;
			display:-webkit-flex;
			flex-direction:column;
			-webkit-flex-direction:column;
			flex:0 1 auto;
			-webkit-flex:0 1 auto;
			margin:5px;
			padding-left:15px;
			padding-right:15px;
			padding-bottom:20px;
			background-color:#FFFFFF;
			color:#000000;
			;

}
#info > div {
			flex:0 1 auto;
			-webkit-flex:0 1 auto;
			flex-direction:column;
			-webkit-flex-direction:column;
}

#info .headline {
			font-family: sans-serif;
			color: #003366;
			font-size: 18px;
			margin:16px;
}


#info .subheader1 {
			font-family: sans-serif;
			font-style: italic;
			color: #003366;
			font-size: 14px;
			margin:16px;
}

#info .regular {
			font-family: sans-serif;
			font-size: 13px;
			color:#000000;
			text-align: justify;
			margin:16px;
			line-height: 19px;
}

#intro {
			flex:0 1 auto;
			-webkit-flex:0 1 auto;
			width:715px;
}

#intro > img {
			width:715px;
}

#jobopenings, #documents, #links {
			border-top:1px solid black;
			padding-bottom:20px;
}

#frontcenter {
			position:relative;
			flex:0 0 500px;
			-webkit-flex:0 0 500px;
			display:flex;
			display:-webkit-flex;
			flex-direction:column;
			-webkit-flex-direction:column;
			margin:5px 0px 5px 5px;
			background-color:#FFFFFF;}

#frontcenter > vid {
			flex:0 0 281px;
			-webkit-flex:0 0 281px;
}

#frontcenter > bottom {
			display:flex;
			display:-webkit-flex;
			flex:1 1 auto;
			-webkit-flex:1 1 auto;
}


#photobox {
			position:relative;
			flex:1 1 300px;
			-webkit-flex:1 1 300px;
			vertical-align: top;
			margin:5px 0px 5px 5px;
			/* height: 398px; */
			background-color:#FFFFFF;

}

.photoboxtext-headline {
			font-family:Arial, Helvetica, sans-serif;
			color:#003366;
			margin:5px;
			}

.photoboxtext-regular {
			font-family:Arial, Helvetica, sans-serif;
			color:#000000;
			margin:5px;
			font-size:13px;
			text-align: justify;
			}

.photobox-council {
			display: -webkit-flex;
			display: flex;
			width:330px;
			background-color: #a9c5ed;
			margin: 0px 5px 20px 5px;
			box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.photobox-council-title{
			margin:5px 10px 10px 10px;
			font-size:1.5rem;
			font-weight:700;
			border-bottom:2px solid #dddddd
}

.photobox-council-detail{
			margin:5px 10px 10px 10px;
}

.council-container {
		  display: -webkit-flex;
			display: flex;
			/*background-color: #aaaaaa;*/
			margin: 0px;
}

.council-base {
			/*display: -webkit-flex;
			display: flex;*/
			font-family: Open Sans,sans-serif;
			/*background-color: #dddddd;*/
			margin: 0px;
}

.document-table {
			display: -webkit-flex;
			display: flex;
			width:330px;
			background-color: #ffffff;
			border: 1px solid #ccc;
			margin: 0px 5px 20px 5px;
			/*box-shadow: 0 10px 16px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);*/
}

.document-container {
		  display: -webkit-flex;
			display: flex;
			/*background-color: #aaaaaa;*/
			margin: 0px;
}

.document-base {
			/*display: -webkit-flex;
			display: flex;*/
			font-family: Open Sans,sans-serif;
			/*background-color: #dddddd;*/
			margin: 0px;
}

.headline {
			font-family:Arial, Helvetica, sans-serif;
			color:#003366;
			margin:20px 5px 5px 5px;
}

.regular {
			font-family:Arial, Helvetica, sans-serif;
			color:#000000;
			margin:0px 5px 0px 5px;
			font-size:14px;
			text-align: justify;
}

.body {
			font-family:Open Sans,sans-serif;
			color:#000000;
			font-size:1.05rem;
			line-height: 1.618rem;
			text-align: justify;
			margin:0px 5px 0px 5px;
}

.hilite {
			font-family:Arial, Helvetica, sans-serif;
			color:#000000;
			margin: 5px 5px 0px 5px;
			padding: 5px 5px 0px 5px;
			background-color:rgba(93,71,51,0.1);
}

#Lakes > .regular {
			font-family:Arial, Helvetica, sans-serif;
			color:#000000;
			margin:5px 5px 5px 5px;
			font-size:14px;
			text-align: justify;
}

#slideshow {
			position: relative;
			width: 300px;
			height:242px;
			padding:0;
			}

#slidehow > div {
			position:relative;
			}

.slide-container {
    position:relative;
    width:500px;
    height:280px;
}
// .slide-container:after,.slide-container:before {
	content:"";
	display:table;
	clear:both;
}
.Slides {
    height:281px;
    width:500px;
    overflow:hidden;
    text-align:center;
    font-family:"Segoe UI",Arial,sans-serif;
    font-weight:400;
}
.Slides > a,.Slide > a:link {
		color:#fff!important;
}
.Slides > h2 {
    font-size:30px;
}

.Slides > img {
	width:100%;
}

.slide-title {
    font-family:"Segoe UI", Arial, sans-serif;
    font-weight:bold;
    font-size:20px;
    color:#3790c1;
    background-color:rgba(0,0,0,0.7);
}

.slide-upperleft {
    display:block;
    position:absolute;
    top:0px;
    left:0px;
    padding:6px;
    margin:8px;
}

.slide-caption-bottomright {
	position:absolute;
	right:0;
	bottom:0;
}

.slide-button {
	margin-top:16px;
	margin-bottom:16px;
	padding:8px 16px;
	color:rgba(255,255,255,1);
	background-color:rgba(0,0,0,0.25);
	font-size: 15px;
	display:inline-block;
}

.slide-display-left {
	position:absolute;
	top:128px;
	left:0%;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%);
}

.slide-display-right {
	position:absolute;
	top:128px;
	right:0%;
	transform:translate(0%,-50%);
	-ms-transform:translate(-0%,-50%);
}

.slide-middlebottom {
    position:absolute;
    display:inline-block;
    width:100%;
    height:13px;
    bottom:15px;
    text-align:center;
}

.slide-indicator {
    display:inline-block;
    height:10px;
    width:10px;
    border:1px solid gray;
    border-radius:50%;
           
}

.slide-white,.slide-indicator:hover {
    color:black;
    background-color:white;
}


// * {
 	box-sizing: border-box;
}

#events {
			position:relative;
			flex:0 0 295px;
			-webkit-flex:0 0 295px;
			margin:5px 0px 5px 0px;
			background-color:#FFFFFF;
			}

.events-headline {
			font-family:Arial, Helvetica, sans-serif;
			color:#003366;
			margin: 5px;
			}

.events-regular {
			font-family:Arial, Helvetica, sans-serif;
			color:#000000;
			margin:5px 5px 20px 5px;
			font-size:13px;
			text-align: justify;
			}

#newsbox{
			position:relative;
			flex:0 0 200px;
			-webkit-flex:0 0 200px;
			vertical-align: top;
			margin:5px 0px 5px 5px;
			background-color:#EAE0D8;
			border-radius: 3px;
			/* background-image:url(newsboxbg2.gif);
			background-repeat:repeat-x; */
}

.newsbox-headline {
			font-family:Arial, Helvetica, sans-serif;
			color:#000000;
			margin: 15px 5px 0px 5px;
			}

.newsbox-headline-bold {
			font-family:Arial, Helvetica, sans-serif;
			color:#000000;
			margin: 10px 5px 0px 5px;
			font-size: 15px;
			font-weight: bold;
			}

.newsbox-headline-hilite {
			font-family:Arial, Helvetica, sans-serif;
			color:#000000;
			margin: 5px 5px 0px 5px;
			padding: 5px 5px 0px 5px;
			background-color:rgba(93,71,51,0.1);
			}

.newsbox-regular {
			font-family:Arial, Helvetica, sans-serif;
			color:#5E4733;
			margin:5px;
			font-size:13px
			}

.newsbox-regular-bold {
			font-family:Arial, Helvetica, sans-serif;
			color:#5E4733;
			margin:5px;
			font-size:13px;
			font-weight: bold;
			}

.newsbox-regular-hilite {
			font-family:Arial, Helvetica, sans-serif;
			color:#5E4733;
			margin:0px 5px 5px 5px;
			padding:5px;
			font-size:13px;
			background-color:rgba(93,71,51,0.1);
			}

#calendar{
			position:relative;
			flex:0 1 235px;
			-webkit-flex:0 0 235px;
			vertical-align: top;
			font-family:Arial, Helvetica, sans-serif;
			color:#003399;
			margin:5px 5px 0px 5px;
			background-color:#FFFFFF;}

.calendar-headline {
			font-family:Arial, Helvetica, sans-serif;
			color:#6C5033;
			margin: 5px;
			margin-top: 15px;
			}

.calendar-regular {
			font-family:Arial, Helvetica, sans-serif;
			color:#000000;
			margin:5px;
			margin-bottom: 15px;
			font-size:13px
			}

#right-info {
			vertical-align: top;
			border-radius: 3px;
			margin: 5px 0px 5px 5px;
			padding:4px;
			border:3px solid #069;
			-moz-box-shadow:2px 2px 5px #ccc;
			-webkit-box-shadow:2px 2px 5px #ccc;
			box-shadow:2px 2px 5px #ccc;
			background-color:#A9C5ED;

}

#right-info .headline {
			font-family:Arial, Helvetica, sans-serif;
			color:#003366;
			margin:5px;
}

#right-info .regular {
			font-family:Arial, Helvetica, sans-serif;
			color:#000000;
			margin:0px 5px 0px 5px;
			font-size:14px;
			text-align: justify;
}

#footer {
	background-color:#006699;
	background-image:url(citylogo.gif);
	background-repeat: no-repeat;
	background-position: top left;
	border-radius: 0px 0px 3px 3px;
	position:absolute;
	width: 960px;
	height:150px;
	margin: 0px;}



#footernav {
			font-size:		12px;
			font-family: 	Arial, Helvetica, sans-serif;
			position:		absolute;
			text-align:		center;
			top:			48px;
			right:			15px;

		}
#footernav li {

			display:		inline;
			padding:		5px;
			padding-top:	1px;
			padding-bottom:	1px;
			border-right: 1px solid white;
		}
#footernav li.last {
			border-right:	none;
		}
#footernav li a {
			font-size:		0.9em;
			color:			white;
			text-decoration:none;
		}
#footernav li a:hover {
			text-decoration:underline;
		}
#credit{
			font-size:12px;
			font-family:Arial, Helvetica, sans-serif;
			position:absolute;
			background-color:#3690c2;
			color:#000000;
			top:			115px;
			right:			15px;
			z-index:5;}

.floating-box {
    float: left;
    width: 150px;
    height: 75px;
    margin: 10px;
    border: 3px solid #8AC007;
}