@charset "utf-8";

@font-face {
	font-family: Felipa;
	src: url("../fonts/Felipa-Regular.ttf");
}

@import url('https://fonts.googleapis.com/css?family=David+Libre&display=swap');
/* CSS Document */

a.nav-skip {
	position: absolute;
	top:2px;
	left: -9999px;
	color: white !important;
}

a.nav-skip:focus {
	left: 15PX;
}

.unboxed {
	box-shadow: none !important;
	border:none !important;
	background:none !important;
}

a {text-decoration:none;
   border-bottom: 1px dotted #a2a2a2;
}

a:hover {
	text-decoration: none;
	border-bottom: 2px solid #777777;
}

a.noborder, a.noborder:hover {text-decoration:none;border-bottom: none;
}


body>header a, #side-menu a, footer a {
	border-bottom: none;
}

body>header a:hover, #side-menu a:hover, footer a:hover {
	border-bottom: none;
}

footer  .footer-inner-sections a{
	color: #262e28;
	font-weight: bold;
}

body {margin:0px; padding:0px;font-size: 1em;
	/*background:  #fdfbf5 url("../Images/design2017/Back-Main.png") no-repeat top;*/
	background:  #DDDDDD url("../Images/background2.jpg") no-repeat top;
	background:  #DDDDDD url("../Images/background3.jpg") no-repeat top;
	background:  #DDDDDD url("../Images/background4.jpg") no-repeat top;
	background-size: 100%;
	background-color: #DDDDDD;
	
} 


/****************************/
/*  Citenet style overrides */
/****************************/
.overflow-wrap {
	/*background: red;*/
	background: #CDB79E;
	/*background: #31526C;*/
	padding: 5px 0 8px;
	/*border-bottom: 3px solid silver;*/
	/*Something strange is going on with line heights and the sort
	so the */
}
/*
.emergency-message a {
	color: white ;
}

.emergency-message {
	color: white;
}*/

.emergency-message-holder {
	/*background: #848484;*/
}
.emergency-message-holder span, .emergency-message-holder span a { color: black; }

.meetinglisttable .filelist a:before {
    content: none;
}
.meetinglisttable .filelist a {
    padding:2px;
}
.fc-calendar-event:before {
    content: none;
}
.fc-calendar-event {
    padding-left: .75em;
    text-indent: -.75em;
}
.res_table_def caption, .res_table_def tbody tr td.cat1spacer {
	background: #4B5B33;
}

.dept-header {
	background: #4B5B33;
}

.modmeetings .tab {
	background: #026AA7;
}
.modmeetings .inactiveTab {
	background: #eee;
}
@media (max-width: 480px){

	.fc-calendar .fc-row > div > span.fc-date {
	    top: 30%;
	    left: 50%;
	}

	.fc-calendar .fc-row > div.fc-content:after {
	    left: 52%;
	    bottom: 20%;
	}


}
/*********
@media (min-width:1025px) {
 .wrapper {
    width: 1020px;
	background:url(Images/Back-Main.jpg) no-repeat;
} 
}
********/
.wrapper-main {
    float: none;
    margin: auto;
    position: relative;
    max-width: 1336px;
    height: auto;
    padding: 0px;
    
}

header {position:relative; width:100%; height:auto; margin:0px; padding:0px;

}
		
.header-top {
	background:#4B5B33;
	height:2em;
	width:100%;
}

.header-top-right-section {
	text-align: right;
	margin-right: 5%;
}

.header-top-right-section div{
	display: inline-block;
	
}

.header-top-icons img{
	padding-right: 3px;
	vertical-align: baseline;
}

.inner-wrap {float:none; position:relative; margin:auto; padding:0px; width:100%; max-width: 1336px; height:auto;

}

#header-google {float:right;

}

#google_translate_element {vertical-align: top; margin: 2px 1em 0 0;background-color: #fdfbf5;padding: 0 5px; width: 330px;}

.town {
	width: 100%;
	max-width: 1366px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	padding: 10px;
}

.header-bottom-left {
	width: 50%;
	max-width: 230px;
	margin: auto;
}

.townSeal {
	width: 100%;
	max-width: 230px;
}

.header-bottom-middle {
	display: none;
	flex-direction: column;
	justify-content: center;
}

.header-bottom-right {
	display: none;
	flex-direction: column;
	justify-content: end;
}

.townInfo {
	display: flex;
	flex-direction: column;
}

.townName {
	color: #f58634;
}

.townName {
	font-size: 5em;
	width: 100%;
	text-align: center;
	font-weight: bold;
	/*font-family: MonotypeCorsiva;*/
	font-family: 'David Libre', serif;
	font-style: italic;
	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
}

.townDesc {
	font-size: 2em;
	width: 100%;
	text-align: right;
	font-family: 'David Libre', serif;
	font-style: italic;
	color: black;
	font-weight: bold;
}

.header-bottom { 
	width:100%;
	background:#A1B67C;
	/*height:8em;*/
}

/*.header-bottom > * {
	display:inline-block;
	vertical-align:top;
}*/

.header-bottom ul {
	list-style:none;
}

.header-bottom-right-area {
	vertical-align:bottom;
	/*width:18%;*/
	margin-left:10%;
	margin-right:2%;
	padding-right:10px;
}

.social-media img {
	height: 25px;
	width: 25px;
	margin: 5px 3px;
}

.social-media {
	margin: 5px 0;
	text-align: center;
}

.social-media1 {
	display: inline-block;
}

