@import url('https://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700');

html, body {   margin:0; padding:0;  /*background-image: url(..images/bg_pattern4a.gif);*/  font-family: 'Roboto', sans-serif; font-size:.9em; line-height:140%; font-weight:300; height:100%; }
a img, img a { border:none; }

img { max-width:100%; height:auto}
.mCnt img { margin:0 2%}
.scrollableArea img { margin:0 !important}
#makeMeScrollable .mCnt img { margin:0 0 0 0 !important; }
a { color:#6BAF00}

p { margin:0 0 11px 0}

.ctn1 {
	margin: 0 auto; z-index:0; padding-top:35px;
	width: 96%;
	position:relative important;
	height:auto;
	border:1px solid #ccc;
	max-width:1200px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ffffff+83,fff6d8+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #ffffff 83%, #fff6d8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#ffffff 83%,#fff6d8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#ffffff 83%,#fff6d8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#fff6d8',GradientType=0 ); /* IE6-9 */
}
.ctn1 .hd1 {
	background-image: url(/graphics/01.jpg);
	background-size:100%;
	background-repeat: no-repeat;
	background-position: left center;
	/*margin: 3px;*/
	height: 220px;
	position:relative;
	padding:0; margin:0; top:0
}

.ctn1 .hdPD {
	background: url(/graphics/poiceHeader_d2.jpg) no-repeat; background-size:100%;);
	
	background-size:100%;
	background-repeat: no-repeat;
	background-position: left center;
	/*margin: 3px;*/
	height: 220px;
	position:relative;
	padding:0; margin:0; top:0
}




.ctn1 .hd1:before, .ctn1 .hdPD:before  {  content: url(/graphics/somers-point-nj.svg); width:180px; height:auto; position:absolute; top:22px; left:33px}

/*.ctn1 .hdPD {
	 background: url(images/poiceHeader_d.jpg) no-repeat; background-size:100%;
	
	margin: 3px;
	height: 340px;
	
}*/

/*.ctn1 .hdPD:before {  content: url(images/somers-point-nj.svg); width:180px; height:auto; position:absolute; top:22px; left:33px}*/

.deleteBox {
	font-size: 1em;
	font-style: normal;
	color: #FF0000;
	border: 1px solid #FF0000;
	text-align: center;
	font-weight: bold;
	margin-left: 25%;
}
.ctn1 .mCnt {
	position:relative;
	/*background-color: #FFF;*/
	margin-top: 0px;
	/*border-right-width: 3px;
	border-bottom-width: 3px;
	border-left-width: 3px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #0068AC;
	border-right-color: #0068AC;
	border-bottom-color: #0068AC;
	border-left-color: #0068AC;*/
	margin-bottom: 20px;
	/*padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 250px;*/
	min-height: 560px;
	padding: 36px 32px 22px 282px;
	
	
}
.row {
width: 100%;
clear: left;
}
.col4 {
width:  33%;
float: left;}
.col6 {
    width:  50%;
    float: left;
    }
.col3 {
width: 25%;
float: left;}

.row .mtgBx {
	width: 32%;
	float: left;
}
.row .agBox {
	width: 32%;
	float: left;
}
.row .minBx {
    width: 25%;
	float: left;
	}
.ctn1 .mCnt #docList h2 {
	font-size: 1.6em;
}
.ctn1 .mCnt #docList h3 {
	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
}
.ctn1 .mCnt #docList h4 {
	font-size: 1.2em;
	font-weight: normal;
}
.ctn1 .mCnt #docList h5 {
	font-size: 1em;
}



.leftNavBx {
	
	width: 207px;
	min-width: 205px;
	max-width: 300px;
	padding: 6px;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	position: absolute;
	top: -28px;
	left: 6px;
	
	background:#fff; padding:8px 0 8px 11px; margin-left:11px;
	padding-top:11px; 
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
	
	-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);
}

.leftNavBxHome { width: 207px; min-width: 205px; max-width: 300px; padding: 6px; border:none;background:#fff; padding:8px 11px; 
	padding-top:11px;  -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px;-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33); box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33); margin:0 11px 22px 11px; position:relative; padding-top:18px}
.leftNavBxHome h2 { width:100%; background:#497F17; color:#fff;  margin:0; text-align:center; margin:0 auto 11px auto;  -webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-top; left: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px; position:absolute; top:0; left:0; right:0; display:block; text-transform:uppercase; font-weight:500; font-size:15px; line-height:16px; }

#wookmark1  h2, .homeLeftColumn h2{padding:11px 0  !important }

.leftNavBxHome.box { padding-top:42px}

.homeLeftColumn { top:-100px; float:left; position: absolute; top: -28px; left: 6px; }

.homePhoto { margin-bottom:32px}

.visionBx {
	width: 180px;
	font-size: .8em;
	padding: 6px;
	border: 2px solid #69C;
	background-color: #F4EAEA;
}
.visionBx h1 {
	font-size: 1.4em;
	/*font-family: "Adobe Song Std L";*/
	text-align: center;
	color: #633;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 4px;
	margin-left: 0px;
}
.rightColm {
	float: right;
	width: 19%;
	min-width: 205px;
	margin-right: 1%;
	margin-bottom: 12px;
	margin-left: 12px;
	z-index: 10;
}
.quickLinks, .policeEv  {
	color: #E3E9EE;
	background-color: #fff;
	padding: 4px;
	width: 95%;
	margin-right: auto;
	text-align: center;
	margin: 6px auto 18px auto;
	/*-moz-border-radius-top-right: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-top-left: 20px;
	border-top-left-radius: 20px;*/
-webkit-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);
-moz-box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);
box-shadow: 0px 0px 11px 0px rgba(0,0,0,0.33);
	margin-left: auto;
	-webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;
}
.quickLinks h2, .policeEv h2 { padding:8px auto !important; margin:0 0 8px 0; background:#31742b;color:#fff;  text-transform:uppercase; display:block;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
border-top-left-radius: 6px;
border-top-right-radius: 6px; } 