.social-media2 {
	display: inline-block;
}

/*.header-bottom  img {
	max-height:100%;
	max-width: initial;
}*/
.print-page{cursor: pointer; cursor: hand;}
#head-logo {width: 20%; max-width: 128px;}
#head-sussex {width: 80%; max-width: 655px;}
.wunderground-container {display:block !important;  text-align: center; font-family: sans-serif; font-size: 12px;}

#logo-header-right-move {margin-left:91px;

}

.header-right {float:right; position:relative; width:auto; height:auto; margin:0px; padding:0px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:center;

}

.header-right p {margin-right:20px;

}
/*
.cbp-hrmenu {position:relative; width:100%; height:auto; margin:0px; padding:0px; background:#fdfbf5; z-index:10000;

}*/
/*
nav ul {float:left; position:relative; width:100%; height:auto; margin:0px;

}

nav li { float:left; display:inline; color:#151012; font-family:'Arial', Helvetica, sans-serif; font-size:18px; margin-top:20px; margin-left:57px; margin-bottom:20px; margin-right:57px;

}*/

.search-bar {
	background: white;
	box-shadow: 6px 5px 15px 1px rgba(0,0,0,0.5);
	/*position: absolute;*/
	/*right: 20px;
	top: 20px;
	left: auto;
	bottom:auto;*/
	z-index:5;
	padding-left: 30px;
	font-style:italic;
	position: absolute;
	right: 0;
	width: 100%

}

.search-bar input {
	/*vertical-align:bottom;*/
	vertical-align: middle;
	/*line-height: 2em;*/
	font-size:2em;
	border: none;
	width: calc(100% - 73px);
}

.search-bar input[type="image"], .search-bar #searchsubmit {
	height:2em;
	width:auto;
	padding: 10px 10px;
}

.searchformhead {
	position: absolute;
	right: 1.6%;
	top: 5px;
	left: auto;
	bottom:auto;
	z-index:5;
	width: 76.8%;
	/*max-width: 76%;*/
}

#home .searchformhead {
	top: 30px;
	right: 12.5%;
	max-width: 75%;
}

.main-wrapper {
	padding-top: 62px;
}

#home .main-wrapper {
	padding-top: 0;
}

.searchformhead .livesearchresults{right: 0;top: 67px;left: auto;}

/*#emergency-message {
	width:100%;
	background: red;
	color: white;
	height: 2em;
    line-height: 2em;
    font-size: 2em;
	overflow:hidden;
}

#emergency-message  > div{
	display:block;
	width:200%;
	height:100%;
	position: absolute;
	overflow:hidden;
	-moz-animation: scroll-left 8s linear infinite;
	-webkit-animation: scroll-left 8s linear infinite;
	animation: scroll-left 8s linear infinite;
}

#emergency-message span {
	float: left;
	width: 25%;
}

#emergency-message p {
	position: absolute;
	width: 20%;
	height:100%;
	margin:0;
	display:inline-block;
	
}
*/
.news-events-link-to {
	text-align: right;
	font-weight: bold;
}

/*
#emergency-message p.one {
	-moz-transform: translateX(100%);
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
}

#emergency-message p.two{
	-moz-transform: translateX(300%);
	-webkit-transform:translateX(300%);
	transform:translateX(300%);
}

@-moz-keyframes scroll-left {
	0% {
		-moz-transform: translateX(500%);
	}
	100% {
		-moz-transform: translateX(-10%);
	}
}
@-webkit-keyframes scroll-left {
	0% {
		-webkit-transform: translateX(500%);
	}
	100% {
		-webkit-transform: translateX(-10%);
	}
}
@keyframes scroll-left {
	0% {
		-moz-transform: translateX(500%);
		-webkit-transform: translateX(500%);
		transform: translateX(500%);
	}
	100% {
		-moz-transform: translateX(-100%);
		-webkit-transform: translateX(-100%);
		transform: translate(-100%);
	}
}*/

@keyframes scroll-left {
	0% { left: 0; }
	100% { left: -100%; }
}

.slider-area {float:left; position:relative; width:100%; height:auto; margin:0px; padding:0px;

}

.slider-area img {float:left; position:relative; width:100%; height:auto;

}

.home-slides {/*box-shadow: 5px 5px 10px 0 rgba(0,0,0,0.2);*/
box-shadow: 5px 5px 12px 0 rgba(0,0,0,0.5);}

.home-slides a {border-bottom: none;}

content {float:left; position:relative; width:100%; height:auto; margin:0px; padding:0px; background:#fdfbf5; padding-top:46px;

}

.content-left {float:left; position:relative; width:271px; height:auto; margin:0px; padding:0px; background:#31526c; color:#FFFFFF;
    -moz-box-shadow: 10px 10px 20px rgba(0, 0, 0,0.2);
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);

}

/*-------------- These are never used, as far as I can tel -------------------*/
.content-left ul {float:left; position:relative; font-family:'Arial', Helvetica, sans-serif; color:#FFFFFF; list-style:none; padding-left:10px;

}

.content-left li {color:#FFFFFF; float:left; margin:20px 0px; font-size:1.25em; list-style:none; margin-left:0px;

}
/*-----------------------------------------------------------------------------*/
.content-Middle {float:left; position:relative; width:515px; height:auto; margin:0px; padding:0px; margin-left:27px;
-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0,0.2);
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);

}



.content-middle-box {float:left; position:relative; background:#FFFFFF; height:485px; width:515px;

}

.content-middle-box-1 {float:left; position:relative; background:#FFFFFF; height:420px; width:515px;

}

.content-box-title-blue {float:left; position:relative; width:100%; height:auto;  color:#FFFFFF; font-family:'Arial', Helvetica, sans-serif; text-align:center; font-size:1.375em; vertical-align:middle; padding:20px 0px;

}

.content-box-text-area {float:left; position:relative; width:auto; height:388px; overflow:scroll; padding:15px; font-size:1.125em; font-family:'Arial', Helvetica, sans-serif; overflow-y: scroll;
overflow-x: hidden;
color:#103645;
}

.content-box-text-area::-webkit-scrollbar {
    width: 0.5em;
	border-radius:15px;
}
 
.content-box-text-area::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(170,173,174,1);
}
 
.content-box-text-area::-webkit-scrollbar-thumb {
  background-color:#0d486c;
  border-radius:15px;
  outline: 1px solid slategrey;
}

.icon-table {
	width: 100%;
	border: none;
}

.icon-table tr{
	text-align: center;
}

.icon-table tr td{
	padding: 2px;
}

#top-margin {margin-top:36px;

}


.content-box-text-area-2 {float:left; position:relative; width:auto; height:100px; margin:0px; padding:0px; background:#FFFFFF; padding:15px; font-size:1.125em; font-family:'Arial', Helvetica, sans-serif; color:#103645;

}

#content-middle-bottom-2 {height:420px; margin-top:30px;

}

.content-middle-main {float:left; position:relative; width:515px; height:auto; margin:0px; padding:0px;

}


.content-right-area {float:left; position:relative; width:364px; height:auto; background:#FFFFFF; padding:0px; margin-left:53px; margin-bottom:100px;
-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0,0.2);
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);

}


.content-box-text-area-3 {float:left; position:relative; width:334px; height:840px; overflow:scroll; padding:15px; font-size:1.25em; font-family:'Arial', Helvetica, sans-serif; overflow-y: scroll;
overflow-x: hidden;
color:#103645;

}

.menu-arrow {
	height: 36px;
	width: auto;
	/*display:none;*/
	transition: transform 0.5s;
}

.content-box-text-area-3::-webkit-scrollbar {
    width: 0.5em;
	border-radius:15px;
}
 
.content-box-text-area-3::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(170,173,174,1);
}
 
.content-box-text-area-3::-webkit-scrollbar-thumb {
  background-color:#0d486c;
  border-radius:15px;
  outline: 1px solid slategrey;
}

.content-box-text-area-3  ul {float:left; position:relative; width:100%; color:#103645;

}

.content-box-text-area-3  li {float:left; margin:10px 0px; color:#103645;

}


footer {
		width:100%;
		margin-top:1em;
		background:#A1B67C;
		
	}

.footer-inner-sections {width:20%; height:auto; margin:0px; padding:0px; font-family:'Arial', Helvetica, sans-serif; color:#FFFFFF; font-size:.875em; margin-bottom:40px; display:inline-block; overflow: hidden; vertical-align: top;

}


.footer-inner-sections .weather{/*margin-top: 1em; border: 5px solid silver;*/ margin: 1.5em auto 0; max-width: 250px;}

.footer-inner-sections ul {position:relative; width:100%;

}

.footer-inner-sections li {list-style:none; margin:3px 0px; width:100%;

}


.content-area, .contentBox {
	display: inline-block;
	width: 48%;
	margin: 1em 1% 1em 2%;
	box-shadow: 5px 5px 12px 0 rgba(0,0,0,0.5);
	vertical-align:top;
	background:white;
	/*min-height: 400px;*/
}



.contentHR {
	display: none;
}

.contentBox {
	width: 98%;
}

.contentBox p {
	padding: 0 10px;
}

.content-area.content-area-half ul{
	color:black;
	overflow: auto;
	max-height: 18em;
	min-height: 18em;
}

.content-area p {
	padding: 0 10px;
}

.content-area ul li {
	line-height:120%;
	margin-bottom: 15px;
}

.content-area-inner {
	width: 45%;
	display: inline-block;
	vertical-align: top;
	margin: 1em 1% 1em 2%;
	padding: 10px;
}

#events {
	margin-left: 1%; 
	margin-right: 0;
	/*float: right;*/
	/*min-height: 832px;*/
}

#events ul {
	/*height: 728px;*/
	list-style: none;
}

.front-page-table {
	vertical-align: top;
}

.front-page-table td {
	padding: 0 10px;
}

.content-area-full {
	width: 98%;
	margin-right: 0;
}

.content-area-pad {
	padding: 1em;
}

#county-profile .content-area {
	width: 45%;
}

.content-area h2, .contentBox h2 {
	display: block;
	margin: 0px;
	line-height:3em;
	/*background: #A1B67C;*/
	background: #4b5b33;
	color:white;
	text-align: center;
}

#side-menu {
	/*float:left;*/
	display: inline-block;
	background: #4B5B33;
	color:white;
	margin-top: 1em;
	box-shadow: 5px 5px 12px 0 rgba(0,0,0,0.5);
	max-width: 270px;
	width:20%;
	margin-left:0%;
}

#side-menu a {
	color:white;
}
#side-menu ul {
	list-style: none;
	font-size:1.2em;
	margin: 0px;
	padding:0;
}

#side-menu > ul > li {
	margin-bottom: 0;
	line-height:1.1em;
	position: relative;
}