.quickLinks ul li, .policeEv ul li {
	list-style-type: none;
	text-align: left;
	margin-top: 6px;
	margin-bottom: 6px;
	font-size: .8em;
	/*background-image: url:url(http://www.somerspointgov.org/SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: left;*/

	padding-left: 12px;
	margin-left: 4px;
	color:#000;
}
.quickLinks ul li:before, .policeEv ul li:before { position:absolute; content:'\25b6'; margin:0 0 0 -11px; font-size:7px;  padding-right:4px; color:#31742b; display:inline-block} 
	
.quickLinks ul li a, .policeEv ul li a { color:#000}
.quickLinks ul, .policeEv ul {
	margin-left: 0px;
	padding-left: 6px;
	padding-right: 6px;
}
.quickLinks h1, .policeEv h1{
	font-size: 95%;
	color: #FFF;
	margin: 6px;
	padding: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #69C;
	font-style: italic;
}
.quickLinks ul li a:link, .quickLinks ul li a:visited, .policeEv ul li a:link, .policeEv ul li a:visited {
	color: #000;
	text-decoration: none;
	background-image: url(http://www.somerspointgov.org/SpryAssets/SpryMenuBarRight.gif);
	background-repeat: no-repeat;
	background-position: -6px;
}
.quickLinks ul li a:active, .quickLinks ul li a:hover, .policeEv ul li a:active, .policeEv ul li a:hover  {
	color: #69C;
}
.news {
	background-color: #FFF4BB;
	float: left;
	width: 20%;
	font-size: 0.8em;
	padding: 6px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #000;
	min-height: 200px;
}
.newsLg {
	background-color: #E3E9EE;
	float: left;
	width: 40%;
	font-size: 0.8em;
	padding: 6px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	border: 1px solid #000;
	min-height: 200px;
}

.news h1, .newsLg h1 {
	padding-bottom: 3px;
	color: #0068B0;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	font-style: italic;
	font-size: 1.5em;
}
.hpMisc {
	float: left;
	width: 250px;
	font-size: .7em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}
.rightColm .hpMiscRtCol {
	float: left;
	width: 250px;
	font-size: .7em;
	padding: 0px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
}

.hpMisc .hpBx {
	padding: 4px;
	width: 227px;
	border: 1px solid #000;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #FFF4BB;
	font-family: "Bell MT";
	font-size: 1.4em;
	line-height: 18px;
}
.hpBx a:link, .hpBx a:visited {
	color: #0068AC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-decoration:none;
}
.hpBx a:hover, .hpBx a:active {
	color: #69C;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-decoration:underline;
}
.hpMisc .hpBxEmail {
	width: 200px;
	min-width: 50px;
	border: 1px solid #000;
	margin-top: 0px;
	margin-bottom: 3px;
	background-color: #FFF4BB;
	font-family: "Bell MT";
	font-size: 1.4em;
	line-height: 18px;
	background-image: url(..images/envelope.gif);
	background-repeat: no-repeat;
	background-position: 4px center;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 35px;
	margin-right: 0px;
}
.hpMisc .hpBxEmail a:link, .rightColm .hrpBx a:link, .hpMisc .hpBxEmail a:visited, .rightColm .hrpBx a:visited{
	color: #0068AC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-decoration:none;
}
.hpMisc .hpBxEmail a:hover, .rightColm .hrpBx a:hover, .hpMisc .hpBxEmail a:active, .rightColm .hrpBx a:active {
	color: #0068AC;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-decoration:underline;
}
.hpBxCAC {
	width: 95%;
	border: 1px solid #000;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #E3E9EE;
	font-family: "Bell MT";
	font-size: 1em;
	line-height: 18px;
	background-image: url(/graphics/quest.gif);
	background-repeat: no-repeat;
	background-position: left center;
	margin-right: auto;
	padding: 4px;
	margin-left: auto;
}
.hpBxPay {
	width: 95%;
	border: 1px solid #000;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color: #E3E9EE;
	font-family: "Bell MT";
	font-size: 1em;
	line-height: 18px;
	margin-right: auto;
	padding: 4px;
	margin-left: auto;
}

.hpBxCAC a:link, .hpBxCAC a:visited, .hpBxPay a:link, .hpBxPay a:visited {
	color: #69C;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	text-decoration:none;
}
.hpBxCAC a:hover, .hpBxCAC a:active, .hpBxPay a:hover, .hpBxPay a:active {
	color: #69C;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	text-decoration:underline;
}
.rightColm .hrpBx {
	padding: 4px;
	width: 95%;
	border: 1px solid #000;
	margin-top: 8px;
	margin-bottom: 8px;
	background-color: #E3E9EE;
	font-family: "Bell MT";
	font-size: 1em;
	line-height: 18px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.spba {
	margin: 10px;
	text-align: center;
	width: 200px;
	float: left;
}
.storm {
	clear: left;
	float: left;
	margin-top: 8px;
	margin-bottom: 8px;
	margin-right: 8px;
	width: 30%;
	height: auto;
	max-width: 350px;
}
.boxLeft {
	display:none;	
}
.videoP {
	width: 200px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.energyBox {
	padding: 6px;
	margin-left: 0px;
	width: 200px;
	float: left;
	text-align: center;
	border: 2px solid #06AFD8;
	font-weight: bolder;
	font-family: "Adobe Caslon Pro";
	font-size: 1.2em;
	line-height: 23px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}
.energyBoxLC {
	padding: 6px;
	margin-left: 0px;
	width: 170px;
	float: left;
	text-align: center;
	border: 2px solid #06AFD8;
	font-weight: bolder;
	font-family: "Adobe Caslon Pro";
	font-size: 1.2em;
	line-height: 23px;
	margin-right: 10px;
	margin-top: 0px;
	margin-bottom: 10px;
}

.energyBox  a:link, .energyBoxLC a:link, .energyBox a:visited, .energyBoxLC a:visited {
	color: #06AFD8;
	text-decoration: none;
}
.energyBox  a:active, .energyBoxLC a:active, .energyBox a:hover .energyBoxLC  a:hover {
	color: #F5B148;
}
.clearP {
	clear: left;
	margin-top: 12px;
}
.redtxbld {font-weight: bold;
	color: #F00;
}
.hpMiddleAnn {
	padding: 6px;
	border: 3px solid #0068AC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 18px;
	margin-bottom: 8px;
	float: left;
	width: 30%;
	max-width: 700px;
	font-size: .8em;
	background-color: #FFF;
}

.hpFlsh {
	float: left;
	width: 335px;
	margin-right: 8px;
	margin-bottom: 8px;
}
.rightColm .hpBxCAC p {
	margin-left: 55px;
	margin-top: 0px;
	margin-bottom: 0px;
	display: block;
}
.ctn1 .mCnt .imgScrol {
	clear: both;
	margin-left: -245px;
	overflow: hidden;
}
.imgScrol p {
	font-size: .8em;
	color: #00307F;
	margin-top: 1px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	text-align: center;
}
.TW {
	height: 300px;
	min-width: 180px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
.ctn1 .mCnt h1 {
	color:#2d9d41; margin:0 auto 32px auto; /*position:absolute; top:-32px;*//* padding:6px 16px 29px 16px; left:266px;*//* background:#fff; -webkit-border-top-left-radius: 6px;-webkit-border-top-right-radius: 6px;-moz-border-radius-topleft: 6px;-moz-border-radius-topright: 6px;border-top-left-radius: 6px;border-top-right-radius: 6px;*/
	
/*	-webkit-box-shadow: -8px -8px 10px -11px rgba(0,0,0,0.75);
-moz-box-shadow: -8px -8px 10px -11px rgba(0,0,0,0.75);
box-shadow: -8px -8px 10px -11px rgba(0,0,0,0.75);
*/

	text-align: center;
	font-size: 1.4em;
	text-transform: uppercase;
}
.ctn1 .mCnt h2 {
	font-size: 1.1em;
	
}



.mCnt h2 { padding:4px 0 }
.listMain {
	list-style-type: none;
}
.listMain li {
	margin-top: 4px;
	margin-bottom: 4px;
}

.listCenter {
	text-align: center;
}
.annBoxRed {
	color: #F00;
	padding: 12px;
	float: right;
	width: 20%;
	border: 1px solid #F00;
	text-align: center;
	font-weight: bold;
}
.title2lines {
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.titleLine2 {
	margin-top: 0px;
	padding-top: 0px;
	text-align: center;
}
.lrgText {
	font-size: 125%;
}
.ctn1 .mCnt h3 {
	font-size: 2em;
	font-weight: bold;
	text-align: center;
}
.mCnt .covid-19 h3 {
    font-size: 1.5rem;

}



.crimestoppers {
	color: #E3E9EE;
	background-color: #000;
	padding: 4px;
	float: right;
	width: 208px;
	margin-right: 6px;
	text-align: center;
	margin-top: 6px;
	-moz-border-radius-top-right: 20px;
	border-top-right-radius: 20px;
	-moz-border-radius-top-left: 20px;
	border-top-left-radius: 20px;
}
.marq {
	background-color: #FFF;
}
.annBoxRed h1 {
	margin-top: 2px;
	margin-bottom: 4px;
}
.annBoxRed .bltxt {
	color: #000;
}
.rabies {
	border: 1px solid #FF0;
	float: left;
	width: 200px;
	text-align: center;
	margin-bottom: 10px;
	background-color: #FFFFD5;
	clear: left;
	margin-right: 10px;
}
.ctn1 .mCnt .fema {
	float: left;
	width: 30%;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	padding: 4px;
	border: 1px solid #0068AC;
	background-color: #FFF;
	font-size: 85%;
}
.ctn1 .mCnt .fema h1 {
	margin-top: 2px;
	padding-top: 0px;
}
.ctn1 .mCnt .fema p {
	margin-top: 2px;
	margin-bottom: 8px;
	margin-left: 14px;
}
.displayNo {
	display: none;
	visibility: hidden;
}
.ctn1 .mCnt h5 {
	font-size: 1em;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.indentP50 {
	margin-left: 50px;
}
.outdent {
	text-indent: -2em;
	margin-left: 2em;
}
.ctn1 .mCnt .rightColm .logo1 {
	height: auto;
	width: 95%;
	min-width: 202px;
	max-width: 313px;
}
.ctn1 .mCnt h2.titleFix {
    font-size: 1.3em !important;
    text-align: center;
	
}
.ctn1 .mCnt h3.titleFix {
    font-size: 1.2em !important;
    text-align: center;
	
}
/*-------------------------------
     div.photogal
-------------------------------------*/
.phototbl {margin-bottom:10px}
.phototbl .well.well-sm {background-color:#e2e2e2; border: 1px solid #c1c1c1;}
.phototbl .well.well-sm .media h4.media-heading { font-size:100%; margin-top:10px; font-weight:700}
.phototbl .well.well-sm img { max-width:115px; border:1px solid #c1c1c1; padding:3px; margin: 5px auto 5px auto; background-color:#fff; border-radius: 3px }
.phototbl .well.well-sm a:active img  { border:2px solid #CFC; margin: 6px auto 5px auto;}
.photogal {
	color: #660000;
	height: 160px;
	width: 200px;
	margin-right: auto;
	margin-left: auto;
	float: left;
	text-align: center;
	vertical-align: middle;
	margin-bottom: 8px;
}
.photogal-caption {
	color: #000000;
	font-size: .75em;
}
div.photogal img {
	background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    box-shadow: 2px 2px 3px #c2c2c2;
    margin: 5px;
    padding: 2px;
}
div.photogal a:link img, div.photogal a:visited img  { background-color: #fff;}
div.photogal a:hover img, div.photogal a:active img { background-color:  #CFC;}
/*photo gallery wrappper floated right for single use galleries*/
.photos-right {float:right; margin:5px; padding: 3px 8px; background-color: #F9F9F9; border: solid 1px #C0C0C0; max-width:420px;}
.photos-right div.photogal {margin:0 auto 0 5px; width:180px} 
.photos-left {float:left; margin:5px; padding: 3px 8px; background-color: #F9F9F9; border: solid 1px #C0C0C0; max-width:420px;}
.photos-left div.photogal {margin:0 auto 0 5px; width:180px}
/* -------------- end lightbox------------------------ */
.ctn1 .galRow {
	clear: left;
	width: 100%;
}
.ctn1 .mCnt .clearboth {
	clear: left;
}


.slicknav_menu {
	display:none;
}


.topBarArea {height:auto; width:100%;  z-index:2; color:#fff;  top: 0; position:absolute; box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-box-shadow: -1px 0px 10px 0px rgba(0, 0, 0, 0.34);
-moz-box-shadow: -1px 0px 10px 0px rgba(0, 0, 0, 0.34);
box-shadow: -1px 0px 10px 0px rgba(0, 0, 0, 0.34);}
.topBar{ font-size:14px;line-height:14px;height:auto;  height:auto; background:#fff; margin:0; padding:0;text-align:center;  font-family:arial, sans-serif; text-transform:uppercase;  padding:11px 3% 0 3%;  }
.liveIn, .visitSP { width:50%; float:left; text-align:center; text-transform:uppercase; letter-spacing:.2em; padding:8px 0}

.liveIn a, .visitSP a { color:#fff; text-decoration:none; display:block; font-weight:500}
.liveIn:hover {background:#2d9d41 }
.visitSP:hover {background:#1e7dce}  
.liveIn { background:#31742b; }
.visitSP { background:#0067ab;}
.liveIn:hover, .visitSP:hover { cursor:pointer}

.arrowtop { font-size:20px}


.liveIn.button:after,.liveIn.button:before{content:'';display:block;position:absolute;left:2px;right:2px;height:3px}.button:before{top:0;border-bottom-left-radius:4px;border-bottom-right-radius:4px;background:rgba(255,255,255,.6);box-shadow:0 1px 2px 0 rgba(255,255,255,.1)}.button:after{bottom:0;border-top-left-radius:4px;border-top-right-radius:4px;background:rgba(0,0,0,.15);box-shadow:0 -1px 2px 0 rgba(0,0,0,.15)}

.slicknav_nav {margin:88px 0 0 0 ; background:#085289; }

.slicknav_menu {background:#085289; }
.slicknav_btn { background:#2d9d41; }

 h1 img { display:block; margin:22px auto}
 
 
.logo img {width:100%; height:auto }
.logo { width:168px; height:auto; margin:0 auto;  z-index:1; position:absolute; left:44px; top:11px }

/*grid*/
#filters,.tiles-wrap,.tiles-wrap > li{list-style-type:none}.progress-bar{background-color:#0BC20B;height:3px;position:absolute;top:0;left:0;right:0;width:0;-webkit-box-shadow:0 1px 3px rgba(11,194,11,.2);-moz-box-shadow:0 1px 3px rgba(11,194,11,.2);box-shadow:0 1px 3px rgba(11,194,11,.2);-webkit-transition:width .1s ease-out;-moz-transition:width .1s ease-out;-o-transition:width .1s ease-out;transition:width .1s ease-out}.tiles-wrap a,.tiles-wrap >  li{width:200px;text-align:center}.wookmark-placeholder{-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px;background-color:#eee;border:1px solid #dedede;z-index:-1;}.tiles-wrap{position:relative;margin:10px 0;padding:0;display:none}.tiles-wrap > li{ display:block;opacity:0;background-color:#fff;float:left;cursor:pointer;padding:4px;border:1px solid #dedede;-webkit-box-shadow:0 1px 3px rgba(0,0,0,.4);-moz-box-shadow:0 1px 3px rgba(0,0,0,.4);box-shadow:0 1px 3px rgba(0,0,0,.4);-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px}.tiles-wrap.wookmark-initialised.animated > li{-webkit-transition:all .3s ease-out;-moz-transition:all .3s ease-out;-o-transition:all .3s ease-out;transition:all .3s ease-out}.tiles-wrap.wookmark-initialised > li{opacity:1}.tiles-wrap > li.wookmark-inactive{visibility:hidden;opacity:0}.tiles-wrap > li:hover{background-color:#fafafa}.tiles-wrap img{display:block}.tiles-wrap a{text-decoration:none;}.tile-loading:after{display:block;position:absolute;left:0;right:0;top:0;bottom:0;background-color:#ddd;content:"Loading\2026";padding-top:20px;color:#999}#filters{text-align:center;margin:0 5%}#filters:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}#filters>li{font-size:12px;float:left;padding:6px 8px 4px;cursor:pointer;margin:0 10px;-webkit-transition:all .15s ease-out;-moz-transition:all .15s ease-out;-o-transition:all .15s ease-out;transition:all .15s ease-out;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px}#filters li.active,#filters li:hover{background:#4281f5;color:#fff}

#wookmark1  { margin:22px 0 0 0; display:block; position:relative; max-width:880px;  margin:22px 0 }
#wookmark1 > li { min-height:168px; margin:0 auto !important }

.leftNavBxHome ul{  list-style:none; margin:0; padding:8px 0 8px 8px}
ul.leftNavBxHome ul { list-style:none; margin:111px 6px 6px 6px; padding:0 !important; width:100%; display:block; position:relative !important}
ul.leftNavBxHome ul li{  margin:0 0 6px 0; font-size:11px; line-height:12px }
ul.leftNavBxHome ul li a, .leftNavBxHome ul li a{  text-decoration:none; color:#555; font-size:12px; line-height:13px}
#wookmark1  .boxContent { margin:42px 6px 6px; text-align:left}
#wookmark1  .boxContent img { margin:0 auto}
#wookmark1  .boxContent ul { margin:0; padding:0; list-style:none !important}
#wookmark1  .boxContent ul li { list-style:none !important; margin:0 0 6px}
#wookmark1 li{cursor: default}
.tiles-wrap > li ul { list-style:none; margin:0; padding:0; text-align:left;}
#wookmark1 a:hover { color:#4B9701}

.leftNavBxHome.box ul li a:hover{ color:#6BAF00 }

.communityBox { background:url(/graphics/community_bg.jpg) no-repeat center 54px; background-size:100%}
#wookmark1 h2 a { color:#fff !important; }
#wookmark1 h2 a:hover { color:#ffff66 !important; }

.videoBtn { background:url(/graphics/videoBtn_bg.jpg) no-repeat; background-size:100%}
a.videoBtn2 img { width:100%; height:113px;margin-top:8px}

/* fork in the road modal window */
#somersModalBox .fork,#maskModal{position:fixed;left:0;top:0; display:none}
/*#maskModal{z-index:9000;background-color:rgba(0,0,0,.7);width:100%;height:100%; min-width:100%;min-height:100%; position:fixed; }*/
#somersModalBox .fork{width:60%;height:auto;z-index:99999;padding:3%;-webkit-border-radius: 8px;-moz-border-radius: 8px;border-radius: 8px;text-align:center;-webkit-box-shadow:-1px 2px 11px 0 rgba(0,0,0,.75);-moz-box-shadow:-1px 2px 11px 0 rgba(0,0,0,.75);box-shadow:-1px 2px 11px 0 rgba(0,0,0,.75); top:8%;  max-width:738px;}
#somersModalBox #somersDialog{width:70%;}
/*.closeSPModalModal { margin:-16px -16px 0 0; position:absolute; top:0; right:0 }*/
.fork { width:90%; height:256px; -webkit-border-radius: 11px;-moz-border-radius: 11px;border-radius: 11px;overflow:hidden;   position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%); z-index:99 }
.forkHalf {font-size:11px; line-height:12px;  width:50%; height:100%; float:left; text-align:center; position:relative;  color:#fff}
.forkHalf h2 {font-size:18px; line-height:19px; text-transform:uppercase; font-weight:500;  padding-top:13%; color:#fff} 
.leftFork { background:#0f63ab; }
.leftFork:hover { background:#116dbd}
.rightFork { background:#2e9e4c;}
.rightFork:hover { background:#33af54;}
.forkHalf a { display:block; color:#fff; text-decoration:none; display:block }
.enter {font-size:24px; text-transform:uppercase; font-weight:700;  margin:22px auto }
.modalLink { width:100%; height:100%; z-index:22; position:absolute}
.spIcon img { width:100%; height:auto}
.spIcon { position:absolute; z-index:2; bottom:22px; width:80px; height:auto; left: 50%; margin-left: -40px}
#maskModal{position:fixed;left:0;top:0; display:none}
#maskModal{z-index:9000;background-color:rgba(0,0,0,.7);width:100%;height:100%; min-width:100%;min-height:100%; position:fixed;z-index:88 }


/*! http://responsiveslides.com v1.53 by @viljamis */#slider1,.homePhoto{z-index:0;position:relative}#slider1,.homePhoto,.rslides{position:relative}.centered-btns_nav,.transparent-btns_nav{-webkit-tap-highlight-color:transparent;text-indent:-9999px;overflow:hidden}.homePhoto{background:#d7bf81}#slider1{margin:0 auto}.rslides{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}.centered-btns_nav{z-index:111;position:absolute;top:50%;left:0;opacity:.7;text-decoration:none;height:61px;width:38px;margin-top:-45px}.centered-btns_nav:active{opacity:1}.centered-btns_nav.next{left:auto;background-position:right top;right:0}.transparent-btns_nav{z-index:3;position:absolute;top:0;left:0;display:block;background:#fff;opacity:0;filter:alpha(opacity=1);width:48%;height:91%}.transparent-btns_nav.next{left:auto;right:0}.large-btns_nav:active{opacity:1}.large-btns_nav.next{left:auto;background-position:right 50%;right:0}.centered-btns_nav:focus,.large-btns_nav:focus,.transparent-btns_nav:focus{outline:0}.centered-btns_tabs,.large-btns_tabs,.transparent-btns_tabs{margin-top:10px;margin-bottom:10px;text-align:center}.centered-btns_tabs li,.large-btns_tabs li,.transparent-btns_tabs li{display:inline;float:none;margin-right:5px}.centered-btns_tabs a,.large-btns_tabs a,.transparent-btns_tabs a{text-indent:-9999px;overflow:hidden;-webkit-border-radius:15px;-moz-border-radius:15px;border-radius:15px;background:#444;background:rgba(0,0,0,.5);display:inline-block;-webkit-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);-moz-box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);box-shadow:inset 0 0 2px 0 rgba(0,0,0,.3);width:11px;height:11px;margin:0 3px;z-index:9999}ul.centered-btns1_tabs,ul.centered-btns_tabs{margin:0 auto!important;padding:0!important}.centered-btns_here a,.large-btns_here a,.transparent-btns_here a{background:#66cc00;background:rgba(102,204,0,.9)}.centered-btns_tabs,.large-btns_tabs,.transparent-btns_tabs{position:absolute;bottom:11px;z-index:99999999;left:0;right:0;margin:auto}

google_translate_element { margin:11px auto; text-align:center}
#mtgRow {
	clear: left;
}
.ctn1 .mCnt .covid-19 {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
	padding: 15px;
       border: 1px solid #2D9D41;	
}
.ctn1 .mCnt .featureBox {
	padding: 15px;
	border: solid;
	margin-left: 15px;
	margin-bottom: 15px;
	margin-right: 15px;
}



@media only screen and (min-width: 380px) {
	.forkHalf {font-size:13px; line-height:14px; }
}
@media only screen and (min-width: 640px) {
	.enter {font-size:30px; }
	.forkHalf {font-size:17px; line-height:18px; }
	.forkHalf h2 {font-size:25px; line-height:26px; }
	.fork { width:582px; height:342px; }
	.spIcon {  bottom:32px; width:110px;bottom:32px;  height:auto; margin-left: -55px}

}


@media screen and (max-width: 800px) {
	
	  #google_translate_element {display: none !important;} 
      
	
	.homeLeftColumn {  float:none; position: relative !important; top: 0 !important;; pottom:32px; margin:22px auto; display:block;  left: inherit;    width: 252px; }
	
	.logo { width:168px; height:auto; margin:0 auto;  z-index:1; position:relative; left:auto; top:3px }
	.mobileLogoContainer { width:100%; height:auto;  background:#235487; }
	
	.rightColm, .annBoxRed {float:none; margin:22px auto }
	
	.mCnt img { float:none !important; margin:22px auto; text-align:center; display:block}
	.mCnt .goog-te-gadget img  { float: left !important; margin: 0; text-align: left;display: inline !important;}
	.mCnt .goog-te-gadget input{ width:240px}
	.goog-te-menu2-item dt { display:block}
	
	.topBarArea {top:48px;  }
	#topBanner { display:inline; }
	.topBar{ font-size:15px; height:42px; line-height:33px;  display:none;padding: 0px 3% 6px 3%;} 
	.liveIn, .visitSP {letter-spacing:0em; }
	
	
	.js #MenuBar1 {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
	
	.leftNavBx { display:none}
	.ctn1 .mCnt { padding:22px 4% 4% 4%}
	
	.ctn1 .mCnt h1 {left:0; position:relative; 	-webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; padding:0;
    font-size: 1.26em; margin:11px 0 11px 0; padding:0; top:0}
	
	.ctn1 { width:92%; padding-top:0 !important}
	.ctn1 .hd1 { background-image: url(/graphics/01_m.jpg);}
	
	.ctn1 .hdPD { background: url(/graphics/poiceHeader_m.jpg) no-repeat; background-size:100%;}
	 
	
	.ctn1 .hd1, .ctn1 .hdPD {     background-position: left bottom; height:200px; margin-top:89px;}
	
	
	
	.ctn1 .hd1:before, .ctn1 .hdPD:before {  content: url(/graphics/somers-point-nj.svg);  height:auto; top:-88px; left:0; right:0; margin:0 auto; width:120px; background:#fff; padding:8px; -webkit-border-radius: 6px;
-moz-border-radius: 6px;
border-radius: 6px;}

/* meeting docs */		

.ctn1 .mCnt {

  width: inherit !important;
  padding-right: none !important;
  clear: left;
  margin: 0px !important;
  padding-top: 4px;

}

.ctn1 .mCnt .agBox {
 
  width: 100% !important;
  padding-right: 0px !important;
}
.ctn1 .mCnt .minBox {
 
  width: 90% !important;
  text-align:center
}
.ctn1 .mCnt .row {
  width: 90%;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #CCC;
  height: auto !important;
}
.minBx img, .agBox img{  display:none}

	.ctn1 .mCnt .row {  text-align:center; padding:8px 0}
	
	.mtgBx {  width:100% !important; display:block; float:none !important; font-weight:bold; margin:0 !important; padding:0 !important}
	
	
	.imgScrol  img  { margin:0 0 0 0 !important; display: inline !important;}
	
     .ctn1 .mCnt .imgScrol {  margin-left: auto;}
}


@media screen and (max-width: 480px) {
	
	.liveIn, .visitSP { width:100%; float:none;}
	.ctn1 { margin:100px  auto 32px  auto !important;}

}

@media screen and (min-width: 980px) {
.homeLeftColumn  { top:-346px}
.homePhoto { margin-bottom:11px}

.logo { width:220px; height:auto; left:22px;}

}

@media screen and (min-width: 1100px) {
.homeLeftColumn  { top:-386px}
#wookmark1  { margin:22px 0 0 -6px;}
}

/*!
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */

.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;width:1.125em;height:.875em;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_icon:before{background:0 0;width:1.125em;height:.875em;display:block;content:"";position:absolute}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after,.slicknav_menu:before{content:" ";display:table}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{font-size:16px;background:#0e68a9;padding:5px}.slicknav_nav,.slicknav_nav ul{list-style:none;overflow:hidden;padding:0 0 11px 0}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#349c46}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#2e9e41;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#2e9e41;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}
ul.slicknav_nav { padding-top:77px; margin-bottom:-33px }
.slicknav_menu { background:#fff;     margin-bottom: 32px; }
.slicknav_arrow { padding:.1em .9em; background:#000; margin-left:1em}
.slicknav_item a:hover { color:#000}
.btnRed {
	padding: 4px;
	background-color: red;
	color: white;
	text-decoration: none;
	font-weight: bold !important;
	font-size: 120% !important;
}
.btnBlue {
	padding: 4px;
	background-color: Blue;
	color: white;
	text-decoration: none;
	font-weight: bold !important;
	font-size: 120% !important;
}
  .btnOrange {
	padding: 4px;
	background-color: orangered;
	color: black;
	text-decoration: none;
	font-weight: bold !important;
	font-size: 120% !important;
}  
  .btnGreen {
	padding: 4px;
	background-color: forestgreen;
	color: white;
	text-decoration: none;
	font-weight: bold !important;
	font-size: 120% !important;
} 
.btnPurple{
	padding: 4px;
	background-color: purple;
	color: white;
	text-decoration: none;
	font-weight: bold !important;
	font-size: 120% !important;
}