#side-menu > ul > li > a {
	display: block;
    padding: 5px 0px 5px 15px;
    text-indent: -1em;
    width: auto;/*100%*/
    height: 100%;
    margin-left: 1em;
}

#side-menu ul li ul {
	left: -9999px;
	position:absolute;
	padding-left: 15px;
	font-size: 1.3em;
	line-height:1.4em;
	width: 100%;
	padding: 5px 0;
}

#side-menu ul li:hover {
	color: black;
	background: #C9D8AC;
}

#side-menu ul li:hover a {
	color:black;
}

#side-menu ul li:hover ul {
	left:100%;
	top: 0;
	background: #C9D8AC;
 	color: black;
	z-index: 10;
	font-size: 0.8em;
	padding: 0;
}

#side-menu ul li ul li {
	padding: 2px 0 2px 10px;
}

#side-menu ul li ul li:hover {
	/*background: #31526C;*/
	/*color:white;*/
	padding-left: 12px;
	font-weight: bold;

}

.content-region {
	/*margin-left: 20%;*/
	margin-left: 0;
	width: 80%;
	display: inline-block;
	vertical-align: top;
}

#page-body {
	margin: 1em 2%;
	box-shadow: 0 5px 10px 0 rgba(0,0,0,0.2);
	vertical-align:top;
	background:white;
	min-height: 800px;
}
#page-body header:first-of-type  h1:first-of-type {
	display: block;
	margin: 0 0 10px 0;
	line-height:2em;
	background: #4B5B33;
	color:white;
	text-align: center;
}

#page-body header:first-of-type > * {
	margin: 0 10px;
}

#page-body article header:first-of-type .webpageHeadImage {
    margin: 0 auto;
    display: block;
}
.defaultContentEditor{
	background:white;
}
.crumbs {
    background: #0d486c;
    color: #fff;
    padding: 5px 10px 0;
}
.crumbs a, .crumbs a:visited, .crumbs a:active {
    color: blanchedalmond;/* #fff;*/
}
.jumpselect {
	background-color: #819956;
	margin-right: 5px;
}
/*
#page-body > article > header:first-of-type >  h1:first-of-type,#page-body > article > header:first-of-type >  h2:first-of-type ,#page-body > article > header:first-of-type >  h3:first-of-type , #page-body > article > header:first-of-type >  h4:first-of-type  {
	display: block;
	margin: 0px;
	line-height:2em;
	background: #0d486c;
	color:white;
	padding-left:10%;
	text-align: center;
	
}*/

#page-body > article > section {
	padding: 10px;
}
/**************** Inner Pages **************************/

.how-can-we-help {float:left; position:relative; width:100%; height:auto; margin:0px; padding:0px;

}

.how-can-we-help img {float:right; margin-top:-10px; margin-right:10px; padding-bottom:20px;

}


.content-Middle-inner {float:left; position:relative; width:900px; height:auto; margin:0px; padding:0px; margin-left:27px;
-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0,0.2);
    -webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
    box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
	margin-bottom:90px;

}


.content-box-text-area-Inner-page {float:left; position:relative; width:100%; height:auto; overflow:auto; padding:15px; font-size:1.25em; font-family:'Arial', Helvetica, sans-serif; background:#FFFFFF;
color:#103645; line-height:2; 

}





@media (max-width: 1366px) {

	.content-area {
		width: 47.5%;
		margin: 1em 1% 1em 2%;
	}

	#events {
		margin-left: 1%; 
		margin-right: 1%;
		/*float: right;*/
		/*min-height: 832px;*/
	}

	.content-area-full {
		width: 97%;
		margin-right: 1%;
	}


}

/*@media (max-width: 1075px) {
	.social-media1 {
		display: block;
	}
}*/

@media (max-width: 1023px) {
	.content-area {
		width:96%;
		margin:1em 2%;
	}

	.content-area-inner {
		width: 96%;
		margin: 1em 2%;
	}
	
	#events {
		margin:1em 2%;
	}
	
	#side-menu {
		width:23%;
		margin-left:2%;
		max-width: none;
	}
	
	.content-region {
		width: 75%;
		/*margin-left:25%;*/
	}
	.searchformhead {
	    max-width: 72%;
	}

	.image-wrapper {
		margin-left:10%;
	}
	
	.header-bottom-right-area {
		width:28%;
	}
	/*#page-body {
		width:100%;
	}*/
}

@media (max-width: 768px) {

	body {
		background:  #DDDDDD;
		
	} 
	#page-body {
	    min-height: auto;
	}


	.menu-arrow {
		display:block;
		position:absolute;
		right:0;
		height:40px;
		vertical-align:baseline;
		z-index: 101;
		top: calc(50% - 18px);
		/*border-left: #afdefa 1px solid;*/
	}
	
	#main-search {
		display:none;
	}
	
	#main-search {
		display: block;
		position: relative;
		right: 0;
		top: 0;
		font-size: 1em;
		width: 100%
	}

	.main-wrapper {
	    padding-top: 0;
	}
	.livesearchresults{top: 44px;}
	.searchformhead, #home .searchformhead {
			display: block;
			position: relative;
			right: 0;
			top: 0;
			width: 100%;
			max-width: none;
	}

	#main-search input {
		font-size: 1.4em;
		padding: 10px 5px 10px 0
	}

	#main-search input[type="image"], .search-bar #searchsubmit {
		position: absolute;
		right: 0;
		padding: 10px 10px;
	}

	.wrapper-main {
		margin:0px;
		width: 100%;
		height: auto;
		padding: 0px;
		
	}

	header {position:relative; width:100%; height:auto; margin:0px; padding:0px;

	}

	.header-top {position:relative; width:100%; height:auto; margin:0px; padding:0px;
	}

	.inner-wrap {position:relative; margin:0px; padding:0px; width:99%; height:auto;

	}

	#header-google {float:right; width:100%; margin:0px;

	}


	.header-bottom {position:relative; width:100%; height:auto; margin:0px; padding:0px; 

	}
	
	.image-wrapper {
		width:90%;
		margin: 0 5%;
	}
	
	.header-bottom-right-area {
		display:none;
	}

	#logo-header-right-move {margin-left:25%; width:50%;

	}

	#company-name-responsive {width:100%; margin:0px;

	}

	.header-right { position:relative; width:100%; height:auto; margin:0px; padding:0px; color:#FFFFFF; font-family:Arial, Helvetica, sans-serif; text-align:center;

	}

	.header-right p {margin-left:0px; width:100%;

	}

	nav {position:relative; width:100%; height:auto; margin:0px; padding:0px; background:#fdfbf5;

	}

	/*******nav ul {float:left; position:relative; width:80%; height:auto; margin:0px;

	}

	nav li { float:left; display:inline; width:80%; color:#151012; font-family:'Arial', Helvetica, sans-serif; font-size:18px; margin-top:10px; margin-left:0px; margin-bottom:10px; margin-right:0px; text-align:center;

	}*/


	.slider-area {float:left; position:relative; width:100%; height:auto; margin:0px; padding:0px;

	}

	.slider-area img {float:left; position:relative; width:100%; height:auto;

	}

	#side-menu {
		display:none;
	}
	
	.content-region {
		width: 100%;
		margin: 0;
	}
	
	.content-area{
		height: auto;
		overflow:hidden;
		min-height: auto;
	}

	.content-area ul{
		height: auto;
		overflow:hidden;
		max-height: 400px;
		min-height: 0px;
	}

	#events ul {
		height: auto;
	}

	#county-profile .content-area {
	    width: 96%;
	}

	content {float:left; position:relative; width:100%; height:auto; margin:0px; padding:0px; background:#fdfbf5; padding-top:20px;

	}

	.content-left {float:left; position:relative; width:271px; height:auto; margin:0px; padding:0px; background:#31526c; color:#FFFFFF;
		-moz-box-shadow: 10px 10px 20px rgba(0, 0, 0,0.2);
		-webkit-box-shadow: 10px 10px 20px rgba(0, 0, 0, .2);
		box-shadow: 10px 10px 20px rgba(0, 0, 0, .2); 
		display:none;
	}

	.content-left ul {float:left; position:relative; font-family:'Arial', Helvetica, sans-serif; color:#FFFFFF; list-style:none; padding-left:00px;

	}

	.content-left li {color:#FFFFFF; float:left; margin:00px 0px; font-size:1.25em; list-style:none; margin-left:0px;

	}

	.content-Middle {float:left; position:relative; width:100%; height:auto; margin:0px; padding:0px; margin-left:0px;
	-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;

	}



	.content-middle-box {float:left; position:relative; background:#FFFFFF; height:auto; width:100%; margin:0px;

	}

	.content-middle-box-1 {float:left; position:relative; background:#FFFFFF; height:auto; width:100%; margin:0px;

	}

	.content-box-title-blue {float:left; position:relative; width:100%; height:auto;  color:#FFFFFF; font-family:'Arial', Helvetica, sans-serif; text-align:center; font-size:1.375em; vertical-align:middle; padding:20px 0px;

	}

	.content-box-text-area {float:left; position:relative; width:100%; height:auto; overflow:auto; padding:0px; font-size:1.125em; font-family:'Arial', Helvetica, sans-serif; overflow-y:auto;
	overflow-x: hidden;
	color:#103645;
	padding-left:1%;
	}

	.content-box-text-area::-webkit-scrollbar {
		width: 0.5em;
		border-radius:15px;
		display:none;
	}
	 
	.content-box-text-area::-webkit-scrollbar-track {
		-webkit-box-shadow: inset 0 0 6px rgba(170,173,174,1);
		display:none;
	}
	 
	.content-box-text-area::-webkit-scrollbar-thumb {
	  background-color:#0d486c;
	  border-radius:15px;
	  outline: 1px solid slategrey;
	  display:none;
	}



	#top-margin {margin-top:36px;

	}


	.content-box-text-area-2 {float:left; position:relative; width:100%; height:auto; margin:0px; padding:0px; background:#FFFFFF; padding:0px; font-size:1.125em; font-family:'Arial', Helvetica, sans-serif; color:#103645; padding-left:1%;

	}

	#content-middle-bottom-2 {height:auto; margin-top:30px; width:100%;

	}

	.content-middle-main {float:left; position:relative; width:100%; height:auto; margin:0px; padding:0px;

	}


	.content-right-area {float:left; position:relative; width:100%; height:auto; background:#FFFFFF; padding:0px; margin-left:0px; margin-bottom:100px;
	-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;

	}


	.content-box-text-area-3 {float:left; position:relative; width:100%; height:auto; overflow:auto; padding:0px; font-size:1.25em; font-family:'Arial', Helvetica, sans-serif; overflow-y:auto;
	overflow-x: hidden;
	color:#103645;

	}


	.content-box-text-area-3::-webkit-scrollbar {
		width: 0.5em;
		border-radius:15px;
		display:none;
		
	}
	 
	.content-box-text-area-3::-webkit-scrollbar-track {
		-webkit-box-shadow:none;
		display:none;
	}
	 
	.content-box-text-area-3::-webkit-scrollbar-thumb {
	  background-color:#0d486c;
	  border-radius:15px;
	  outline: 1px solid slategrey;
	  display:none;
	}

	.content-box-text-area-3  ul {float:left; position:relative; width:80%; color:#103645; height:auto; margin:0px;

	}

	.content-box-text-area-3  li {float:left; margin:10px 0px; color:#103645; width:100%; padding-left:0px;

	}


	footer {
		width:100%;
		margin-top:1em;
		
		
	}

	.footer-inner-sections {position:relative; width:100%; height:auto; margin:0px; padding:0px; font-family:'Arial', Helvetica, sans-serif; color:#FFFFFF; font-size:1.5em; margin-bottom:15px;

	}

	.footer-inner-sections ul { position:relative; width:100%;padding: 0 10px;

	}

	.footer-inner-sections div {
		margin:auto;
		margin-bottom: 10px;
		width: 200px;
		text-align: center;
	}	
	
	.footer-inner-sections li {list-style:none; margin:3px 0px; width:100%; text-align:center; margin:0px;

	}


	/**************** Inner Pages **************************/

	.how-can-we-help {float:left; position:relative; width:100%; height:auto; margin:0px; padding:0px;

	}

	.how-can-we-help img {float:right; margin-top:-10px; margin-right:1%; padding-bottom:20px; width:98%;

	}


	.content-Middle-inner {float:left; position:relative; width:100%; height:auto; margin:0px; padding:0px; margin-left:0px;
	-moz-box-shadow:none;
		-webkit-box-shadow:none;
		box-shadow:none;
		margin-bottom:90px;

	}


	.content-box-text-area-Inner-page {float:left; position:relative; width:100%; height:auto; overflow:auto; padding:15px; font-size:1.125; font-family:'Arial', Helvetica, sans-serif; background:#FFFFFF;
	color:#103645; line-height:1.2; 

	}

}

/*! http://responsiveslides.com v1.55 by @viljamis */

.rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.rslides li:first-child {
  position: relative;
  display: block;
  float: left;
  }

.rslides img {
  display: block;
  height: auto;
  float: left;
  width: 100%;
  border: 0;
  }

@media (max-width: 768px) 
{
  .rslides, .callbacks_nav {
    display:none;
  }
}

#wrapper {
  padding:0px;
  }

.rslides {
  margin: 0 auto 00px;
  }

#slider2,
#slider3 {
  box-shadow: none;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  margin: 0 auto;
  }

.rslides_tabs {
  list-style: none;
  padding: 0;
  background: rgba(0,0,0,.25);
  box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -moz-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  -webkit-box-shadow: 0 0 1px rgba(255,255,255,.3), inset 0 0 5px rgba(0,0,0,1.0);
  font-size: 18px;
  list-style: none;
  margin: 0 auto 0;
  max-width: 100%;
  padding: 10px 0;
  text-align: center;
  width: 100%;
  }

.rslides_tabs li {
  display: inline;
  float: none;
  margin-right: 1px;
  }

.rslides_tabs a {
  width: auto;
  line-height: 20px;
  padding: 9px 20px;
  height: auto;
  background: transparent;
  display: inline;
  }

.rslides_tabs li:first-child {
  margin-left: 0;
  }

.rslides_tabs .rslides_here a {
  background: rgba(255,255,255,.1);
  color: #fff;
  font-weight: bold;
  }
/*
a {
  color: #fff;
  text-decoration: none;
  }
*/
#download {
  background: #333;
  background: rgba(255,255,255,.1);
  border: 1px solid rgba(255,255,255,.1);
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  display: block;
  font-size: 20px;
  font-weight: bold;
  margin: 60px auto;
  max-width: 100%;
  padding: 20px;
  }

#download:hover {
  background: rgba(255,255,255,.15);
  }

.footer {
  font-size: 11px;
  }

/* Callback example */
/*
h3 {
  font: 20px/30px "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-align: center;
  color: #fff;
  }
*/
.events {
  list-style: none;
  }

.callbacks_container {
  margin-bottom: 50px;
  position: relative;
  float: left;
  width: 100%;
  }

.callbacks {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.callbacks li {
  position: absolute;
  width: 100%;
  left: 0;
  top: 0;
  }

.callbacks img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.callbacks .caption {
  display: block;
  position: absolute;
  z-index: 2;
  font-size: 20px;
  text-shadow: none;
  color: #fff;
  background: #000;
  background: rgba(0,0,0, .8);
  left: 0;
  right: 0;
  bottom: 0;
  padding: 10px 20px;
  margin: 0;
  max-width: none;
  }

.callbacks_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top: 52%;
  left: 0;
  opacity: 0.7;
  z-index: 3;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height: 61px;
  width: 38px;
  background: transparent url("themes/themes.gif") no-repeat left top;
  margin-top: -45px;
  }

.callbacks_nav:active {
  opacity: 1.0;
  }

.callbacks_nav.next {
  left: auto;
  background-position: right top;
  right: 0;
  }

#slider3-pager a {
  display: inline-block;
}

#slider3-pager img {
  float: left;
}

#slider3-pager .rslides_here a {
  background: transparent;
  box-shadow: 0 0 0 2px #666;
}

#slider3-pager a {
  padding: 0;
}

@media (max-width: 600px) {
  h1 {
    font: 24px/50px "Helvetica Neue", Helvetica, Arial, sans-serif;
    }
  .callbacks_nav {
    top: 47%;
    }
  }
/* General Demo Style */
@import url(http://fonts.googleapis.com/css?family=Lato:300,400,700);

@font-face {
	font-family: 'fontawesome';
	src:url('../fonts/fontawesome.eot');
	src:url('../fonts/fontawesome.eot?#iefix') format('embedded-opentype'),
		url('../fonts/fontawesome.svg#fontawesome') format('svg'),
		url('../fonts/fontawesome.woff') format('woff'),
		url('../fonts/fontawesome.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

body, html {/* font-size: 100%;*/ 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

body {
    font-family: 'Lato', Calibri, Arial, sans-serif;
    /*color: #47a3da;*/
}

a, a:visited, a:active {
	color: #4B5B33;
	/*text-decoration: none;*/
}
/*
a:hover {
	color: #000;
}
*/
.container > header {
	width: 90%;
	max-width: 70em;
	margin: 0 auto;
	padding: 0 1.875em 3.125em 1.875em;
}

.container > header {
	padding: 2.875em 1.875em 1.875em;
}

.container > header h1 {
	font-size: 2.125em;
	line-height: 1.3;
	margin: 0;
	float: left;
	font-weight: 400;
}

.container > header span {
	display: block;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 0.5em;
	padding: 0 0 0.6em 0.1em;
}

.container > header nav {
	float: right;
}

.container > header nav a {
	display: block;
	float: left;
	position: relative;
	width: 2.5em;
	height: 2.5em;
	background: #fff;
	border-radius: 50%;
	color: transparent;
	margin: 0 0.1em;
	border: 4px solid #47a3da;
	text-indent: -8000px;
}

.container > header nav a:after {
	content: attr(data-info);
	color: #47a3da;
	position: absolute;
	width: 600%;
	top: 120%;
	text-align: right;
	right: 0;
	opacity: 0;
	pointer-events: none;
}

.container > header nav a:hover:after {
	opacity: 1;
}

.container > header nav a:hover {
	background: #47a3da;
}

.icon-drop:before, 
.icon-arrow-left:before {
	font-family: 'fontawesome';
	position: absolute;
	top: 0;
	width: 100%;
	height: 100%;
	speak: none;
	font-style: normal;
	font-weight: normal;
	line-height: 2;
	text-align: center;
	color: #47a3da;
	-webkit-font-smoothing: antialiased;
	text-indent: 8000px;
	padding-left: 8px;
}

.container > header nav a:hover:before {
	color: #fff;
}

.icon-drop:before {
	content: "\e000";
}

.icon-arrow-left:before {
	content: "\f060";
}

	.optically-obfuscated {
  		/*This is just visually hidden but it only activates after this breakpoint.
    	border: 0;
    	clip: rect(0 0 0 0);
    	height: 1px;
    	margin: -1px;
    	overflow: hidden;
    	padding: 0;
    	position: absolute;*/
	}

.nav-wrapper {
	width:100%;
    background: #E5E8DF;
}
.cbp-hrmenu {
	max-width: 1336px;
	margin-top: 0em;
	margin:auto;
	border-bottom: 0px solid #47a3da;
	background:#E5E8DF;
	z-index: 100;
}

/* general ul style */
.cbp-hrmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.cbp-hrmenu ul li ul {
	text-align:left;
}

/* first level ul style */
.cbp-hrmenu > ul,
.cbp-hrmenu .cbp-hrsub-inner {
	width: 100%;
	margin: 0 auto;
	padding: 0 1.5em;
}

.cbp-hrmenu > ul > li {
	display: inline-block;
	padding:0px 23px;
	margin-left: auto;
	margin-right: auto;
	text-align:center;
	width: 14%;
	position:static;
	padding: 0;
}
.cbp-hrmenu > ul > li h4 {
	text-align:left;
}

.cbp-hrmenu > ul > li > a {
	font-weight: 700;
	padding: 1em 0;
	color: #231f20;
	display: inline-block;
	font-size: 1.5em;
	line-height:0.8em;
	transition: background .4s ease;
	width: 100%;
}

.cbp-hrmenu > ul > li > a:hover {
	color: #4B5B33;
}

.cbp-hrmenu > ul > li > .cbp-hrsub a {
	color: #fff;
}
.cbp-hrmenu > ul > li.cbp-hropen > a:hover,.cbp-hrmenu > ul > li.cbp-hropen > a {
	color: #fff;
	background: #4B5B33;
	border-bottom: 3px rgba(49,82,108,0.0);
	z-index: 1;
	margin-bottom: -3px;
}

.cbp-hrmenu > ul > li > .cbp-hrsub h4 a{
	color:white;
	font-weight: bold;
	font-size: 1em;
	line-height: 1.1em;
}
/* sub-menu */
.cbp-hrmenu .cbp-hrsub {
	/*width: 90%;*/
	/*margin-left:5%;*/
	/*margin-right:5%;*/
	width: 100%;
	display: none;
	position: absolute;
	background: #4B5B33;
	left: 0;
	padding-bottom: 3em;
    border: #C9D8AC 3px solid;
    /*z-index: 2;*/
}

.cbp-hropen .cbp-hrsub {
	/*display: block;*/

}

.cbp-hrmenu .cbp-hrsub-inner > div {
	width: 33%;
	float: left;
	padding: 0 1.2em 0;
}

.cbp-hrmenu .cbp-hrsub-inner:before,
.cbp-hrmenu .cbp-hrsub-inner:after {
	content: " ";
	display: table;
}

.cbp-hrmenu .cbp-hrsub-inner:after {
	clear: both;
}

.cbp-hrmenu .cbp-hrsub-inner > div a {
	line-height: 1.6em;
	font-size: 1em;
}

.cbp-hrsub h4 {
	color: #afdefa;
	padding: .6em 0 0;
	margin: 0;
	font-size: 1.2em;
	font-weight: 300;
	cursor: pointer;
}

#main-menu {
	display:none;
	transition: background-color ease 0.5s;
	/*background:#31526c;*/
	background: #E5E8DF;
	color: black;
	text-align: center;
}

.side-menu-copy {
	display: none;
}
#side-menu-copy {
	display:none;
}


/* Examples for media queries */

/*
Media query was previously (max-width: 52.75em) but in order to synchonize it with the otehr stylesheets, I copied the media query from masterstyle
 */
@media (max-width: 1023px) { 

	.cbp-hrmenu {
		font-size: 80%;
	}
	.cbp-hrmenu ul {
		padding: 0;
	}
	.cbp-hrmenu > ul > li {
		padding: 0;
	}
	.cbp-hrmenu > ul > li > a {
		padding: 1em 0;
	}

}

/*
Media query was previously (max-width: 43em) but in order to synchronize it with the other stylesheets, I copied in the media query from masterstyle.
 */

@media (max-width: 768px) {


	.optically-obfuscated {
  		/*This is just visually hidden but it only activates after this breakpoint.*/
    	border: 0;
    	clip: rect(0 0 0 0);
    	height: 1px;
    	margin: -1px;
    	overflow: hidden;
    	padding: 0;
    	position: absolute;
	}

	.cbp-hrmenu {
		font-size: 120%;
		border: none;
		/*line-height:2em;*/
	}

	.cbp-hrmenu > ul,
	.cbp-hrmenu .cbp-hrsub-inner {
		width: 100%;
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner {
		/*padding: 0 2em;*/
		/*font-size: 75%;*/
	}
	
	.cbp-hrmenu > ul > li.cbp-hropen > a:hover,.cbp-hrmenu > ul > li.cbp-hropen > a {
		border: none;
		margin-bottom: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner > div a {
		font-size: 1.2em;
		line-height: 1em;
		padding: 5px 0;
		display: block;
	}

	.cbp-hrmenu > ul > li {
		display: block;
		border-bottom: 4px solid #A1B67C;
		text-align:left;
		width:100%;
	}

	.cbp-hrmenu > ul > li > a { 
		display: block;
		text-align:center;
		font-size:1.2em;
		padding:0;
		line-height: 2em;
		width: 100%;
	}
	.cbp-hrmenu > ul > li > .cbp-hrsub h4 a{
		font-size: 1.0em;
		padding-right: 32px;
	}

	.cbp-hrmenu .cbp-hrsub { 
		position: relative;
		border:none;
	}

	.cbp-hrsub h4 {
		padding-top: 0.6em;
	}
	
	#main-menu{
		display: block;
		background-color: #5F7735;
	}

	#main-menu a {
		color:white;
		line-height: 2em;
		font-size: 1.75em;
	}
		
	.cbp-hrmenu > ul > li {
		padding: 0;
	}

	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 100%;
	}

	.cbp-hrsub-inner-section {
		border-top: 1px solid #afdefa;
	}

	.cbp-hrsub-inner-section > ul > li {
		padding-left: 18px;
		text-indent: -18px;
	}
	.cbp-hrmenu > ul > li h4 {
		padding: 8px 0;
	}

	.cbp-hropen .cbp-hrsub {
		border: none;
		padding: 0;
	}
	
	#side-menu-copy {
		display: block;
	}

	.side-menu-copy {
		display: block;
		width: 100%;
	}

}

@media (max-width: 36em) { 
	.cbp-hrmenu .cbp-hrsub-inner > div {
		width: 100%;
		float: none;
		padding: 0 .25em;
	}
}

@media (min-width: 600px) {

	.town {
		justify-content: space-between;
	}

	.header-bottom-left {
		width: auto;
		margin: 0;
	}
	.header-bottom-middle {
		display: flex;
	}
}

@media (min-width: 768px) {

	.header-bottom-right {
		display: flex;
	}
}



@media print {

	header {
		display: none;
	}
	
	.wrapper-main::before {

		content: "Town of Newburgh, NY";
		font-weight: bold;
		font-size: 2em;
		text-align: center;
		display: block;
	}
	
	.main-wrapper { padding-top: 0 }

	footer {
		display: none;
	}

	#home .searchformhead {
		display: none;
	}

	.home-slides {
		display: none;
	}

	#side-menu {
		display:none;
	}

	.content-region {
		margin: 0 auto;
		display: block;
		width: 98%;
	}
	.content-area {
		display: block;
		width: 98%
	}

	.content-area ul {
		height: auto;
	}
}


/* Styles added by Sussex County (Thor) */
/*.center {text-align:center;}
img {max-width:100%;}
.pdf, #content .pdf {
background: url(/images/pdfsm.gif) left center no-repeat;
padding-left: 18px;
border: none;
}*/