1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 6 <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 7<!-- Google Tag Manager for GA4 --> 8
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-QJL3SMJJJQ';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= true; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 118 <meta name="category0" content="Home" /> 119 120 <meta name="apple-itunes-app" content="app-id=1109047792" /> 121<link rel="manifest" href="/manifest/client"> 122 123 <meta name="theme-color" content="rgb(13, 23, 57)"> 124 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 125 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 126 <title>Cape May County, NJ - Official Website | Official Website</title> 127 128 <meta name="description" content=""> 129 <meta name="keywords" content="Home"> 130
130<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
130 131
131<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
131 132 133 134 <!--[if IE 6]>
134<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
134<![endif]--> 135 <!--[if IE 7]>
135<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
135<![endif]--> 136 <!--[if IE 8]>
136<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
136<![endif]--> 137 <!--[if IE 9]>
137<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
137<![endif]--> 138
138<script type="text/javascript"><!-- 139 var intCountryCode = 840; 140 var order = ''; 141//--></script>
141 142 143<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/1628404422.css" rel="stylesheet" type="text/css" /> 144 145 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 146
146<script type="text/javascript"> 147 window.Pages = window.Pages || {}; 148 // FrontEnd RWD initialization 149 window.Pages.rwdReady = $.Deferred(); 150 window.Pages.toolBarDeferred = $.Deferred(); 151 window.Pages.rwdSetupComplete = $.Deferred(); 152 window.Pages.megaMenuLoaded = $.Deferred(); 153 window.Pages.angularToolbarComplete = $.Deferred(); 154 window.Pages.frontEndToolbarComplete = $.Deferred(); 155 </script>
155 156 <!--CPHeadContent--> 157
157<script src="/739942322.js" type="text/javascript"></script>
157 158 159 160 161 162 163 164 165 166 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 167 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 168 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 169 <!--[if lt IE 9]>
169<script type="text/javascript" src="/Scripts/html5.js"></script>
169<![endif]--> 170 171
171<script type="text/javascript"> 172 setEditorVariables(false, 840); 173 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 174 </script>
174 175
175<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
175 176</head> 177<body class="wide " > 178 179
179<script>jQuery(document).click(function (event) { 180 var target = jQuery(event.target); 181 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 182 var text = target.attr('title'); 183 184 if (!text.length) { 185 text = "N/A"; 186 } 187 ga('send', 188 { 189 hitType: 'event', 190 eventCategory: 'Image', 191 eventAction: 'Image - ' + text, 192 eventLabel: window.location.href 193 }); 194 } 195 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 196 var text = ""; 197 if (target.parents('.button')[0]) { 198 text = target.parents('.button').first().text(); 199 } else if (target.text().length) { 200 text = target.text(); 201 } else if (target.attr('title').length) { 202 text = target.attr('title'); 203 } 204 if (!text.length) { 205 text = "N/A"; 206 } 207 ga('send', 208 { 209 hitType: 'event', 210 eventCategory: 'Button', 211 eventAction: 'Button - ' + text, 212 eventLabel: window.location.href 213 }); 214 } 215 if (target.parents('.widgetCustomHtml').length) { 216 ga('send', 217 { 218 hitType: 'event', 219 eventCategory: 'Custom Html',
220 eventAction: 'Custom Html Clicked', 221 eventLabel: window.location.href 222 }); 223 } 224 if (target.parents('.editor').length) { 225 ga('send', 226 { 227 hitType: 'event', 228 eventCategory: 'Editor', 229 eventAction: 'Editor Link Clicked', 230 eventLabel: window.location.href 231 }); 232 } 233 if (target.parents('.GraphicLinks').length) { 234 var text = ""; 235 var targetGraphicLink = target; 236 if (target.hasClass('widgetGraphicLinksLink')) { 237 targetGraphicLink = jQuery(target.children()[0]); 238 } 239 if (targetGraphicLink.hasClass('text')) { 240 text = targetGraphicLink.text(); 241 } else if (targetGraphicLink.attr('src').length) { 242 if (targetGraphicLink.attr('alt').length) { 243 text = targetGraphicLink.attr('alt'); 244 } else { 245 text = targetGraphicLink.attr('src'); 246 } 247 } else { 248 text = "N/A"; 249 } 250 ga('send', 251 { 252 hitType: 'event', 253 eventCategory: 'Graphic Links', 254 eventAction: 'Graphic Link - ' + text, 255 eventLabel: window.location.href 256 }); 257 } 258 if (target.parents('.InfoAdvanced').length) { 259 ga('send', 260 { 261 hitType: 'event', 262 eventCategory: 'Info Advanced', 263 eventAction: 'Info Advanced Clicked', 264 eventLabel: window.location.href 265 }); 266 } 267 if (target.parents('.list').length) { 268 ga('send', 269 { 270 hitType: 'event', 271 eventCategory: 'List', 272 eventAction: 'List Clicked', 273 eventLabel: window.location.href 274 }); 275 } 276 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 277 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 278 var breadCrumbs = []; 279 jQuery('.breadCrumbs > li').each(function () { 280 breadCrumbs.push(this.textContent); 281 }); 282 var pageTitle = breadCrumbs.join('>'); 283 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 284 var text = ""; 285 if (pageTitle) { 286 text += pageTitle + " | "; 287 } else { 288 text += document.title + ' - '; 289 } 290 if (target.text() == "" && megaMenuText == "") { 291 text += "N/A"; 292 } else if (target.text().length && megaMenuText.length) { 293 if (megaMenuText == target.text()) { 294 text += megaMenuText; 295 } else { 296 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 297 } 298 } else if (target.text() == "") { 299 text += megaMenuText; 300 } else { 301 text += target.text(); 302 } 303 if (!text.length) { 304 text = "N/A"; 305 } 306 ga('send', 307 { 308 hitType: 'event', 309 eventCategory: 'Mega Menu', 310 eventAction: 'Mega Menu : ' + text, 311 eventLabel: window.location.href 312 }); 313 } 314 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 315 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 316 if (!text.length) { 317 text = "N/A"; 318 } 319 ga('send', 320 { 321 hitType: 'event', 322 eventCategory: 'News Flash', 323 eventAction: 'News Flash - ' + text, 324 eventLabel: window.location.href 325 }); 326 } 327 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 328 var text = target.text(); 329 if (!text.length) { 330 text = "N/A"; 331 } 332 ga('send', 333 { 334 hitType: 'event', 335 eventCategory: 'Quick Links', 336 eventAction: 'Quick Links - ' + text, 337 eventLabel: window.location.href 338 }); 339 } 340 if (target.attr('src') && target.parents('.cpSlideshow').length) { 341 var text = target.attr('title'); 342 if (!text.length) { 343 text = "N/A"; 344 } 345 ga('send', 346 { 347 hitType: 'event', 348 eventCategory: 'Slideshow', 349 eventAction: 'Slideshow - ' + text, 350 eventLabel: window.location.href 351 }); 352 } 353 if (target.parents('.widgetText').length) { 354 ga('send', 355 { 356 hitType: 'event', 357 eventCategory: 'Text', 358 eventAction: 'Text Link Clicked', 359 eventLabel: window.location.href 360 }); 361 } 362});</script>
362 363 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 364 <div class="cp-PopOver-header"> 365 <h3 class="cp-PopOver-title"></h3> 366 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 367 <svg class="cp-Icon--close" alt="close" title="close"> 368 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 369 </svg> 370 </button> 371 </div> 372 <div id="cpPopOverBody" class="cp-PopOver-body"> 373 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 374 </div> 375 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 376 <div class="cp-BtnGroup" id="actionButtons"> 377 <!-- Action buttons will be dynamically added here --> 378 </div> 379 </div> 380</div> 381 <div id="fb-root"></div> 382<div id=skipToContentLinks> 383<a href="#cc827e5cc2-1972-4830-a2e9-a723e0d71c5e" target="_self" class="skipToContentLink">Skip to Main Content</a> 384</div> 385 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 386 387 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 388 389 390 391 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 392 <input type="hidden" id="hdnStructureID" value="9" /> 393 <input type="hidden" id="hdnContentCollectionID" value="37aa102c-9c92-4ea4-ac0a-13de8e242b2e" /> 394 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 395 <input type="hidden" id="hdnThemeID" value="36" /> 396 <input type="hidden" id="pageIsFrontEnd" value="true" /> 397 <input type="hidden" id="pageModuleID" /> 398 <input type="hidden" id="pagePageID" value="1" /> 399 400 <div id="stickyPlaceholder"></div> 401 <div id="outer-wrap" class="outer-wrap"> 402 <div id="inner-wrap" class="inner-wrap"> 403 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 404 405<style> 406@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700); 407.alertText .customAlert { 408 color: #EAEAEA; 409 display: inline-block; 410 font-family: 'Open Sans Condensed', sans-serif; 411 text-transform: uppercase; 412 font-weight: bold; 413 height: 27px; 414 left: 57px; 415 line-height: 27px; 416 overflow: hidden; 417 position: absolute; 418 top: 15px; 419 white-space: nowrap; 420 width: 268px; 421} 422</style> 423 <div id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: #222222;"> 424 <div id="1_divAlertToolbarInner" class="alertToolbarInner" style="font-size: 16px;"> 425 <a href="/AlertCenter.aspx" id="1_lnkAlertText" class="alertText" style="border-right: 1px solid #000000;"> 426 <img src="/Common/Images/AlertCenter/alertBarBlink.svg" id="1_imgDot" alt="Emergency Alert" class="redDot" /> 427 <span id="1_customAlert" class="customAlert">EMERGENCY ALERT</span> 428 </a> 429 <span id="1_spnAlertContainer" class="alertContainer"><a href="/AlertCenter.aspx?AID=COASTAL-MARINE-HAZARDS-THIS-WEEK-BRIEFIN-969" target="_self" class="alert" style="border-left: 1px solid #635e65; border-right: 1px solid #000000;background: #030303 url(/Common/images/AlertCenter/alertBarBlackTextBckg.png) repeat-x; color: #FFFFFF;"> 430 COASTAL & MARINE HAZARDS THIS WEEK BRIEFING 5 431 <span style="color: #FC4C2F;">Read On...</span> 432</a> 433</span> 434 </div> 435 </div> 436 <div id="1_divAlertBarEmpty" class="alertBarEmpty"></div> 437 438 439 440 441<!-- Begin Signed Out Bar --> 442<div class="cpToolbar user public"> 443 <div class="inner selfClear"> 444 <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> 445 <ul class="nav secondary"> 446 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 447 </ul> 448 </div> 449</div>
450<script> 451 $(document).ready(function () { 452 $('#signedOutToolbarCreateProfileButton').click(function (event) { 453 event.preventDefault(); 454 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 455 }); 456 457 458 $('#loggedOutToolbarSignInButton').click(function (event) { 459 event.preventDefault(); 460 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 461 }); 462 463 464 if ('False' == 'True') { 465 $('#loggedOutToolbarSignInButton').hide(); 466 } 467 }) 468</script>
468 469<!-- End Signed Out Bar --> 470 471 </div> 472 <div id="bodyWrapper"> 473 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 474 475<div data-cpRole="structuralContainer" id="bodyContainerTS"> 476<!-- <div data-cpRole="banner" id="banner3" class="fixedBannerTS"> --><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS"> 477<div class="siteWrap3" data-skip-leftpad=""><div data-cpRole="structuralContainer" id="mainNavTS"> 478<nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" aria-label="Main"> 479<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 480--><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 481 --><!-- 482 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem1 " href="/101/Services" target = "_self" > Services </a> <!-- 483 --><!-- 484 --></li><!----><li id="MainItem215" class="topMenuItem" role="none" data-pageid="215" data-displaymegamenu="True"><!-- 485 --><!-- 486 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu215" id = "mainNavExplore" class="navMainItem mainNavItem mainNavItem2 " href="/215/Explore" target = "_self" > Explore </a> <!-- 487 --><!-- 488 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 489 --><!-- 490 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem3 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 491 --><!-- 492 --></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 493 --><!-- 494 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem4 " href="/27/Government" target = "_self" > Government </a> <!-- 495 --><!-- 496 --></li><!----> 497</ol> 498 499 500
500<script type="text/javascript"> 501 (function () { 502 function setupMenu() { 503 const menuID = 'mainNavMenu'; 504 const menuType = MAIN_MENU; 505 506 //setup menu manager properties for main menu 507 if (!menuManager.mobileMainNav && true) 508 menuManager.adjustMainItemsWidth('#' + menuID); 509 menuManager.isMainMenuEditable = false; 510 menuManager.mainMenuMaxSubMenuLevels = 4; 511 menuManager.setMOMMode(2, menuType); 512 513 //Init main menu 514 const setupDraggable = menuManager.isMainMenuEditable; 515 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=36&menuContainerID=mainNav'; 516 517 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 518 menuManager.mainMenuInit = true; 519 menuManager.mainMenuTextResizer = true; 520 if (1.00 > 0) 521 menuManager.mainMenuTextResizerRatio = 1.00; 522 if (window.isResponsiveEnabled) 523 menuManager.mainMenuReady.resolve(); 524 525 } 526 527 if (document.readyState === "complete" 528 || document.readyState === "loaded" 529 || document.readyState === "interactive") { 530 setupMenu(); 531 return; 532 } 533 534 document.addEventListener("DOMContentLoaded", setupMenu); 535 })(); 536 </script>
536 537 538 539<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cc24f3618d-d6dc-457e-a0ee-d1862d13eb24" data-containerid="24f3618d-d6dc-457e-a0ee-d1862d13eb24" class="pageContent cpGrid cpGrid24"> 540 541 542 543 544 </div> 545</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu215" class="contentTop mainNavMegaMenu megaMenuContainer pageID_215 hidden" data-orientation="horizontal"> <div id="ccaa76c158-4e80-41be-bafc-8cce334952d4" data-containerid="aa76c158-4e80-41be-bafc-8cce334952d4" class="pageContent cpGrid cpGrid24"> 546 547 548 549 550 </div> 551</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cca029fad5-792a-4d36-845b-7aeae37a3e91" data-containerid="a029fad5-792a-4d36-845b-7aeae37a3e91" class="pageContent cpGrid cpGrid24"> 552 553 554 555 556 </div> 557</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="ccfa2af8b0-ab11-4d4c-ae6a-4ef8bf00470a" data-containerid="fa2af8b0-ab11-4d4c-ae6a-4ef8bf00470a" class="pageContent cpGrid cpGrid24"> 558 559 560 561 562 </div> 563</aside></aside></nav> 564</div></div> 565</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 566<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 567<div data-cpRole="structuralContainer" id="bannerContentTS"> 568<div data-cpRole="structuralContainer" class="flexWrap" id="flexHeader1TS"> 569<div data-cpRole="structuralContainer" id="logoTS"> 570<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 571 572 573 574 575 <a id="bannerLogoTS-105" style=" display: block; text-align: center; 576" class="bannerObject" href="/" target="_self"><img alt="Cape May County New Jersey Homepage" class="bannerObject" height="200" src="/ImageRepository/Document?documentID=11720" width="712" /></a> 577</div> 578</div><div data-cpRole="contentContainer" id="searchTS"> <div id="cc00f67474-7744-4610-8935-235a2417d37e" data-containerid="00f67474-7744-4610-8935-235a2417d37e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 579 580 581 <div class="row outer wide"><!-- 582--><div class="outer col col24 first last" style="" data-widgetcontainerid="4c3ef4a0-ee96-4a86-9421-e45d16efd299">� 583 <div class="row nest first last wide">� 584 585 <div class="inner col col24 first last idbc33e829-593d-4e04-9cea-a0a4b693b0fc" style="" data-widgetcontainerid="bc33e829-593d-4e04-9cea-a0a4b693b0fc">� 586<div data-widget-id="8f80fde0-df09-4125-ae66-86c6aaf38e7c" data-widget-controller-path="/Layout/WidgetSearch"> 587 588
588<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
588 589
589<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
589 590
590<script defer type="text/javascript"> 591 592 $(document).ready(function () { 593 try { 594 // Minimum characters required before performing a search/autocomplete 595 var minPrefixLength = 3; 596 var autoCompleteDebounceDelay = 500; 597 var searchFieldSelector = "#searchField" + '8f80fde0-df09-4125-ae66-86c6aaf38e7c'; 598 var checkboxSelector = "#ysnSearchOnlyDept" + '8f80fde0-df09-4125-ae66-86c6aaf38e7c'; 599 var buttonSelector = ".widgetSearchButton" + '8f80fde0-df09-4125-ae66-86c6aaf38e7c'; 600 var autoCompleteCache = {}; 601 var autoCompleteCacheKeys = []; 602 var autoCompleteCacheLimit = 25; 603 var currentAutoCompleteRequest = null; 604 var currentAutoCompleteRequestKey = null; 605 var autoCompleteDebounceTimer = null; 606 var autoCompleteDebounceKey = null; 607 var pendingAutoCompleteResponses = []; 608 609 function normalizeAutoCompleteTerm(term) { 610 return $.trim((term || "") + "").replace(/\s+/g, " "); 611 } 612 613 function shouldSearch(term) { 614 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 615 } 616 617 function getAutoCompleteUrl() { 618 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 619 } 620 621 function getAutoCompleteCacheKey(requestUrl, term) { 622 return requestUrl + "|" + term.toLowerCase(); 623 } 624 625 function cacheAutoCompleteResult(cacheKey, data) { 626 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 627 autoCompleteCacheKeys.push(cacheKey); 628 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 629 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 630 } 631 } 632 autoCompleteCache[cacheKey] = data; 633 } 634 635 function respondToPendingAutoComplete(data) { 636 var responses = pendingAutoCompleteResponses; 637 pendingAutoCompleteResponses = []; 638 for (var i = 0; i < responses.length; i++) { 639 responses[i](data); 640 } 641 } 642 643 function cancelPendingAutoComplete() { 644 clearTimeout(autoCompleteDebounceTimer); 645 autoCompleteDebounceKey = null; 646 if (currentAutoCompleteRequest != null) { 647 currentAutoCompleteRequest.abort(); 648 currentAutoCompleteRequest = null; 649 } 650 currentAutoCompleteRequestKey = null; 651 respondToPendingAutoComplete([]); 652 } 653 654 function createWidgetAutoCompleteSource(options) { 655 return function (request, response) { 656 var term = normalizeAutoCompleteTerm(request.term); 657 if (!options.shouldSearch(term)) { 658 response([]); 659 return; 660 } 661 662 var requestUrl = options.url(); 663 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 664 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 665 response(autoCompleteCache[cacheKey]); 666 if (options.success) { 667 options.success(autoCompleteCache[cacheKey]); 668 } 669 return; 670 } 671 672 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 673 pendingAutoCompleteResponses.push(response); 674 return; 675 } 676 677 cancelPendingAutoComplete(); 678 autoCompleteDebounceKey = cacheKey; 679 pendingAutoCompleteResponses.push(response); 680 autoCompleteDebounceTimer = setTimeout(function () { 681 autoCompleteDebounceKey = null; 682 currentAutoCompleteRequestKey = cacheKey; 683 currentAutoCompleteRequest = $.ajax({ 684 url: requestUrl, 685 dataType: "json", 686 timeout: options.timeout, 687 data: { 688 term: term, 689 }, 690 success: function (data) { 691 if (currentAutoCompleteRequestKey === cacheKey) { 692 cacheAutoCompleteResult(cacheKey, data); 693 respondToPendingAutoComplete(data); 694 if (options.success) { 695 options.success(data); 696 } 697 } 698 }, 699 error: function (xmlhttprequest, textstatus, message) { 700 if (textstatus === "abort") { 701 return; 702 } 703 704 if (options.error) { 705 options.error(xmlhttprequest, textstatus, message); 706 } 707 708 respondToPendingAutoComplete([]); 709 }, 710 complete: function (xmlhttprequest) { 711 if (currentAutoCompleteRequest === xmlhttprequest) { 712 currentAutoCompleteRequest = null;
713 currentAutoCompleteRequestKey = null; 714 } 715 } 716 }); 717 }, options.delay); 718 }; 719 } 720 721 // click handler for search buttons 722 $(buttonSelector).click(function (e) { 723 e.preventDefault(); 724 var $btn = $(this); 725 var $field = $btn.siblings(".widgetSearchBox"); 726 var term = $field.val() + ""; 727 if (!shouldSearch(term)) { 728 // do nothing until user types enough characters 729 $field.focus(); 730 return; 731 } 732 733 if ($(checkboxSelector).is(':checked') || false) 734 { 735 doWidgetSearch($.trim(term), Number(0)); 736 } 737 else { 738 doWidgetSearch($.trim(term), 0); 739 } 740 }); 741 742 // enter key handler for the search field 743 $(searchFieldSelector).keypress(function (e) { 744 var code = e.which || e.keyCode; 745 if (code === 13) { 746 e.preventDefault(); 747 var $this = $(this); 748 var term = $this.val() + ""; 749 if (!shouldSearch(term)) { 750 // do nothing until user types enough characters 751 $this.focus(); 752 return false; 753 } 754 755 if ($(checkboxSelector).is(':checked') || false) { 756 doWidgetSearch($.trim(term), Number(0)); 757 } else { 758 doWidgetSearch($.trim(term), 0); 759 } 760 return false; 761 } 762 return true; 763 }); 764 765 // autocomplete: set minLength and guard source 766 if (true) { 767 var $searchField = $(searchFieldSelector).autocomplete({ 768 minLength: minPrefixLength, 769 source: createWidgetAutoCompleteSource({ 770 delay: autoCompleteDebounceDelay, 771 timeout: 10000, 772 shouldSearch: shouldSearch, 773 url: getAutoCompleteUrl, 774 success: function () { 775 $('.autoCompleteError').remove(); 776 }, 777 error: function (xmlhttprequest, textstatus, message) { 778 if (textstatus === "timeout") { 779 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 780 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 781 } 782 } 783 }), 784 html: true, 785 delay: 0, 786 select: function (event, ui) { 787 $(this).val(ui.item.value); 788 $(this).next().click(); 789 } 790 }); 791 792 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 793 return $("<li class=\"itemList\"></li>") 794 .data("ui-autocomplete-item", item) 795 .append("<a>" + item.label + "</a>") 796 .appendTo(ul); 797 }; 798 } 799 800 // keep searchBtnApplyQuery consistent with prefix rule 801 window.searchBtnApplyQuery = function() { 802 var $field = $(searchFieldSelector); 803 var term = $field.val() + ""; 804 if (shouldSearch(term)) { 805 // update href for the icon/button (if present) 806 var btn = document.getElementById("btnSearchIcon"); 807 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 808 } else { 809 var btn = document.getElementById("btnSearchIcon"); 810 if (btn) btn.href = "#"; 811 } 812 }; 813 } 814 catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page. 815 }); 816 </script>
816 817 818 <section id="widgetPreviewSearch" class="widget widgetSearch skin83 widgetOptionSet48" style="display: block;" aria-label="Search"> 819 <!-- For the button right and inside --> 820 <div class="widgetBody buttonRightInside"> 821 <input class="widgetSearchBox widgetSearchBox8f80fde0-df09-4125-ae66-86c6aaf38e7c" cp5ph="true" id="searchField8f80fde0-df09-4125-ae66-86c6aaf38e7c" name="searchField" onchange="searchBtnApplyQuery();" placeholder="I'm looking for..." type="text" value="" /> 822 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton8f80fde0-df09-4125-ae66-86c6aaf38e7c" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=11722" data-image="/ImageRepository/Document?documentID=11721" src="/ImageRepository/Document?documentID=11721" /></a> 823 824 <label class="searchLabel" aria-hidden="true" for="searchField8f80fde0-df09-4125-ae66-86c6aaf38e7c">Search</label> 825 </div> 826 827 </section> 828 829 830<style scoped> 831 832 .widgetSearch ::-webkit-input-placeholder { 833 color: #ffffff; 834 } 835 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 836 color: #ffffff; 837 } 838 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 839 color: #ffffff; 840 } 841 .widgetSearch :-ms-input-placeholder { 842 color: #ffffff; 843 } 844 845 846 .widgetSearch .widgetBody .widgetSearchBox8f80fde0-df09-4125-ae66-86c6aaf38e7c 847 { 848 color: #ffffff; 849 height: 50px; 850background: #2D4D7B; 851box-shadow: 3px 3px 6px #00000052; 852border-radius: 10px; 853padding: 0 55px 0 16px; 854border: 0 none; 855font: normal normal normal 15px/24px Poppins; 856 } 857 .widgetSearch .widgetBody .widgetSearchButton8f80fde0-df09-4125-ae66-86c6aaf38e7c 858 { 859 margin: 8px 7px 0 0; 860 } 861 .widgetSearch .widgetSearch-onlyDept8f80fde0-df09-4125-ae66-86c6aaf38e7c 862 { 863 display: inline-block; 864 color: #fff; 865 font-size: .875em; 866padding-bottom: 5px; 867 padding-left: 10px; 868 padding-top: 10px; 869 } 870 #ysnSearchOnlyDept8f80fde0-df09-4125-ae66-86c6aaf38e7c 871 { 872 position: relative; 873 top: .125em; 874 } 875 876</style> 877 878<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 879<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 880 881 882
883<script type="text/javascript"> 884 //Updates search icons href to have the correct queryString 885 function searchBtnApplyQuery() { 886 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField8f80fde0-df09-4125-ae66-86c6aaf38e7c").value; 887 } 888</script>
888 889 890</div> 891 892 </div> <!-- inner column --> 893 894 </div> <!-- inner row --> 895 896 </div><!-- outer column --><!-- --></div> <!-- outer row --> 897 898 899 </div> 900</div> 901</div> 902</div> 903</div> 904 905 906 907 908 <div id="bannerImagesJSON106" class="hidden"></div> 909 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 910 <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 911 <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 912 </div> 913
913<script type="text/javascript"> 914 $(window).on("load", function () { 915 $.when(window.Pages.rwdSetupComplete) 916 .done(function () { 917 renderExternalBannerSlideshow('banner1', 918 {"BannerOptionID":106,"ThemeID":36,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":334,"BannerOptionID":106,"FileName":"/ImageRepository/Document?documentID=11713","Height":595,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":335,"BannerOptionID":106,"FileName":"/ImageRepository/Document?documentID=11714","Height":595,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":336,"BannerOptionID":106,"FileName":"/ImageRepository/Document?documentID=11715","Height":595,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":337,"BannerOptionID":106,"FileName":"/ImageRepository/Document?documentID=11716","Height":595,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 919 '/App_Themes/2024 - Home/Images/', 920 'Rotating'); 921 }); 922 }); 923 </script>
923 924 925</div> 926</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 927<div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccf60a3c3e-a12f-4fb5-b0f0-e8dcf05d37ea" data-containerid="f60a3c3e-a12f-4fb5-b0f0-e8dcf05d37ea" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 928 929 930 <div class="row outer wide"><!-- 931--><div class="outer col col8 first" style="" data-widgetcontainerid="cd5b9bdf-bf0a-4cf5-a3ce-f6cd9680d3ec">� 932 <div class="row nest first last wide">� 933 934 <div class="inner col col8 first last idd04a5ee4-3f4a-4bd6-85ba-974c4518bb17" style="" data-widgetcontainerid="d04a5ee4-3f4a-4bd6-85ba-974c4518bb17">� 935<div data-widget-id="e7b97c4a-d36c-4379-a364-2a48aebfb6a8" data-widget-controller-path="/GraphicLinks/Widget"> 936 937 938 939 940<div id="graphicLinkWidgete7b97c4a-d36c-4379-a364-2a48aebfb6a8" class="widget widgetGraphicLinks skin81 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 941 <div class="widgetHeader"> 942 <div class=""> 943 </div> 944 </div> 945 <div class="widgetBody cpGrid cpGrid2 "> 946 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 947 <div class="row wide"> 948 <!-- 949--><div class="col col1 first "><ul class="semanticList"><!-- 950 --><li class="widgetItem GraphicLinks"> 951 952<div> 953 <a href="/1565/Sheriff-Office" target="_self" class="fancyButton fancyButton903 " > 954 <span> 955 <span><span class="text"><span class="textStyle1">Sheriff</span></span></span> 956 </span> 957 </a> 958</div> 959 <style scoped="scoped">.fancyButton903.fancyButton:link,.fancyButton903.fancyButton:visited, .fancyButton903div.fancyButton{ 960 background-image: url('/ImageRepository/Document?documentID=11734'); 961 background-repeat: no-repeat; 962 background-position: center .25em ; 963transition: background .6s cubic-bezier(0.33, 1, 0.68, 1); 964background-size: 9.5em;} 965.fancyButton903.fancyButton:hover,.fancyButton903.fancyButton:focus,.fancyButton903.fancyButton:active,.fancyButton903.fancyButton.hover{ 966 background-image: url('/ImageRepository/Document?documentID=11733'); 967 background-repeat: no-repeat; 968 background-position: center top; 969background-size: 10em;} 970.fancyButton903.fancyButton:link > span,.fancyButton903.fancyButton:visited > span, .fancyButton903div.fancyButton > span{ 971} 972.fancyButton903.fancyButton:hover > span,.fancyButton903.fancyButton:focus > span,.fancyButton903.fancyButton:active > span,.fancyButton903.fancyButton.hover > span{ 973} 974.fancyButton903.fancyButton .text{ 975 color: #FFFFFF; 976 padding-top: 10.25em; 977 text-decoration: none; 978 padding-top: 10.25em; 979 background-image: url('/ImageRepository/Document?documentID=11740'); 980 background-repeat: no-repeat; 981 background-position: center 2.5em ; 982 983 984} 985.fancyButton903.fancyButton:hover .text,.fancyButton903.fancyButton:focus .text,.fancyButton903.fancyButton:active .text,.fancyButton903.fancyButton.hover .text{ 986 text-decoration: none; 987 background-repeat: no-repeat; 988 background-position: center 2.5em ; 989 990 991} 992.fancyButton903.fancyButton .textStyle1{ 993 color: rgb(255, 255, 255); 994 font-size: 1.2em; 995 font-family: Poppins; 996 font-weight: 700; 997 text-decoration: none; 998display: block; 999line-height: 1.3;} 1000.fancyButton903.fancyButton:hover .textStyle1, .fancyButton903.fancyButton.hover .textStyle1{ 1001 text-decoration: underline; 1002 1003} 1004</style> 1005 1006 </li><!-- 1007--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1008 --><li class="widgetItem GraphicLinks"> 1009 1010<div> 1011 <a href="/189/County-Clerk" target="_self" class="fancyButton fancyButton904 " > 1012 <span> 1013 <span><span class="text"><span class="textStyle1">Clerk<br></span></span></span> 1014 </span> 1015 </a> 1016</div> 1017 <style scoped="scoped">.fancyButton904.fancyButton:link,.fancyButton904.fancyButton:visited, .fancyButton904div.fancyButton{ 1018 background-image: url('/ImageRepository/Document?documentID=11730'); 1019 background-repeat: no-repeat; 1020 background-position: center .25em ; 1021transition: background .6s cubic-bezier(0.33, 1, 0.68, 1); 1022background-size: 9.5em;} 1023.fancyButton904.fancyButton:hover,.fancyButton904.fancyButton:focus,.fancyButton904.fancyButton:active,.fancyButton904.fancyButton.hover{ 1024 background-image: url('/ImageRepository/Document?documentID=11729'); 1025 background-repeat: no-repeat; 1026 background-position: center top; 1027background-size: 10em;} 1028.fancyButton904.fancyButton:link > span,.fancyButton904.fancyButton:visited > span, .fancyButton904div.fancyButton > span{ 1029} 1030.fancyButton904.fancyButton:hover > span,.fancyButton904.fancyButton:focus > span,.fancyButton904.fancyButton:active > span,.fancyButton904.fancyButton.hover > span{ 1031} 1032.fancyButton904.fancyButton .text{ 1033 color: #FFFFFF; 1034 padding-top: 10.25em; 1035 text-decoration: none; 1036 padding-top: 10.25em; 1037 background-image: url('/ImageRepository/Document?documentID=11736'); 1038 background-repeat: no-repeat; 1039 background-position: center 2.5em ; 1040 1041 1042} 1043.fancyButton904.fancyButton:hover .text,.fancyButton904.fancyButton:focus .text,.fancyButton904.fancyButton:active .text,.fancyButton904.fancyButton.hover .text{ 1044 text-decoration: none; 1045 background-repeat: no-repeat; 1046 background-position: center 2.5em ; 1047 1048 1049} 1050.fancyButton904.fancyButton .textStyle1{ 1051 color: rgb(255, 255, 255); 1052 font-size: 1.2em; 1053 font-family: Poppins; 1054 font-weight: 700; 1055 text-decoration: none; 1056display: block; 1057line-height: 1.3;} 1058.fancyButton904.fancyButton:hover .textStyle1, .fancyButton904.fancyButton.hover .textStyle1{ 1059 text-decoration: underline; 1060 1061} 1062</style> 1063 1064 </li><!-- 1065--></ul></div><!-- --> 1066 </div> 1067 </nav> 1068 </div> 1069 <div class="widgetFooter"> 1070 </div> 1071</div> 1072</div> 1073 1074 </div> <!-- inner column --> 1075 1076 </div> <!-- inner row --> 1077 1078 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="6fbbcdba-d66c-4024-a784-dc72996371b5">� 1079 <div class="row nest first last wide">� 1080 1081 <div class="inner col col8 first last id21835bf3-fb09-4e56-86b0-cff47c89e3ec" style="" data-widgetcontainerid="21835bf3-fb09-4e56-86b0-cff47c89e3ec">�
1082<div data-widget-id="c9390c89-0a0a-4a74-b306-d0738e12bf81" data-widget-controller-path="/GraphicLinks/Widget"> 1083 1084 1085 1086 1087<div id="graphicLinkWidgetc9390c89-0a0a-4a74-b306-d0738e12bf81" class="widget widgetGraphicLinks skin81 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1088 <div class="widgetHeader"> 1089 <div class=""> 1090 </div> 1091 </div> 1092 <div class="widgetBody cpGrid cpGrid2 "> 1093 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1094 <div class="row wide"> 1095 <!-- 1096--><div class="col col1 first "><ul class="semanticList"><!-- 1097 --><li class="widgetItem GraphicLinks"> 1098 1099<div> 1100 <a href="/160/Animal-Shelter" target="_self" class="fancyButton fancyButton905 " > 1101 <span> 1102 <span><span class="text"><span class="textStyle1">Animal Shelter<br></span></span></span> 1103 </span> 1104 </a> 1105</div> 1106 <style scoped="scoped">.fancyButton905.fancyButton:link,.fancyButton905.fancyButton:visited, .fancyButton905div.fancyButton{ 1107 background-image: url('/ImageRepository/Document?documentID=11732'); 1108 background-repeat: no-repeat; 1109 background-position: center .25em ; 1110transition: background .6s cubic-bezier(0.33, 1, 0.68, 1); 1111background-size: 9.5em;} 1112.fancyButton905.fancyButton:hover,.fancyButton905.fancyButton:focus,.fancyButton905.fancyButton:active,.fancyButton905.fancyButton.hover{ 1113 background-image: url('/ImageRepository/Document?documentID=11731'); 1114 background-repeat: no-repeat; 1115 background-position: center top; 1116background-size: 10em;} 1117.fancyButton905.fancyButton:link > span,.fancyButton905.fancyButton:visited > span, .fancyButton905div.fancyButton > span{ 1118} 1119.fancyButton905.fancyButton:hover > span,.fancyButton905.fancyButton:focus > span,.fancyButton905.fancyButton:active > span,.fancyButton905.fancyButton.hover > span{ 1120} 1121.fancyButton905.fancyButton .text{ 1122 color: #FFFFFF; 1123 padding-top: 10.25em; 1124 text-decoration: none; 1125 padding-top: 10.25em; 1126 background-image: url('/ImageRepository/Document?documentID=11735'); 1127 background-repeat: no-repeat; 1128 background-position: center 2.75em ; 1129 1130 1131} 1132.fancyButton905.fancyButton:hover .text,.fancyButton905.fancyButton:focus .text,.fancyButton905.fancyButton:active .text,.fancyButton905.fancyButton.hover .text{ 1133 text-decoration: none; 1134 background-repeat: no-repeat; 1135 background-position: center 2.75em ; 1136 1137 1138} 1139.fancyButton905.fancyButton .textStyle1{ 1140 color: rgb(255, 255, 255); 1141 font-size: 1.2em; 1142 font-family: Poppins; 1143 font-weight: 700; 1144 text-decoration: none; 1145display: block; 1146line-height: 1.3;} 1147.fancyButton905.fancyButton:hover .textStyle1, .fancyButton905.fancyButton.hover .textStyle1{ 1148 text-decoration: underline; 1149 1150} 1151</style> 1152 1153 </li><!-- 1154--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1155 --><li class="widgetItem GraphicLinks"> 1156 1157<div> 1158 <a href="/149/Emergency-Management" target="_self" class="fancyButton fancyButton906 " > 1159 <span> 1160 <span><span class="text"><span class="textStyle1">Emergency Management<br></span></span></span> 1161 </span> 1162 </a> 1163</div> 1164 <style scoped="scoped">.fancyButton906.fancyButton:link,.fancyButton906.fancyButton:visited, .fancyButton906div.fancyButton{ 1165 background-image: url('/ImageRepository/Document?documentID=11734'); 1166 background-repeat: no-repeat; 1167 background-position: center .25em ; 1168transition: background .6s cubic-bezier(0.33, 1, 0.68, 1); 1169background-size: 9.5em;} 1170.fancyButton906.fancyButton:hover,.fancyButton906.fancyButton:focus,.fancyButton906.fancyButton:active,.fancyButton906.fancyButton.hover{ 1171 background-image: url('/ImageRepository/Document?documentID=11733'); 1172 background-repeat: no-repeat; 1173 background-position: center top; 1174background-size: 10em;} 1175.fancyButton906.fancyButton:link > span,.fancyButton906.fancyButton:visited > span, .fancyButton906div.fancyButton > span{ 1176} 1177.fancyButton906.fancyButton:hover > span,.fancyButton906.fancyButton:focus > span,.fancyButton906.fancyButton:active > span,.fancyButton906.fancyButton.hover > span{ 1178} 1179.fancyButton906.fancyButton .text{ 1180 color: #FFFFFF; 1181 padding-top: 10.25em; 1182 text-decoration: none; 1183 padding-top: 10.25em; 1184 background-image: url('/ImageRepository/Document?documentID=11738'); 1185 background-repeat: no-repeat; 1186 background-position: center 2.5em ; 1187 1188 1189} 1190.fancyButton906.fancyButton:hover .text,.fancyButton906.fancyButton:focus .text,.fancyButton906.fancyButton:active .text,.fancyButton906.fancyButton.hover .text{ 1191 text-decoration: none; 1192 background-repeat: no-repeat; 1193 background-position: center 2.5em ; 1194 1195 1196} 1197.fancyButton906.fancyButton .textStyle1{ 1198 color: rgb(255, 255, 255); 1199 font-size: 1.2em; 1200 font-family: Poppins; 1201 font-weight: 700; 1202 text-decoration: none; 1203display: block; 1204line-height: 1.3;} 1205.fancyButton906.fancyButton:hover .textStyle1, .fancyButton906.fancyButton.hover .textStyle1{ 1206 text-decoration: underline; 1207 1208} 1209</style> 1210 1211 </li><!-- 1212--></ul></div><!-- --> 1213 </div> 1214 </nav> 1215 </div> 1216 <div class="widgetFooter"> 1217 </div> 1218</div> 1219</div> 1220 1221 </div> <!-- inner column --> 1222 1223 </div> <!-- inner row --> 1224 1225 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="1dce601b-5aee-4b6f-9fd7-629b80
1225d69614">� 1226 <div class="row nest first last wide">� 1227 1228 <div class="inner col col8 first last idc059f3b4-2218-4b22-8114-0e153be14fe9" style="" data-widgetcontainerid="c059f3b4-2218-4b22-8114-0e153be14fe9">� 1229<div data-widget-id="73a04e2e-7ad1-4f87-a4d5-8b3dbc8c6115" data-widget-controller-path="/GraphicLinks/Widget"> 1230 1231 1232 1233 1234<div id="graphicLinkWidget73a04e2e-7ad1-4f87-a4d5-8b3dbc8c6115" class="widget widgetGraphicLinks skin81 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1235 <div class="widgetHeader"> 1236 <div class=""> 1237 </div> 1238 </div> 1239 <div class="widgetBody cpGrid cpGrid2 "> 1240 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1241 <div class="row wide"> 1242 <!-- 1243--><div class="col col1 first "><ul class="semanticList"><!-- 1244 --><li class="widgetItem GraphicLinks"> 1245 1246<div> 1247 <a href="/1644/Health-Department" target="_self" class="fancyButton fancyButton908 " > 1248 <span> 1249 <span><span class="text"><span class="textStyle1">Health Department<br></span></span></span> 1250 </span> 1251 </a> 1252</div> 1253 <style scoped="scoped">.fancyButton908.fancyButton:link,.fancyButton908.fancyButton:visited, .fancyButton908div.fancyButton{ 1254 background-image: url('/ImageRepository/Document?documentID=11730'); 1255 background-repeat: no-repeat; 1256 background-position: center .25em ; 1257transition: background .6s cubic-bezier(0.33, 1, 0.68, 1); 1258background-size: 9.5em;} 1259.fancyButton908.fancyButton:hover,.fancyButton908.fancyButton:focus,.fancyButton908.fancyButton:active,.fancyButton908.fancyButton.hover{ 1260 background-image: url('/ImageRepository/Document?documentID=11729'); 1261 background-repeat: no-repeat; 1262 background-position: center top; 1263background-size: 10em;} 1264.fancyButton908.fancyButton:link > span,.fancyButton908.fancyButton:visited > span, .fancyButton908div.fancyButton > span{ 1265} 1266.fancyButton908.fancyButton:hover > span,.fancyButton908.fancyButton:focus > span,.fancyButton908.fancyButton:active > span,.fancyButton908.fancyButton.hover > span{ 1267} 1268.fancyButton908.fancyButton .text{ 1269 color: #FFFFFF; 1270 padding-top: 10.25em; 1271 text-decoration: none; 1272 padding-top: 10.25em; 1273 background-image: url('/ImageRepository/Document?documentID=11739'); 1274 background-repeat: no-repeat; 1275 background-position: center 2.5em ; 1276 1277 1278} 1279.fancyButton908.fancyButton:hover .text,.fancyButton908.fancyButton:focus .text,.fancyButton908.fancyButton:active .text,.fancyButton908.fancyButton.hover .text{ 1280 text-decoration: none; 1281 background-repeat: no-repeat; 1282 background-position: center 2.5em ; 1283 1284 1285} 1286.fancyButton908.fancyButton .textStyle1{ 1287 color: rgb(255, 255, 255); 1288 font-size: 1.2em; 1289 font-family: Poppins; 1290 font-weight: 700; 1291 text-decoration: none; 1292display: block; 1293line-height: 1.3;} 1294.fancyButton908.fancyButton:hover .textStyle1, .fancyButton908.fancyButton.hover .textStyle1{ 1295 text-decoration: underline; 1296 1297} 1298</style> 1299 1300 </li><!-- 1301--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1302 --><li class="widgetItem GraphicLinks"> 1303 1304<div> 1305 <a href="https://cmcl.org/" target="_self" class="fancyButton fancyButton907 " > 1306 <span> 1307 <span><span class="text"><span class="textStyle1">County Library<br></span></span></span> 1308 </span> 1309 </a> 1310</div> 1311 <style scoped="scoped">.fancyButton907.fancyButton:link,.fancyButton907.fancyButton:visited, .fancyButton907div.fancyButton{ 1312 background-image: url('/ImageRepository/Document?documentID=11732'); 1313 background-repeat: no-repeat; 1314 background-position: center .25em ; 1315transition: background .6s cubic-bezier(0.33, 1, 0.68, 1); 1316background-size: 9.5em;} 1317.fancyButton907.fancyButton:hover,.fancyButton907.fancyButton:focus,.fancyButton907.fancyButton:active,.fancyButton907.fancyButton.hover{ 1318 background-image: url('/ImageRepository/Document?documentID=11731'); 1319 background-repeat: no-repeat; 1320 background-position: center top; 1321background-size: 10em;} 1322.fancyButton907.fancyButton:link > span,.fancyButton907.fancyButton:visited > span, .fancyButton907div.fancyButton > span{ 1323} 1324.fancyButton907.fancyButton:hover > span,.fancyButton907.fancyButton:focus > span,.fancyButton907.fancyButton:active > span,.fancyButton907.fancyButton.hover > span{ 1325} 1326.fancyButton907.fancyButton .text{ 1327 color: #FFFFFF; 1328 padding-top: 10.25em; 1329 text-decoration: none; 1330 padding-top: 10.25em; 1331 background-image: url('/ImageRepository/Document?documentID=11737'); 1332 background-repeat: no-repeat; 1333 background-position: center 2.75em ; 1334 1335 1336} 1337.fancyButton907.fancyButton:hover .text,.fancyButton907.fancyButton:focus .text,.fancyButton907.fancyButton:active .text,.fancyButton907.fancyButton.hover .text{ 1338 text-decoration: none; 1339 background-repeat: no-repeat; 1340 background-position: center 2.75em ; 1341 1342 1343} 1344.fancyButton907.fancyButton .textStyle1{ 1345 color: rgb(255, 255, 255); 1346 font-size: 1.2em; 1347 font-family: Poppins; 1348 font-weight: 700; 1349 text-decoration: none; 1350display: block; 1351line-height: 1.3;} 1352.fancyButton907.fancyButton:hover .textStyle1, .fancyButton907.fancyButton.hover .textStyle1{ 1353 text-decoration: underline; 1354 1355} 1356</style> 1357 1358 </li><!-- 1359--></ul></div><!-- --> 1360 </div> 1361 </nav> 1362 </div> 1363 <div class="widgetFooter"> 1364 </div> 1365</div> 1366</div> 1367 1368 </div> <!-- inner column --> 1369 1370 </div> <!-- inner row --> 1371 1372 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1373 1374 1375 </div> 1376</div></div> 1377</div><main data-cpRole="structuralContainer" id="mainSectionTS"> 1378<!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 1379<div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap flexTS"> 1380<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap flexTS"> 1381<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1382<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
1382<script type='text/javascript'>$('#breadCrumbs').hide();</script>
1382</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1383 1384 <div id="page" class="moduleContentNew"> 1385 1386 1387 <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> 1388 <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> 1389 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="16098" /> 1390 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> 1391 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> 1392 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1393 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1394 1395 1396 <div id="cc827e5cc2-1972-4830-a2e9-a723e0d71c5e" data-containerid="827e5cc2-1972-4830-a2e9-a723e0d71c5e" class="pageContent cpGrid cpGrid24" > 1397 1398 1399 <div class="row outer wide"><!-- 1400--><div class="outer col col24 first last" style="" data-widgetcontainerid="f5200bac-5b7d-4a98-82bc-30cbd7fa9d42">� 1401 <div class="row nest first last wide">� 1402 1403 <div class="inner col col24 first last id4af8e628-7d56-42d8-968f-adab84bb6ff9" style="" data-widgetcontainerid="4af8e628-7d56-42d8-968f-adab84bb6ff9">� 1404<div class="widget editor pageStyles narrow" id="divEditora8dc3cb5-c8ac-48ab-ba30-6097060b80b3" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 1405 <div class="fr-view"> 1406 1407 1408 <h2 class="subhead1" style="text-align: center;" aria-hidden="true" tabindex="-1"><a href="/AgendaCenter/MostRecent/Board-of-County-Commissioners-2-2" target="_blank" rel="noopener" aria-describedby="audioeye_new_window_message"><em>Most Recent County Commissioner Meeting Agenda And Resolutions</em></a></h2><h2 class="subhead1" style="text-align: center;"><span style="font-size: 12px;"><a href="https://capemaycountynj.gov/1745/Legal-Notices" target="_blank" rel="noopener" aria-describedby="audioeye_new_window_message" style="font-size: 24px;"><strong><em>Legal Notices</em></strong></a></span></h2><h2 class="subhead1" style="text-align: center;" data-pasted="true" aria-hidden="true" tabindex="-1"><span style="font-size: 18px;"><a href="https://capemaycountynj.gov/DocumentCenter/View/13303/DIRECTOR-DESIDERIO-2026-BUDGET-ADDRESS" target="_blank" rel="noopener" aria-describedby="audioeye_new_window_message" style="font-size: 18px;"><em><strong>Director Desiderio 2026 Budget Address</strong></em></a></span></h2><h2 class="subhead1" style="text-align: center;" data-pasted="true" aria-hidden="true" tabindex="-1"><span style="font-size: 18px;"><a href="/DocumentCenter/View/13304/2026-County-Budget" style="font-size: 18px;"><em><strong>Cape May County 2026 Budget</strong></em></a></span></h2><h2 class="subhead1" style="text-align: center;"><span style="font-size: 18px;"><a href="/DocumentCenter/View/13543/2026-Bridge-Replacement-and-Improvement-Plan" target="_blank" rel="noopener" style="font-size: 18px;" aria-describedby="audioeye_new_window_message"><em><strong>2026 Bridge Replacement and Improvement Plan</strong></em></a></span></h2><h2 class="subhead1" style="text-align: center;"><a href="https://capemaycountynj.gov/DocumentCenter/View/13586/Ocean-Drive-Presentation--Commissioners-Mtg-6-23-2026"><em><span style="font-size: 18px;"><strong>Ocean Drive (CR 621) Upgrades and Bridge Improvements Preliminary Engineering</strong></span></em></a> </h2><p style="text-align: center;"><a href="https://www.facebook.com/reel/1792885304979371" target="_blank" rel="noopener" aria-describedby="audioeye_new_window_message"><em><strong>Middle Thorofare Bridge Improvement 3D Animation</strong></em></a></p><p><br></p> 1409 </div> 1410
1411<script type="text/javascript"> 1412 $(document).ready(function (e) { 1413 renderSlideshowIfApplicable($('#divEditor' + 'a8dc3cb5-c8ac-48ab-ba30-6097060b80b3')); 1414 }); 1415</script>
1415 1416</div> 1417 1418 </div> <!-- inner column --> 1419 1420 </div> <!-- inner row --> 1421 1422 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1423 1424 1425 </div> 1426 1427 </div> 1428 1429 1430 <div class="newCP"> 1431 1432 </div> 1433</div> 1434</div> 1435</div> 1436</div></div> 1437</div><!-- News / Alerts --><div data-cpRole="structuralContainer" id="homeContainer1"> 1438<div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="ccf9abaf7a-8736-459b-9546-3f990b627e40" data-containerid="f9abaf7a-8736-459b-9546-3f990b627e40" class="pageContent cpGrid cpGrid24 showInMobile"> 1439 1440 1441 <div class="row outer wide"><!-- 1442--><div class="outer col col24 first last" style="" data-widgetcontainerid="f6043b2a-8aa7-414a-8960-bbd0923c8068">� 1443 <div class="row nest first last wide">� 1444 1445 <div class="inner col col24 first last id54c8ae78-8297-4020-aed0-622bcd40255f" style="" data-widgetcontainerid="54c8ae78-8297-4020-aed0-622bcd40255f">� 1446 <div data-widget-id="27505ab2-988c-4c5b-88dc-1417a0f3e989" data-widget-controller-path="/InfoAdvanced/Widget"> 1447 1448 1449 1450 1451 1452 <section id="divInfoAdv27505ab2-988c-4c5b-88dc-1417a0f3e989" class="widget widgetInfoAdvanced skin95 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1453 <header class="widgetHeader" id="header27505ab2-988c-4c5b-88dc-1417a0f3e989"> 1454 <div class=""> 1455 </div> 1456 </header> 1457 <div class="widgetBody cpGrid cpGrid1 "> 1458 <div class="row wide"> 1459 <div class="col col1 first last"> 1460 <ol class="pageStyles semanticList"> 1461 1462<li class="InfoAdvanced widgetItem fr-view"> 1463 <h2 class="subhead1">News & Alerts</h2> 1464</li> 1465<li class="InfoAdvanced widgetItem fr-view"> 1466 <p>Stay Informed</p> 1467</li> </ol> 1468 </div> 1469 </div> 1470 </div> 1471 <div class="widgetFooter"> 1472 1473 </div> 1474 1475 </section> 1476 1477 1478
1479<script type="text/javascript"> 1480 //Render slideshow if info advacned items contain one. 1481 $(document).ready(function (e) { 1482 $('#divInfoAdv27505ab2-988c-4c5b-88dc-1417a0f3e989 .InfoAdvanced.widgetItem').each(function () { 1483 renderSlideshowIfApplicable($(this)); 1484 }); 1485 }); 1486</script>
1486</div> 1487 </div> <!-- inner column --> 1488 1489 </div> <!-- inner row --> 1490 1491 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1492 <div class="row outer wide"><!-- 1493--><div class="outer col col24 first last" style="" data-widgetcontainerid="1081e2a6-f2f1-4bef-a144-cff3a778aee5">� 1494 <div class="row nest first last wide">� 1495 1496 <div class="inner col col24 first last id461a3a24-3b1c-4fa9-b31d-f9fd379e52a8" style="" data-widgetcontainerid="461a3a24-3b1c-4fa9-b31d-f9fd379e52a8">� 1497<div data-widget-id="ee0760cb-d720-467b-9c16-92091936c8b9" data-widget-controller-path="/AlertCenter/Widget"> 1498 1499 1500 1501 1502 1503 1504 <style scoped type="text/css">.widgetOptionSet9 a.widgetNotifyMe.alignLeft { background: #E8EDF1; border-radius: 3px; margin:0 0 0.5em 0; color:#1F9BAB; padding:0.35em 1em; font-family:Montserrat; font-size:1.1em; text-decoration:none !important;}</style> 1505<div class="widget widgetAlertCenter skin94 widgetOptionSet53" data-modulewidgettype="alertCenter"> 1506 <div class="widgetHeader" id="alertHeaderee0760cb-d720-467b-9c16-92091936c8b9"> 1507 <div class=""> 1508 </div> 1509 </div> 1510 <div class="widgetBody"> 1511 <ol class="semanticList full" style=""> 1512 1513 1514 <li class="widgetItem alertOn three"> 1515 <h4 class="widgetTitle"><a style="cursor: pointer;" href="/AlertCenter.aspx?AID=969">COASTAL & MARINE HAZARDS THIS WEEK BRIEFING 5</a></h4> 1516 <div class="widgetDesc"> 1517 Click on the link to the latest weather briefing with the latest information on multiple coastal and marine hazards expected this week. 1518 <a href="/AlertCenter.aspx?AID=969" class="readOn"><span class="visuallyHidden">COASTAL & MARINE HAZARDS THIS WEEK BRIEFING 5</span><span aria-hidden="true">Read On...</span></a> 1519 </div> 1520 </li> 1521 </ol> 1522 <ol class="widgetItem semanticList basic"> 1523 1524 1525 1526 <li class="widgetItem alertOn ten"> 1527 <a href="/AlertCenter.aspx?AID=859"> Fare Free Transportation Service Announcements</a> 1528 </li> 1529 </ol> 1530 </div> 1531 <div class="widgetFooter"> 1532 </div> 1533 <div class="addItemModal hidden"> 1534 <div class="url hidden">/AlertCenter.aspx</div> 1535 </div> 1536</div></div> 1537 1538 </div> <!-- inner column --> 1539 1540 </div> <!-- inner row --> 1541 1542 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1543 <div class="row outer wide"><!-- 1544--><div class="outer col col24 first last" style="" data-widgetcontainerid="adb9518c-36d5-4889-9b25-3e24cd1296fc">� 1545 <div class="row nest first last wide">� 1546 1547 <div class="inner col col24 first last id91f18fdc-ea96-4d2f-a086-2200f0e1017e" style="" data-widgetcontainerid="91f18fdc-ea96-4d2f-a086-2200f0e1017e">� 1548<div data-widget-id="2fa3f7c2-cee0-474e-a863-a6fafce18cfd" data-widget-controller-path="/NewsFlash/Widget"> 1549 1550 1551 1552 1553 1554 1555 1556 1557 1558 1559 1560 1561 1562 1563 1564 <section class="widget widgetNewsFlash skin93 widgetOptionSet52 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash2fa3f7c2-cee0-474e-a863-a6fafce18cfd" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> 1565 <div class="widgetBody cpGrid cpGrid2 "> 1566 <div class="row wide" style=""> 1567 <div class="col col1 first "> 1568 <ol class="semanticList"> 1569 <li class="widgetItem" data-news-i-d="1660"> 1570 1571 <h2 id="newsFlashItemHeader1660" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1660" target="_self">
1571Cape May County Health Department 2026 Flu Clinic Schedule </a> 1572</h2><div class="widgetDesc"> 1573The Cape May County Health Department released its schedule for Flu Clinics for 2026. <a href="/CivicAlerts.aspx?AID=1660" target="_self" id="newsFlashReadOn1660" aria-label="Read on...: Cape May County Health Department 2026 Flu Clinic Schedule" class="readOn">Read on...</a> 1574</div> 1575 1576 </li> 1577 </ol> 1578 </div> 1579 <div class="col col1 last"> 1580 <ol class="semanticList"> 1581 <li class="widgetItem" data-news-i-d="1659"> 1582 1583 <h2 id="newsFlashItemHeader1659" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=1659" target="_self">Cape May County Commissioners Formally Oppose NJ Sanctuary Laws </a> 1584</h2><div class="widgetDesc"> 1585The Cape May County Board of County Commissioners has unanimously adopted a resolution formally opposing a series of recently enacted New Jersey laws that restrict cooperation between state and local law enforcement and federal immigration authorities. <a href="/CivicAlerts.aspx?AID=1659" target="_self" id="newsFlashReadOn1659" aria-label="Read on...: Cape May County Commissioners Formally Oppose NJ Sanctuary Laws" class="readOn">Read on...</a> 1586</div> 1587 1588 </li> 1589 </ol> 1590 </div> 1591 </div> 1592 1593 <a id="newsFlashViewAll2fa3f7c2-cee0-474e-a863-a6fafce18cfd" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=6,25,16,18,27">View All News</a> 1594 </div> 1595 <div class="widgetFooter"> 1596 </div> 1597 <div class="addItemModal hidden"> 1598 <div class="url hidden">/CivicAlerts.aspx</div> 1599 </div> 1600 1601 </section> 1602 1603 1604 1605 1606 1607 1608 1609 1610</div> 1611 </div> <!-- inner column --> 1612 1613 </div> <!-- inner row --> 1614 1615 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1616 1617 1618 </div> 1619</div></div> 1620</div><!-- Calendar --><div data-cpRole="structuralContainer" id="homeContainer2" class="noOverflowTS"> 1621<div data-cpRole="banner" id="banner2"><div data-cpRole="structuralContainer" id="bannerSizing2TS"><div class="inner"><div class="inner"> 1622<div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="ccfe65ebef-461a-4ed2-a8d3-2e6193338439" data-containerid="fe65ebef-461a-4ed2-a8d3-2e6193338439" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60"> 1623 1624 1625 <div class="row outer wide"><!-- 1626--><div class="outer col col24 first last" style="" data-widgetcontainerid="384ce37d-a6f4-4c40-833f-92848e2bbdb3">� 1627 <div class="row nest first last wide">� 1628 1629 <div class="inner col col24 first last id80acfd8a-0950-4be5-8826-a29520deb7b2" style="" data-widgetcontainerid="80acfd8a-0950-4be5-8826-a29520deb7b2">� 1630 <div data-widget-id="9c655256-2690-4300-899f-4b0631babe42" data-widget-controller-path="/InfoAdvanced/Widget"> 1631 1632 1633 1634 1635 1636 <section id="divInfoAdv9c655256-2690-4300-899f-4b0631babe42" class="widget widgetInfoAdvanced skin91 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1637 <header class="widgetHeader" id="header9c655256-2690-4300-899f-4b0631babe42"> 1638 <div class=""> 1639 </div> 1640 </header> 1641 <div class="widgetBody cpGrid cpGrid1 "> 1642 <div class="row wide"> 1643 <div class="col col1 first last"> 1644 <ol class="pageStyles semanticList"> 1645 1646<li class="InfoAdvanced widgetItem fr-view"> 1647 <h2 class="subhead1">Connect with Us</h2> 1648</li> 1649<li class="InfoAdvanced widgetItem fr-view"> 1650 <p>Stay up to Date</p> 1651</li> </ol> 1652 </div> 1653 </div> 1654 </div> 1655 <div class="widgetFooter"> 1656 1657 </div> 1658 1659 </section> 1660 1661 1662
1663<script type="text/javascript"> 1664 //Render slideshow if info advacned items contain one. 1665 $(document).ready(function (e) { 1666 $('#divInfoAdv9c655256-2690-4300-899f-4b0631babe42 .InfoAdvanced.widgetItem').each(function () { 1667 renderSlideshowIfApplicable($(this)); 1668 }); 1669 }); 1670</script>
1670</div> 1671 </div> <!-- inner column --> 1672 1673 </div> <!-- inner row --> 1674 1675 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1676 <div class="row outer wide"><!-- 1677--><div class="outer col col15 first" style="" data-widgetcontainerid="855e52e5-4aac-4bdd-b126-2b2e58e18fee">� 1678 <div class="row nest first last wide">� 1679 1680 <div class="inner col col15 first last id9142ffd2-5df0-4203-aff1-54418ad111a0" style="" data-widgetcontainerid="9142ffd2-5df0-4203-aff1-54418ad111a0">� 1681<div data-widget-id="f9388ae1-cca6-4374-a852-a4fca099dea1" data-widget-controller-path="/Calendar/Widget"> 1682
1682<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
1682 1683 1684 1685 1686 1687 1688 1689 1690 1691 1692 1693 1694 1695 1696 1697 1698 1699 1700 1701 1702 1703 1704 1705 1706 1707 1708 1709 1710 1711 1712<div id="widgetCalendarf9388ae1-cca6-4374-a852-a4fca099dea1" class="widget widgetCalendar skin89 widgetOptionSet49 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 1713 <div class="widgetBody cpGrid cpGrid3 mediaAbove"> 1714 <div class="calendarInnerWrapper"> 1715 1716 1717<div data-minicalendar="true" class="miniCalendar" style=""> 1718<div id="miniCalendarAnnouncementf9388ae1-cca6-4374-a852-a4fca099dea1" aria-live="polite" aria-atomic="true" class="visuallyhidden"></div> 1719<input type="hidden" name="monthToRender" data-year="2026" data-month="09" /> 1720<h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" role="presentation"><button aria-label="Previous Month, current month September 2026, go to August 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><span class="cp-miniCalendar-title" id="miniCalendarHeaderf9388ae1-cca6-4374-a852-a4fca099dea1" role="heading" aria-level="3">September 2026</span><button aria-label="Next Month, current month September 2026, go to October 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> 1721 <table role="grid" aria-labelledby="miniCalendarHeaderf9388ae1-cca6-4374-a852-a4fca099dea1" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> 1722 <thead> 1723 <tr> 1724<th scope="col"><abbr title=" 1725Sunday 1726"> 1727Sun 1728</abbr></th> 1729<th scope="col"><abbr title=" 1730Monday 1731"> 1732Mon 1733</abbr></th> 1734<th scope="col"><abbr title=" 1735Tuesday 1736"> 1737Tue 1738</abbr></th> 1739<th scope="col"><abbr title=" 1740Wednesday 1741"> 1742Wed 1743</abbr></th> 1744<th scope="col"><abbr title=" 1745Thursday 1746"> 1747Thu 1748</abbr></th> 1749<th scope="col"><abbr title=" 1750Friday 1751"> 1752Fri 1753</abbr></th> 1754<th scope="col"><abbr title=" 1755Saturday 1756"> 1757Sat 1758</abbr></th> 1759 1760 </tr> 1761 </thead> 1762 <tbody> 1763<tr><td class="not"><span><time datetime="2026-08-30">30</time></span></td> 1764 1765<td class="not"><span><time datetime="2026-08-31">31</time></span></td> 1766 1767<td><span><time datetime="2026-09-01"> 1</time></span></td> 1768 1769<td><span><time datetime="2026-09-02"> 2</time></span></td> 1770 1771<td><span><time datetime="2026-09-03"> 3</time></span></td> 1772 1773<td><span><time datetime="2026-09-04"> 4</time></span></td> 1774 1775<td><span><time datetime="2026-09-05"> 5</time></span></td> 1776 1777</tr> 1778<tr><td><span><time datetime="2026-09-06"> 6</time></span></td> 1779 1780<td><span><time datetime="2026-09-07"> 7</time></span></td> 1781 1782<td><span><time datetime="2026-09-08">
1782 8</time></span></td> 1783 1784<td><span><time datetime="2026-09-09"> 9</time></span></td> 1785 1786<td><span><time datetime="2026-09-10">10</time></span></td> 1787 1788<td><span><time datetime="2026-09-11">11</time></span></td> 1789 1790<td><span><time datetime="2026-09-12">12</time></span></td> 1791 1792</tr> 1793<tr><td><span><time datetime="2026-09-13">13</time></span></td> 1794 1795<td><span><time datetime="2026-09-14">14</time></span></td> 1796 1797<td><span><time datetime="2026-09-15">15</time></span></td> 1798 1799<td><span><time datetime="2026-09-16">16</time></span></td> 1800 1801<td><span><time datetime="2026-09-17">17</time></span></td> 1802 1803<td><span><time datetime="2026-09-18">18</time></span></td> 1804 1805<td><span><time datetime="2026-09-19">19</time></span></td> 1806 1807</tr> 1808<tr><td><span><time datetime="2026-09-20">20</time></span></td> 1809 1810<td><span><time datetime="2026-09-21">21</time></span></td> 1811 1812<td><span><time datetime="2026-09-22">22</time></span></td> 1813 1814<td><span><time datetime="2026-09-23">23</time></span></td> 1815 1816<td class="today"><span><time datetime="2026-09-24">24</time></span></td> 1817 1818<td><span><time datetime="2026-09-25">25</time></span></td> 1819 1820<td><span><time datetime="2026-09-26">26</time></span></td> 1821 1822</tr> 1823<tr><td><span><time datetime="2026-09-27">27</time></span></td> 1824 1825<td><span><time datetime="2026-09-28">28</time></span></td> 1826 1827<td><span><time datetime="2026-09-29">29</time></span></td> 1828 1829<td><span><time datetime="2026-09-30">30</time></span></td> 1830 1831<td class="not"><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=1&CID=14,43'><time datetime="2026-10-01"> 1</time></a></td> 1832 1833<td class="not"><span><time datetime="2026-10-02"> 2</time></span></td> 1834 1835<td class="not"><span><time datetime="2026-10-03"> 3</time></span></td> 1836 1837</tr> 1838 1839 </tbody> 1840 </table> 1841</div> 1842 1843 1844 1845
1845<script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script>
1845 1846
1846<script> 1847 $(function () { 1848 var miniCalendar = new MiniCalendar(); 1849 miniCalendar.init({ 1850 widgetId: "f9388ae1-cca6-4374-a852-a4fca099dea1", 1851 preventNavigationOnArrows: false, 1852 displayDatesOutsideOfCurrentMonth: true 1853 }); 1854 }); 1855 </script>
1855 1856 1857 1858 1859 1860 1861 1862 1863 1864<div class="row narrow" data-event-list-row="true" style=""> 1865 1866
1867<script src="/Scripts/jquery.urlToLink.min.js"></script>
1867 1868<input type="hidden" value="[]" name="day-list" /> 1869 1870 <p class="widgetItem">There are no published events in current month.</p> 1871 1872</div> 1873 </div> 1874 <a id="calendarViewAllf9388ae1-cca6-4374-a852-a4fca099dea1" class="widgetViewAll" style="" href="/calendar.aspx?CID=14,43">View All Events</a> 1875 </div> 1876 <div class="widgetFooter"> 1877 1878 </div> 1879 <div class="addItemModal hidden"> 1880 <div class="url hidden">/Calendar.aspx</div> 1881 </div> 1882</div> 1883</div> 1884 1885 </div> <!-- inner column --> 1886 1887 </div> <!-- inner row --> 1888 1889 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="5d13e4e3-276f-4994-a6d1-6669a528cae8">� 1890 <div class="row nest first last wide">� 1891 1892 <div class="inner col col1 first last id7ee45d28-4178-4be4-aef9-31dc99ff34a9" style="" data-widgetcontainerid="7ee45d28-4178-4be4-aef9-31dc99ff34a9">� 1893 1894<div class="widget widgetSpacer" id="992d32b7-b882-45da-b56f-3369a268e118"></div> 1895 </div> <!-- inner column --> 1896 1897 </div> <!-- inner row --> 1898 1899 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="09c84364-f1dc-4101-90d0-2eadf2cda5b4">� 1900 <div class="row nest first last wide">� 1901 1902 <div class="inner col col8 first last idf4c11282-8947-465d-b8cc-6ee5de807f5e" style="" data-widgetcontainerid="f4c11282-8947-465d-b8cc-6ee5de807f5e">� 1903 1904 <div id="divTabbedab442e4a-ed39-449c-a03e-541306773ce5" class="widget widgetTabbed wide skin90" data-widgetid="ab442e4a-ed39-449c-a03e-541306773ce5"> 1905 <ol class="tabbedWidget cpTabs " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" "> 1906 <!-- 1907 --><li style="width: 96%;" class="active" role="presentation"> <a href="#tabab442e4a-ed39-449c-a03e-541306773ce5_0" class="tabButton" id="tabBtnab442e4a-ed39-449c-a03e-541306773ce5_0" role="tab" aria-controls="tabab442e4a-ed39-449c-a03e-541306773ce5_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Facebook" contenteditable="false">Facebook</span></a> 1908</li><!-- 1909 --> 1910 </ol> 1911 1912 <div class="cpTabPanels"> 1913 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 1914 <li class="active" role="presentation"> <a href="#tabab442e4a-ed39-449c-a03e-541306773ce5_0" class="tabButton" id="tabBtnNarrowab442e4a-ed39-449c-a03e-541306773ce5_0" role="tab" aria-controls="tabab442e4a-ed39-449c-a03e-541306773ce5_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Facebook" contenteditable="false">Facebook</span></a> 1915</li> 1916 </ol> 1917 <div class="tabbedWidget cpTabPanel showing" style="" id="tabab442e4a-ed39-449c-a03e-541306773ce5_0" role="tabpanel" aria-labelledby="tabBtnab442e4a-ed39-449c-a03e-541306773ce5_0" tabindex="-1"> 1918 1919 1920 <div data-widget-id='0cec0e21-7969-4abc-91b9-f318651cdb3b' data-moduleName="customHtml" id='widgetCustomHtml0cec0e21-7969-4abc-91b9-f318651cdb3b' class="widget widgetCustomHtml skin90 narrow" > 1921 <div class="widgetBody pageStyles" id="widgetBody0cec0e21-7969-4abc-91b9-f318651cdb3b"> 1922 <div id="customHtml0cec0e21-7969-4abc-91b9-f318651cdb3b"><div><div class="facebook-container"> 1923<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2FCMCGovernment&tabs=timeline&width=410&height=512&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="410" height="512" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> 1924</div> 1925 1926<!-- THIS SCRIPT WAS ESTABLISHED TO ALLOW FOR RESPONSIVE RESIZING OF THE FACEBOOK IFRAME --> 1927 1928<!-- THIS SCRIPT USES A FOR STATEMENT AND A "WIDTH CLAMP" ON THE PARENT DIV TO ITERATE OVER ALL FACEBOOK WIDGETS AND RESIZE THEM APPROPRIATELY. --> 1929 1930<style> 1931 [class^="facebook-container"] { 1932 text-align: center; 1933 } 1934 1935</style> 1936
1937<script> 1938 (function () { 1939 // If you do not want to maintain aspect ratio: set to zero 1940 const aspectRatio = 1.4; 1941 const selectors = [".facebook-container"]; 1942 const minWidth = 220; 1943 const maxWidth = 500; // Facebook widget will not expand past 500 1944 const minHeight = 450; 1945 const maxHeight = 450; 1946 const widthRegexp = /(width=)([0-9]+)/; 1947 const heightRegexp = /(height=)([0-9]+)/; 1948 1949 let width = 0; 1950 let height = 0; 1951 1952 function clamp__TS(num, min, max) { 1953 return Math.min(Math.max(num, min), max); 1954 } 1955 1956 function adjustFacebookContainers__TS() { 1957 for (const sel of selectors) { 1958 adjustContainer__TS(sel); 1959 } 1960 } 1961 1962 function adjustContainer__TS(selector) { 1963 const container = $(selector); 1964 const frame = $(selector + " > iframe"); 1965 if (frame === undefined || frame.length === 0) { 1966 console.warn("No facebook widget found..."); 1967 } else { 1968 const rawSrc = frame.attr("src"); 1969 const containerWidth = container.width(); 1970 1971 // Container is hidden, probably "display: none;" 1972 if (containerWidth === 0) { 1973 const parents = container.parents(); 1974 for (let i = 0; i < parents.length; i++) { 1975 const parent = $(parents[i]); 1976 if (parent.css("display") === "none") { 1977 let mobileTab = parent.siblings(); 1978 mobileTab = mobileTab[mobileTab.length - 1]; 1979 if (!mobileTab) { 1980 console.error("Warning: No mobile tab found for facebook container, returning...") 1981 return; 1982 } 1983 1984 let tabbedWidget = parents.filter(function (_, e) { 1985 return e.classList.contains("widget") && e.classList.contains("widgetTabbed"); 1986 }); 1987 1988 if (tabbedWidget.length !== 1) { 1989 console.error("Warning: No tab list found for facebook container, returning...") 1990 return; 1991 } 1992 tabbedWidget = tabbedWidget[0]; 1993 1994 let desktopTab = $(tabbedWidget).select(".tabbedWidget.cpTabs"); 1995 if (desktopTab.length !== 1) { 1996 console.error("Warning: No desktop tabs found for facebook container, returning...") 1997 return; 1998 } 1999 desktopTab = desktopTab[0]; 2000 2001 /* 2002 // Get .cpTabPanels 2003 let desktopTab = parent.parent(); 2004 // Get .cpTabs 2005 desktopTab = desktopTab.siblings(); 2006 desktopTab = desktopTab[0]; 2007 // Get the matching tab (from the mobile tab text) 2008 desktopTab = $(desktopTab).children(); 2009 desktopTab = desktopTab.filter((j, elem) => $(elem).text().trim() === $(mobileTab).text().trim())[0]; 2010 console.log(desktopTab);*/ 2011 2012 const desktopHandler = () => { adjustContainer__TS(selector); desktopTab.removeEventListener("click", desktopHandler); } 2013 const mobileHandler = () => { adjustContainer__TS(selector); mobileTab.removeEventListener("click", mobileHandler); } 2014 2015 2016 desktopTab.addEventListener("click", desktopHandler); 2017 mobileTab.addEventListener("click", mobileHandler); 2018 break; 2019 } 2020 } 2021 return; 2022 } 2023 2024 width = clamp__TS(containerWidth, minWidth, maxWidth); 2025 height = clamp__TS(Math.floor(width * aspectRatio), minHeight, maxHeight); 2026 2027 // Replace src and style on iframe 2028 try { 2029 const oldWidth = rawSrc.match(widthRegexp); 2030 const oldHeight = rawSrc.match(heightRegexp); 2031 2032 if (width === parseInt(oldWidth[2]) && height === parseInt(oldHeight[2])) { 2033 return; 2034 } 2035 2036 const newSrc = rawSrc 2037 .replace(widthRegexp, "width=" + parseInt(width)) 2038 .replace(heightRegexp, "height=" + parseInt(height)); 2039 2040 // Set attributes on frame 2041 frame.attr("src", newSrc); 2042 frame.css("width", width); 2043 frame.css("height", height); 2044 } catch (e) { 2045 console.warn("Failed replacing width & height"); 2046 console.warn(e); 2047 } 2048 } 2049 } 2050 2051 let adjustTimeoutFn; 2052 $(window).load(function () { 2053 setTimeout(function () { 2054 adjustFacebookContainers__TS(); 2055 }, 750); 2056 2057 $(window).resize(function () { 2058 clearTimeout(adjustTimeoutFn); 2059 adjustTimeoutFn = setTimeout(function () { 2060 adjustFacebookContainers__TS(); 2061 }, 750); 2062 }); 2063 2064 $.when(window.Pages.angularToolbarComplete).done(function () { 2065 adjustFacebookContainers__TS(); 2066 }); 2067 }); 2068 })(); 2069</script>
2069 2070 2071<!-- End Facebook adjust --> 2072</div></div> 2073 </div> 2074 2075 </div> 2076 2077 </div> 2078 </div> 2079 </div> 2080
2080<script type="text/javascript"> 2081 2082 $.when(window.Pages.rwdReady).done(function () { 2083 var tabbedWidgetID = 'divTabbedab442e4a-ed39-449c-a03e-541306773ce5'; 2084 var mediaQuerySize = 125; 2085 if (mediaQuerySize > 0) { 2086 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2087 var $tabbedWidget = $('#' + tabbedWidgetID); 2088 2089 // Update child widget classes based on parent state 2090 var updateChildWidgetClasses = function (isParentWide) { 2091 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 2092 if (liveEditEnabled) 2093 return; 2094 2095 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 2096 2097 if (isParentWide) { 2098 $childWidgets.addClass('wide').removeClass('narrow'); 2099 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 2100 } else { 2101 $childWidgets.addClass('narrow').removeClass('wide'); 2102 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 2103 } 2104 }; 2105 2106 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 2107 deferSetup: false, 2108 setup: function () { 2109 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2110 if (!liveEditEnabled) { 2111 $tabbedWidget.addClass('narrow').removeClass('wide'); 2112 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2113 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2114 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2115 $tabbedWidget.data("tabHeightSet", false); 2116 2117 // Update child widget classes - parent is narrow 2118 updateChildWidgetClasses(false); 2119 } 2120 }, 2121 match: function () { 2122 $tabbedWidget.addClass('wide').removeClass('narrow'); 2123 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 2124 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 2125 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 2126 2127 if($tabbedWidget.data("tabHeightSet") == false) 2128 { 2129 $tabbedWidget.data("tabHeightSet", true); 2130 2131 var tabbedWidgetID = 'divTabbedab442e4a-ed39-449c-a03e-541306773ce5'; 2132 setTabbedWidgetsTabHeight(tabbedWidgetID); 2133 } 2134 $('.cpTabPanels').unbind('click'); 2135 2136 // Update child widget classes - parent is wide 2137 updateChildWidgetClasses(true); 2138 }, 2139 unmatch: function () { 2140 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2141 if (!liveEditEnabled) { 2142 $tabbedWidget.addClass('narrow').removeClass('wide'); 2143 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2144 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2145 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2146 2147 // Update child widget classes - parent is narrow 2148 updateChildWidgetClasses(false); 2149 } 2150 $('.cpTabPanels').click(function() { 2151 this.scrollIntoView(); 2152 }); 2153 } 2154 }); 2155 } 2156 }); 2157 2158 //Used for when page is initially loaded 2159 if($('#divTabbedab442e4a-ed39-449c-a03e-541306773ce5').hasClass('narrow')) 2160 { 2161 $('.cpTabPanels').click(function() { 2162 this.scrollIntoView(); 2163 }); 2164 } 2165 2166 2167 //If responsive not enabled, execute this after a timeout 2168 if(!isResponsiveEnabled) 2169 { 2170 window.setTimeout(function(){ 2171 var tabbedWidgetID = 'divTabbedab442e4a-ed39-449c-a03e-541306773ce5'; 2172 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 2173 }, 1500); 2174 } 2175 2176 function reinitCarousels() { 2177 if (window.carouselsToInit) { 2178 for (var i = 0; i < window.carouselsToInit.length; i++) { 2179 carouselsToInit[i](); 2180 } 2181 } 2182 } 2183 function sizeTabbedContent(element){ 2184 if(window.Pages){ 2185 if(window.Pages.onResizeHandlers){ 2186 var setTabbedInterval = setInterval(function () {
2187 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2188 }, 25) 2189 2190 2191 setTimeout(function () { 2192 clearInterval(setTabbedInterval); 2193 if ($.cookie("enableLiveEdit") === "true") { 2194 setInterval(function () { 2195 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2196 }, 2000); 2197 } 2198 }, 2500); 2199 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 2200 } 2201 } 2202 } 2203 2204 function adjustTab(e) { 2205 e.preventDefault(); 2206 window.setTimeout(function(){ 2207 reinitCarousels(); 2208 }, 2); 2209 sizeTabbedContent(this); 2210 } 2211 2212 var tabButtons = document.querySelectorAll("#divTabbedab442e4a-ed39-449c-a03e-541306773ce5 .tabButton"); 2213 2214 tabButtons.forEach(function (tabButton) { 2215 tabButton.addEventListener("click", adjustTab); 2216 }); 2217 2218 </script>
2218 2219 2220 2221 2222 </div> <!-- inner column --> 2223 2224 </div> <!-- inner row --> 2225 2226 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2227 2228 2229 </div> 2230</div></div></div></div> 2231</div> 2232 2233 2234 2235 2236 <div id="bannerImagesJSON107" class="hidden"></div> 2237 <div id="bannerSlideshowControls_banner2" class="bannerSlideshowControlsNew none " style="display:none"> 2238 <a id="arrowPrev_banner2" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 2239 <a id="arrowNext_banner2" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 2240 </div> 2241
2241<script type="text/javascript"> 2242 $(window).on("load", function () { 2243 $.when(window.Pages.rwdSetupComplete) 2244 .done(function () { 2245 renderExternalBannerSlideshow('banner2', 2246 {"BannerOptionID":107,"ThemeID":36,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":339,"BannerOptionID":107,"FileName":"/ImageRepository/Document?documentID=11766","Height":1190,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":11,"BannerOptionID":107,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202403250446127714.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 2247 '/App_Themes/2024 - Home/Images/', 2248 'Rotating'); 2249 }); 2250 }); 2251 </script>
2251 2252 2253</div> 2254</div><!-- Links --><div data-cpRole="structuralContainer" id="homeContainer3"> 2255<div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent3a"> <div id="cce850710c-be1c-4600-9cfb-56ef6e537e86" data-containerid="e850710c-be1c-4600-9cfb-56ef6e537e86" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60"> 2256 2257 2258 <div class="row outer wide"><!-- 2259--><div class="outer col col6 first" style="" data-widgetcontainerid="32cf7216-a03a-4b96-8c23-7efb00b03d46">� 2260 <div class="row nest first last wide">� 2261 2262 <div class="inner col col6 first last id78dca1b3-ceac-44f0-a63f-7dd70f0892c4" style="" data-widgetcontainerid="78dca1b3-ceac-44f0-a63f-7dd70f0892c4">� 2263 <div data-widget-id="938d97e3-3d1e-4e36-8d2d-958d3c2fe37d" data-widget-controller-path="/InfoAdvanced/Widget"> 2264 2265 2266 2267 2268 2269 <section id="divInfoAdv938d97e3-3d1e-4e36-8d2d-958d3c2fe37d" class="widget widgetInfoAdvanced skin92 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2270 <header class="widgetHeader" id="header938d97e3-3d1e-4e36-8d2d-958d3c2fe37d"> 2271 <div class=""> 2272 </div> 2273 </header> 2274 <div class="widgetBody cpGrid cpGrid1 "> 2275 <div class="row wide"> 2276 <div class="col col1 first last"> 2277 <ol class="pageStyles semanticList"> 2278 2279<li class="InfoAdvanced widgetItem fr-view"> 2280 <h2 class="subhead1">Popular Topics</h2> 2281</li> 2282<li class="InfoAdvanced widgetItem fr-view"> 2283 <p>Quick clicks</p> 2284</li> </ol> 2285 </div> 2286 </div> 2287 </div> 2288 <div class="widgetFooter"> 2289 2290 </div> 2291 2292 </section> 2293 2294 2295
2296<script type="text/javascript"> 2297 //Render slideshow if info advacned items contain one. 2298 $(document).ready(function (e) { 2299 $('#divInfoAdv938d97e3-3d1e-4e36-8d2d-958d3c2fe37d .InfoAdvanced.widgetItem').each(function () { 2300 renderSlideshowIfApplicable($(this)); 2301 }); 2302 }); 2303</script>
2303</div> 2304 </div> <!-- inner column --> 2305 2306 </div> <!-- inner row --> 2307 2308 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="53182de2-13d0-4bd9-9a25-d835c9842f89">� 2309 <div class="row nest first last wide">� 2310 2311 <div class="inner col col1 first last id58ac98c5-021b-4127-a85b-8d48fb0088ae" style="" data-widgetcontainerid="58ac98c5-021b-4127-a85b-8d48fb0088ae">� 2312 2313<div class="widget widgetSpacer" id="4f13bded-ac3e-4638-a31c-50db694fd72d"></div> 2314 </div> <!-- inner column --> 2315 2316 </div> <!-- inner row --> 2317 2318 </div><!-- outer column --><!----><div class="outer col col17 last" style="" data-widgetcontainerid="720b91e6-0e43-4a1a-847c-39183b1f16ea">� 2319 <div class="row nest first last wide">� 2320 2321 <div class="inner col col17 first last ideb16a8e2-f3a5-4219-bb34-9c741d458034" style="" data-widgetcontainerid="eb16a8e2-f3a5-4219-bb34-9c741d458034">� 2322 <div data-widget-id="42de2d22-2bcc-4737-bb70-eea8757fb7ea" data-widget-controller-path="/QuickLinks/Widget"> 2323 2324 2325 2326 2327 2328 2329 2330 2331 <section id="widgetQuicklink42de2d22-2bcc-4737-bb70-eea8757fb7ea" class="widget widgetQuickLinks skin88 widgetOptionSet28 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 2332 <header class="widgetHeader" id="quickLinksHeader42de2d22-2bcc-4737-bb70-eea8757fb7ea"> 2333 <div class=""> 2334 </div> 2335 </header> 2336 <div class="widgetBody cpGrid cpGrid3 "> 2337 <div class="row narrow"> 2338 <div class="col col1 first "> 2339 <ol class="semanticList"> 2340 2341 <li style="position:relative" class="widgetItem QuickLinks"> 2342 <a class="widgetDesc widgetQuickLinksLink" href="https://capemaycountynj.gov/586/Board-of-County-Commissioners" target="_self" >Board of County Commissioners</a> 2343 <div class="widgetMeta"></div> 2344 </li> 2345 2346 <li style="position:relative" class="widgetItem QuickLinks"> 2347 <a class="widgetDesc widgetQuickLinksLink" href="http://capemaycountynj.gov/149/Emergency-Management" target="_self" >Emergency Management</a> 2348 <div class="widgetMeta"></div> 2349 </li> 2350 2351 <li style="position:relative" class="widgetItem QuickLinks"> 2352 <a class="widgetDesc widgetQuickLinksLink" href="/433/Cape-May-County-Data-Book" target="_self" >Cape May County Data Book</a> 2353 <div class="widgetMeta"></div> 2354 </li> 2355 </ol> 2356 </div> 2357 <div class="col col1 "> 2358 <ol class="semanticList"> 2359 2360 <li style="position:relative" class="widgetItem QuickLinks"> 2361 <a class="widgetDesc widgetQuickLinksLink" href="/Archive.aspx?AMID=36" target="_self" >County Adopted and Introduced Budgets</a> 2362 <div class="widgetMeta"></div> 2363 </li> 2364 2365 <li style="position:relative" class="widgetItem QuickLinks"> 2366 <a class="widgetDesc widgetQuickLinksLink" href="http://www.avesnj.org/" target="_self" >Avalon Elementary School</a> 2367 <div class="widgetMeta"></div> 2368 </li> 2369 2370 <li style="position:relative" class="widgetItem QuickLinks"> 2371 <a class="widgetDesc widgetQuickLinksLink" href="https://www.cmcboe.org/" target="_self" >Cape May City Elementary</a> 2372 <div class="widgetMeta"></div> 2373 </li> 2374 </ol> 2375 </div> 2376 <div class="col col1 last"> 2377 <ol class="semanticList"> 2378 2379 <li style="position:relative" class="widgetItem QuickLinks"> 2380 <a class="widgetDesc widgetQuickLinksLink" href="http://www.cmcspecialservices.org/" target="_self" >Cape May County Special Services School District</a> 2381 <div class="widgetMeta"></div> 2382 </li> 2383 2384 <li style="position:relative" class="widgetItem QuickLinks"> 2385 <a class="widgetDesc widgetQuickLinksLink" href="http://www.capemaytech.com/" target="_self" >Cape May County Technical School District</a> 2386 <div class="widgetMeta"></div> 2387 </li> 2388 2389 <li style="position:relative" class="widgetItem QuickLinks"> 2390 <a class="widgetDesc widgetQuickLinksLink" href="http://www.dennistwpschools.org/" target="_self" >Dennis Township School District</a> 2391 <div class="widgetMeta"></div> 2392 </li> 2393 </ol> 2394 </div> 2395 </div> 2396 2397 </div> 2398 <div class="widgetFooter"> 2399 </div> 2400 <div class="addItemModal hidden"> 2401 <div class="url hidden">/QuickLinks.aspx</div> 2402 </div> 2403 2404 </section> 2405</div> 2406 2407 </div> <!-- inner column --> 2408 2409 </div> <!-- inner row --> 2410 2411 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2412 2413 2414 </div> 2415</div></div> 2416</div> 2417</main><!-- Footer --><div data-cpRole="structuralContainer" id="footerWrapTS"><div class="inner"><div class="inner"> 2418<footer data-cpRole="structuralContainer" id="footerContainerTS"> 2419<div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS"> <div id="cce1a233d2-62f6-4d3f-ab12-1b8073882f92" data-containerid="e1a233d2-62f6-4d3f-ab12-1b8073882f92" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> 2420 2421 2422 <div class="row outer wide"><!-- 2423--><div class="outer col col4 first" style="" data-widgetcontainerid="c19edce5-f8fb-4012-a796-3d6291066266">� 2424 <div class="row nest first last wide">� 2425 2426 <div class="inner col col4 first last id6f967993-e4df-4f4d-aac2-7bc056f524ee" style="" data-widgetcontainerid="6f967993-e4df-4f4d-aac2-7bc056f524ee">� 2427 <div data-widget-id="d38499de-a500-4b05-8a2c-bb77ccea8832" data-widget-controller-path="/InfoAdvanced/Widget"> 2428 2429 2430 2431 2432 2433 <section id="divInfoAdvd38499de-a500-4b05-8a2c-bb77ccea8832" class="widget widgetInfoAdvanced skin84 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2434 <header class="widgetHeader" id="headerd38499de-a500-4b05-8a2c-bb77ccea8832"> 2435 <div class=""> 2436 </div> 2437 </header> 2438 <div class="widgetBody cpGrid cpGrid1 "> 2439 <div class="row wide"> 2440 <div class="col col1 first last"> 2441 <ol class="pageStyles semanticList"> 2442 2443<li class="InfoAdvanced widgetItem fr-view"> 2444 <p><a href="/"><img src="/ImageRepository/Document?documentId=11754" class="fr-dib" alt="Cape May County New Jersey Homepage"></a></p> 2445</li> </ol> 2446 </div> 2447 </div> 2448 </div> 2449 <div class="widgetFooter"> 2450 2451 </div> 2452 2453 </section> 2454 2455 2456
2457<script type="text/javascript"> 2458 //Render slideshow if info advacned items contain one. 2459 $(document).ready(function (e) { 2460 $('#divInfoAdvd38499de-a500-4b05-8a2c-bb77ccea8832 .InfoAdvanced.widgetItem').each(function () { 2461 renderSlideshowIfApplicable($(this)); 2462 }); 2463 }); 2464</script>
2464</div> 2465 </div> <!-- inner column --> 2466 2467 </div> <!-- inner row --> 2468 2469 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="bddf68b0-57b6-4dff-b368-b228d6e8fa0f">� 2470 <div class="row nest first last wide">� 2471 2472 <div class="inner col col1 first last id11be2e2a-46d5-45fe-a068-e76127ce4d31" style="" data-widgetcontainerid="11be2e2a-46d5-45fe-a068-e76127ce4d31">� 2473 2474<div class="widget widgetSpacer" id="ea9f4269-cf30-42b0-a074-63304d011601"></div> 2475 </div> <!-- inner column --> 2476 2477 </div> <!-- inner row --> 2478 2479 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="a90b56b3-f1fa-4d3e-88ee-1f1c23c2efb6">� 2480 <div class="row nest first last wide">� 2481 2482 <div class="inner col col4 first last id830ac482-5e96-4bfa-8a4f-192b3aae0d73" style="" data-widgetcontainerid="830ac482-5e96-4bfa-8a4f-192b3aae0d73">� 2483 <div data-widget-id="97c43b83-0bec-4021-b3c0-019a4ff003af" data-widget-controller-path="/InfoAdvanced/Widget"> 2484 2485 2486 2487 2488 2489 <section id="divInfoAdv97c43b83-0bec-4021-b3c0-019a4ff003af" class="widget widgetInfoAdvanced skin85 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header97c43b83-0bec-4021-b3c0-019a4ff003af"> 2490 <header class="widgetHeader" id="header97c43b83-0bec-4021-b3c0-019a4ff003af">
2491 <div class=""> 2492 <h3 >Contact Us</h3> 2493 </div> 2494 </header> 2495 <div class="widgetBody cpGrid cpGrid1 "> 2496 <div class="row wide"> 2497 <div class="col col1 first last"> 2498 <ol class="pageStyles semanticList"> 2499 2500<li class="InfoAdvanced widgetItem fr-view"> 2501 <p><strong style="text-transform:uppercase;">County Offices:</strong></p><p>William E. Sturm, Jr.</p><p>Administration Building</p><p>4 Moore Road</p><p>Cape May Court House, NJ 08210</p><p>Phone: <a href="tel:6094651000">609-465-1000</a><span><a href="https://www.google.com/maps/place/Cape+May+County+Health+Department/@39.1040513,-74.8007411,17z/data=!4m2!3m1!1s0x0000000000000000:0xd3d4d615bb0da976" target="_self" class="Hyperlink"></a></span></p><p><span><a href="https://www.google.com/maps/place/Cape+May+County+Health+Department/@39.1040513,-74.8007411,17z/data=!4m2!3m1!1s0x0000000000000000:0xd3d4d615bb0da976" target="_self" class="Hyperlink">Directions</a> <br></span></p> 2502</li> </ol> 2503 </div> 2504 </div> 2505 </div> 2506 <div class="widgetFooter"> 2507 2508 </div> 2509 2510 </section> 2511 2512 2513
2514<script type="text/javascript"> 2515 //Render slideshow if info advacned items contain one. 2516 $(document).ready(function (e) { 2517 $('#divInfoAdv97c43b83-0bec-4021-b3c0-019a4ff003af .InfoAdvanced.widgetItem').each(function () { 2518 renderSlideshowIfApplicable($(this)); 2519 }); 2520 }); 2521</script>
2521</div> 2522 </div> <!-- inner column --> 2523 2524 </div> <!-- inner row --> 2525 2526 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="7c4df1ad-8915-4413-b6c1-b2f20ac1c1d3">� 2527 <div class="row nest first last wide">� 2528 2529 <div class="inner col col1 first last id79ed907e-9fcf-424a-bb2f-4eb093ac3fcd" style="" data-widgetcontainerid="79ed907e-9fcf-424a-bb2f-4eb093ac3fcd">� 2530 2531<div class="widget widgetSpacer" id="7bc809e5-fc7a-4748-8a2c-d406dd16f76f"></div> 2532 </div> <!-- inner column --> 2533 2534 </div> <!-- inner row --> 2535 2536 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="c3868536-9b7a-4cb0-bc0f-a63fe2ef9d70">� 2537 <div class="row nest first last wide">� 2538 2539 <div class="inner col col5 first last idebe250ba-1db4-4b92-8adc-b43ee59a1c94" style="" data-widgetcontainerid="ebe250ba-1db4-4b92-8adc-b43ee59a1c94">� 2540<div data-widget-id="caa709d4-d169-4c7c-80de-3dbe738841da" data-widget-controller-path="/Faq/Widget"> 2541 2542 2543 2544 2545 2546 2547 2548 2549 <section id="widgetFaqcaa709d4-d169-4c7c-80de-3dbe738841da" class="widget widgetFAQ skin82 widgetOptionSet27 narrow" data-modulewidgettype="FAQ" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="faqHeadercaa709d4-d169-4c7c-80de-3dbe738841da"> 2550 <header class="widgetHeader" id="faqHeadercaa709d4-d169-4c7c-80de-3dbe738841da"> 2551 <div class=""> 2552 <h3><a href="/Faq.aspx?TID=18">FAQs</a></h3> 2553 </div> 2554 </header> 2555 <div class="widgetBody pageStyles cpGrid cpGrid1 "> 2556 <div class="row narrow"> 2557 <link href="/Areas/FAQ/Assets/Styles/Widget.css" rel="stylesheet" /> 2558 <div class="col col1"> 2559 <ol class="semanticList bullets" style="columns: 1"> 2560 2561 2562 <li style="position: relative" class="widgetItem"> 2563 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=93">Where are the public boat ramps?</a> 2564 </li> 2565 2566 2567 <li style="position: relative" class="widgetItem"> 2568 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=94">How do I find the County Court House?</a> 2569 </li> 2570 2571 2572 <li style="position: relative" class="widgetItem"> 2573 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=491">What is a Commissioner?</a> 2574 </li> 2575 </ol> 2576 </div> 2577 </div> 2578 </div> 2579 <div class="widgetFooter"> 2580 </div> 2581 <div class="addItemModal hidden"> 2582 <div class="url hidden">/FAQ.aspx</div> 2583 </div> 2584 2585 </section> 2586 2587
2588<script> 2589 function handleExpandCollapse(e) { 2590 const element = e.currentTarget; 2591 const answer = document.getElementById(element.getAttribute("aria-controls")).parentElement; 2592 const expandArrow = element.getElementsByClassName("widgetFAQ--arrow")[0]; 2593 if (answer.classList.contains("hidden")) { 2594 expandArrow.classList.add('widgetFAQ--arrow-expanded'); 2595 expandArrow.classList.remove('widgetFAQ--arrow-collapsed'); 2596 answer.classList.remove("hidden"); 2597 element.setAttribute("aria-expanded", "true"); 2598 } else { 2599 expandArrow.classList.add('widgetFAQ--arrow-collapsed'); 2600 expandArrow.classList.remove('widgetFAQ--arrow-expanded'); 2601 answer.classList.add("hidden"); 2602 element.setAttribute("aria-expanded", "false"); 2603 } 2604 e.preventDefault(); 2605 e.stopImmediatePropagation(); 2606 e.stopPropagation(); 2607 } 2608 document.querySelectorAll(".widgetFAQ--question a").forEach(element => { 2609 // When the link is clicked, expand or collapse the answer 2610 element.addEventListener("click", handleExpandCollapse); 2611 }); 2612</script>
2612 2613</div> 2614 2615 </div> <!-- inner column --> 2616 2617 </div> <!-- inner row --> 2618 2619 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="e2146ad4-e9f4-47b9-a2b4-5794b294373c">� 2620 <div class="row nest first last wide">� 2621 2622 <div class="inner col col1 first last id4fb67752-b0f7-4665-84ea-cfd75b549ba5" style="" data-widgetcontainerid="4fb67752-b0f7-4665-84ea-cfd75b549ba5">� 2623 2624<div class="widget widgetSpacer" id="3ca5deb2-f6d9-439c-b494-d25e61aceee0"></div> 2625 </div> <!-- inner column --> 2626 2627 </div> <!-- inner row --> 2628 2629 </div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="5379041d-4c2d-484d-ad8c-47ab7718dace">� 2630 <div class="row nest first last wide">� 2631 2632 <div class="inner col col3 first last idc4ea8281-4a75-4255-a062-43e8155d2d3c" style="" data-widgetcontainerid="c4ea8281-4a75-4255-a062-43e8155d2d3c">� 2633<div data-widget-id="e521cef9-6a53-4a59-a466-0d443d48c4c7" data-widget-controller-path="/GraphicLinks/Widget"> 2634 2635 2636 2637 2638<div id="graphicLinkWidgete521cef9-6a53-4a59-a466-0d443d48c4c7" class="widget widgetGraphicLinks skin87 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2639 <div class="widgetHeader"> 2640 <div class=""> 2641 <h3 id="GraphicLinkHeaderText" class="" >Social Media</h3> 2642 </div> 2643 </div> 2644 <div class="widgetBody cpGrid cpGrid1 "> 2645 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2646 <ul class="semanticList"> 2647 <!-- 2648 --><li class="widgetItem GraphicLinks"> 2649 2650<div> 2651 <a href="/facebook" target="_self" class="fancyButton fancyButton909 " > 2652 <span> 2653 <span><span class="text">Facebook</span></span> 2654 </span> 2655 </a> 2656</div> 2657 <style scoped="scoped">.fancyButton909.fancyButton:link,.fancyButton909.fancyButton:visited, .fancyButton909div.fancyButton{ 2658 background-repeat: no-repeat; 2659 background-position: left top; 2660} 2661.fancyButton909.fancyButton:hover,.fancyButton909.fancyButton:focus,.fancyButton909.fancyButton:active,.fancyButton909.fancyButton.hover{ 2662 background-repeat: no-repeat; 2663 background-position: left top; 2664} 2665.fancyButton909.fancyButton:link > span,.fancyButton909.fancyButton:visited > span, .fancyButton909div.fancyButton > span{ 2666} 2667.fancyButton909.fancyButton:hover > span,.fancyButton909.fancyButton:focus > span,.fancyButton909.fancyButton:active > span,.fancyButton909.fancyButton.hover > span{ 2668} 2669.fancyButton909.fancyButton .text{ 2670 color: rgb(255, 255, 255); 2671 font-family: "Poppins"; 2672 text-align: left; 2673 padding-left: 1.5em; 2674 font-style: normal; 2675 text-decoration: none; 2676 padding-left: 1.5em; 2677 background-image: url('/ImageRepository/Document?documentID=11741'); 2678 background-repeat: no-repeat; 2679 background-position: left center; 2680background-size: 15px; 2681} 2682.fancyButton909.fancyButton:hover .text,.fancyButton909.fancyButton:focus .text,.fancyButton909.fancyButton:active .text,.fancyButton909.fancyButton.hover .text{ 2683 text-decoration: underline; 2684 background-repeat: no-repeat; 2685 background-position: left center; 2686 2687 2688} 2689</style> 2690 2691 </li><!-- 2692 --><li class="widgetItem GraphicLinks"> 2693 2694<div> 2695 <a href="/twitter" target="_self" class="fancyButton fancyButton910 " > 2696 <span> 2697 <span><span class="text">X</span></span> 2698 </span> 2699 </a> 2700</div> 2701 <style scoped="scoped">.fancyButton910.fancyButton:link,.fancyButton910.fancyButton:visited, .fancyButton910div.fancyButton{ 2702 background-repeat: no-repeat; 2703 background-position: left top; 2704} 2705.fancyButton910.fancyButton:hover,.fancyButton910.fancyButton:focus,.fancyButton910.fancyButton:active,.fancyButton910.fancyButton.hover{ 2706 background-repeat: no-repeat; 2707 background-position: left top; 2708} 2709.fancyButton910.fancyButton:link > span,.fancyButton910.fancyButton:visited > span, .fancyButton910div.fancyButton > span{ 2710} 2711.fancyButton910.fancyButton:hover > span,.fancyButton910.fancyButton:focus > span,.fancyButton910.fancyButton:active > span,.fancyButton910.fancyButton.hover > span{ 2712} 2713.fancyButton910.fancyButton .text{ 2714 color: rgb(255, 255, 255); 2715 font-family: "Poppins"; 2716 text-align: left; 2717 padding-left: 1.5em; 2718 font-style: normal; 2719 text-decoration: none; 2720 padding-left: 1.5em; 2721 background-image: url('/ImageRepository/Document?documentID=11752'); 2722 background-repeat: no-repeat; 2723 background-position: left center; 2724background-size: 15px; 2725} 2726.fancyButton910.fancyButton:hover .text,.fancyButton910.fancyButton:focus .text,.fancyButton910.fancyButton:active .text,.fancyButton910.fancyButton.hover .text{ 2727 text-decoration: underline; 2728 background-repeat: no-repeat; 2729 background-position: left center; 2730 2731 2732} 2733</style> 2734 2735 </li><!-- 2736 --> 2737 </ul> 2738 </nav> 2739 </div> 2740 <div class="widgetFooter"> 2741 </div> 2742</div> 2743</div> 2744 2745 </div> <!-- inner column --> 2746 2747 </div> <!-- inner row --> 2748 2749 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="9b63a016-28b4-4ab2-89c9-4aca543bf885">� 2750 <div class="row nest first last wide">� 2751 2752 <div class="inner col col1 first last id4e33da09-6bd8-408e-94b9-7fb9441d9104" style="" data-widgetcontainerid="4e33da09-6bd8-408e-94b9-7fb9441d9104">� 2753 2754<div class="widget widgetSpacer" id="a0dc71a0-bdaf-4128-aaf9-276308efc3bb"></div> 2755 </div> <!-- inner column --> 2756 2757 </div> <!-- inner row --> 2758 2759 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="ac9a121f-3943-4dc7-9fae-383a4c8d6f8c">� 2760 <div class="row nest first last wide">� 2761 2762 <div class="inner col col4 first last idf9bd731e-d0c7-48e7-aec2-a0e748a9ee41" style="" data-widgetcontainerid="f9bd731e-d0c7-48e7-aec2-a0e748a9ee41">� 2763 <div data-widget-id="5f275786-974b-41fc-971d-a951464312f1" data-widget-controller-path="/QuickLinks/Widget"> 2764 2765 2766 2767 2768 2769 2770 2771 2772 <section id="widgetQuicklink5f275786-974b-41fc-971d-a951464312f1" class="widget widgetQuickLinks skin86 widgetOptionSet28 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader5f275786-974b-41fc-971d-a951464312f1"> 2773 <header class="widgetHeader" id="quickLinksHeader5f275786-974b-41fc-971d-a951464312f1"> 2774 <div class=""> 2775 <h3><a style="" href="/QuickLinks.aspx?CID=31" >Using This Site</a></h3> 2776 </div> 2777 </header> 2778 <div class="widgetBody cpGrid cpGrid1 "> 2779 <div class="row narrow"> 2780 <div class="col col1 first last"> 2781 <ol class="semanticList"> 2782 2783 <li style="position:relative" class="widgetItem QuickLinks"> 2784 <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a> 2785 <div class="widgetMeta"></div> 2786 </li> 2787 2788 <li style="position:relative" class="widgetItem QuickLinks"> 2789 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 2790 <div class="widgetMeta"></div> 2791 </li> 2792 2793 <li style="position:relative" class="widgetItem QuickLinks"> 2794 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 2795 <div class="widgetMeta"></div> 2796 </li> 2797 2798 <li style="position:relative" class="widgetItem QuickLinks"> 2799 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> 2800 <div class="widgetMeta"></div> 2801 </li> 2802 2803 <li style="position:relative" class="widgetItem QuickLinks"> 2804 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> 2805 <div class="widgetMeta"></div> 2806 </li> 2807 </ol> 2808 </div> 2809 </div> 2810 2811 </div> 2812 <div class="widgetFooter"> 2813 </div> 2814 <div class="addItemModal hidden"> 2815 <div class="url hidden">/QuickLinks.aspx</div> 2816 </div> 2817 2818 </section> 2819</div> 2820 2821 </div> <!-- inner column --> 2822 2823 </div> <!-- inner row --> 2824 2825 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2826 2827 2828 </div> 2829</div></div> 2830</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2831<div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc38bcd818-2d5d-4963-86be-4b85a1d5a553" data-containerid="38bcd818-2d5d-4963-86be-4b85a1d5a553" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2832 2833 2834 <div class="row outer wide"><!-- 2835--><div class="outer col col24 first last" style="" data-widgetcontainerid="3c81ea7e-44de-4b3c-974f-c5fc552f4fc8">� 2836 <div class="row nest first last wide">� 2837 2838 <div class="inner col col24 first last idf168edbc-1e62-4c97-98b5-4c71c5e15d10" style="" data-widgetcontainerid="f168edbc-1e62-4c97-98b5-4c71c5e15d10">� 2839 2840 <div data-widget-id='3472f112-9388-4315-9775-bedf58de393c' data-moduleName="customHtml" id='widgetCustomHtml3472f112-9388-4315-9775-bedf58de393c' class="widget widgetCustomHtml skin78 narrow" > 2841 <div class="widgetBody pageStyles" id="widgetBody3472f112-9388-4315-9775-bedf58de393c"> 2842 <div id="customHtml3472f112-9388-4315-9775-bedf58de393c"><div><style> 2843 /* CP icon */ 2844 .cpBylineIconTS { 2845 color: #fff; 2846 } 2847 /* CP Text */ 2848 .cpBylineTextTS, 2849 .cpBylineTextTS a:link { 2850 color: #fff; 2851 } 2852 2853 .cpBylineTS { 2854 text-align: center; 2855 font: 600 .75em Poppins; 2856 } 2857 2858 .cpBylineIconTS { 2859 fill: currentColor; 2860 width: 39px;
2861 height: 26px; 2862 display: inline; 2863 vertical-align: middle; 2864 } 2865</style> 2866 2867<div class="widgetItem cpBylineTS"> 2868 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2869 <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> 2870 <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> 2871 </svg> 2872 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2873</div> 2874</div></div> 2875 </div> 2876 2877 </div> 2878 2879 </div> <!-- inner column --> 2880 2881 </div> <!-- inner row --> 2882 2883 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2884 2885 2886 </div> 2887</div></div> 2888</div></div></div> 2889</div><!-- </div> --><!-- Fixed GBs --><div data-cpRole="structuralContainer" id="gbsContainer2TS" class="fixedLeftTS"> 2890<div class="siteWrap" data-skip-leftpad=""><div data-cpRole="contentContainer" id="gbs2TS"> <div id="cc664e5d8c-9bff-4d4e-8d18-56749bfc9c78" data-containerid="664e5d8c-9bff-4d4e-8d18-56749bfc9c78" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 2891 2892 2893 <div class="row outer wide"><!-- 2894--><div class="outer col col12 first" style="" data-widgetcontainerid="a5d67049-fbf6-4ad8-9928-0e837a568746">� 2895 <div class="row nest first last wide">� 2896 2897 <div class="inner col col12 first last id52335ff5-963f-4a5f-8402-96a98a665cfe" style="" data-widgetcontainerid="52335ff5-963f-4a5f-8402-96a98a665cfe">� 2898<div data-widget-id="99100b03-d2a8-4199-abfe-21d1f0d4726f" data-widget-controller-path="/GraphicLinks/Widget"> 2899 2900 2901 2902 2903<div id="graphicLinkWidget99100b03-d2a8-4199-abfe-21d1f0d4726f" class="widget widgetGraphicLinks skin81 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2904 <div class="widgetHeader"> 2905 <div class=""> 2906 </div> 2907 </div> 2908 <div class="widgetBody cpGrid cpGrid2 "> 2909 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2910 <div class="row wide"> 2911 <!-- 2912--><div class="col col1 first "><ul class="semanticList"><!-- 2913 --><li class="widgetItem GraphicLinks"> 2914 2915<div> 2916 <a href="/" target="_self" class="fancyButton fancyButton914 " > 2917 <span> 2918 <span><span class="text"><span class="textStyle1">Home</span></span></span> 2919 </span> 2920 </a> 2921</div> 2922 <style scoped="scoped">.fancyButton914.fancyButton:link,.fancyButton914.fancyButton:visited, .fancyButton914div.fancyButton{ 2923 background-image: url('/ImageRepository/Document?documentID=11760'); 2924 background-repeat: no-repeat; 2925 background-position: center top; 2926background-size: 4.25em; 2927transition: background .3s cubic-bezier(0.33, 1, 0.68, 1);} 2928.fancyButton914.fancyButton:hover,.fancyButton914.fancyButton:focus,.fancyButton914.fancyButton:active,.fancyButton914.fancyButton.hover{ 2929 background-image: url('/ImageRepository/Document?documentID=11759'); 2930 background-repeat: no-repeat; 2931 background-position: center top; 2932} 2933.fancyButton914.fancyButton:link > span,.fancyButton914.fancyButton:visited > span, .fancyButton914div.fancyButton > span{ 2934} 2935.fancyButton914.fancyButton:hover > span,.fancyButton914.fancyButton:focus > span,.fancyButton914.fancyButton:active > span,.fancyButton914.fancyButton.hover > span{ 2936} 2937.fancyButton914.fancyButton .text{ 2938 color: rgb(13, 23, 57); 2939 font-family: "Poppins"; 2940 padding-top: 4em; 2941 font-style: normal; 2942 text-decoration: none; 2943 padding-top: 4em; 2944 background-image: url('/ImageRepository/Document?documentID=11763'); 2945 background-repeat: no-repeat; 2946 background-position: center 1em ; 2947background-size: 1.75em; 2948transition: background .3s cubic-bezier(0.33, 1, 0.68, 1); 2949} 2950.fancyButton914.fancyButton:hover .text,.fancyButton914.fancyButton:focus .text,.fancyButton914.fancyButton:active .text,.fancyButton914.fancyButton.hover .text{ 2951 text-decoration: none; 2952 background-repeat: no-repeat; 2953 2954 2955} 2956.fancyButton914.fancyButton .textStyle1{ 2957 color: rgb(13, 23, 57); 2958 font-size: .875em; 2959 font-style: normal; 2960 text-decoration: none; 2961display: block; 2962line-height: 1.3;} 2963.fancyButton914.fancyButton:hover .textStyle1, .fancyButton914.fancyButton.hover .textStyle1{ 2964 text-decoration: underline; 2965 2966} 2967</style> 2968 2969 </li><!-- 2970--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2971 --><li class="widgetItem GraphicLinks"> 2972 2973<div> 2974 <a href="/Directory.aspx" target="_self" class="fancyButton fancyButton915 " > 2975 <span> 2976 <span><span class="text"><span class="textStyle1">Directory</span></span></span> 2977 </span> 2978 </a> 2979</div> 2980 <style scoped="scoped">.fancyButton915.fancyButton:link,.fancyButton915.fancyButton:visited, .fancyButton915div.fancyButton{ 2981 background-image: url('/ImageRepository/Document?documentID=11760'); 2982 background-repeat: no-repeat; 2983 background-position: center top; 2984background-size: 4.25em; 2985transition: background .3s cubic-bezier(0.33, 1, 0.68, 1);} 2986.fancyButton915.fancyButton:hover,.fancyButton915.fancyButton:focus,.fancyButton915.fancyButton:active,.fancyButton915.fancyButton.hover{ 2987 background-image: url('/ImageRepository/Document?documentID=11759'); 2988 background-repeat: no-repeat; 2989 background-position: center top; 2990} 2991.fancyButton915.fancyButton:link > span,.fancyButton915.fancyButton:visited > span, .fancyButton915div.fancyButton > span{ 2992} 2993.fancyButton915.fancyButton:hover > span,.fancyButton915.fancyButton:focus > span,.fancyButton915.fancyButton:active > span,.fancyButton915.fancyButton.hover > span{ 2994} 2995.fancyButton915.fancyButton .text{ 2996 color: rgb(13, 23, 57); 2997 font-family: "Poppins"; 2998 padding-top: 4em; 2999 font-style: normal; 3000 text-decoration: none; 3001 padding-top: 4em; 3002 background-image: url('/ImageRepository/Document?documentID=11762'); 3003 background-repeat: no-repeat; 3004 background-position: center 1em ; 3005background-size: 1.75em; 3006transition: background .3s cubic-bezier(0.33, 1, 0.68, 1); 3007} 3008.fancyButton915.fancyButton:hover .text,.fancyButton915.fancyButton:focus .text,.fancyButton915.fancyButton:active .text,.fancyButton915.fancyButton.hover .text{ 3009 text-decoration: none; 3010 background-repeat: no-repeat; 3011 3012 3013} 3014.fancyButton915.fancyButton .textStyle1{ 3015 color: rgb(13, 23, 57); 3016 font-size: .875em; 3017 font-style: normal; 3018 text-decoration: none; 3019display: block; 3020line-height: 1.3;} 3021.fancyButton915.fancyButton:hover .textStyle1, .fancyButton915.fancyButton.hover .textStyle1{ 3022 text-decoration: underline; 3023 3024} 3025</style> 3026 3027 </li><!-- 3028--></ul></div><!-- --> 3029 </div> 3030 </nav> 3031 </div> 3032 <div class="widgetFooter"> 3033 </div> 3034</div> 3035</div> 3036 3037 </div> <!-- inner column --> 3038 3039 </div> <!-- inner row --> 3040 3041 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="877423d3-a77b-461a-93
304103-fa7d4571625f">� 3042 <div class="row nest first last wide">� 3043 3044 <div class="inner col col12 first last id21659d08-3aaa-43ad-82ed-42887e9d7663" style="" data-widgetcontainerid="21659d08-3aaa-43ad-82ed-42887e9d7663">� 3045<div data-widget-id="8521b806-d02b-455b-b316-b114a8f96f59" data-widget-controller-path="/GraphicLinks/Widget"> 3046 3047 3048 3049 3050<div id="graphicLinkWidget8521b806-d02b-455b-b316-b114a8f96f59" class="widget widgetGraphicLinks skin81 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 3051 <div class="widgetHeader"> 3052 <div class=""> 3053 </div> 3054 </div> 3055 <div class="widgetBody cpGrid cpGrid2 "> 3056 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 3057 <div class="row wide"> 3058 <!-- 3059--><div class="col col1 first "><ul class="semanticList"><!-- 3060 --><li class="widgetItem GraphicLinks"> 3061 3062<div> 3063 <a href="/1008/Park-Zoo" target="_self" class="fancyButton fancyButton917 " > 3064 <span> 3065 <span><span class="text"><span class="textStyle1">Parks & Zoo</span></span></span> 3066 </span> 3067 </a> 3068</div> 3069 <style scoped="scoped">.fancyButton917.fancyButton:link,.fancyButton917.fancyButton:visited, .fancyButton917div.fancyButton{ 3070 background-image: url('/ImageRepository/Document?documentID=11760'); 3071 background-repeat: no-repeat; 3072 background-position: center top; 3073background-size: 4.25em; 3074transition: background .3s cubic-bezier(0.33, 1, 0.68, 1);} 3075.fancyButton917.fancyButton:hover,.fancyButton917.fancyButton:focus,.fancyButton917.fancyButton:active,.fancyButton917.fancyButton.hover{ 3076 background-image: url('/ImageRepository/Document?documentID=11759'); 3077 background-repeat: no-repeat; 3078 background-position: center top; 3079} 3080.fancyButton917.fancyButton:link > span,.fancyButton917.fancyButton:visited > span, .fancyButton917div.fancyButton > span{ 3081} 3082.fancyButton917.fancyButton:hover > span,.fancyButton917.fancyButton:focus > span,.fancyButton917.fancyButton:active > span,.fancyButton917.fancyButton.hover > span{ 3083} 3084.fancyButton917.fancyButton .text{ 3085 color: rgb(13, 23, 57); 3086 font-family: "Poppins"; 3087 padding-top: 4em; 3088 font-style: normal; 3089 text-decoration: none; 3090 padding-top: 4em; 3091 background-image: url('/ImageRepository/Document?documentID=11764'); 3092 background-repeat: no-repeat; 3093 background-position: center 1em ; 3094background-size: 1.75em; 3095transition: background .3s cubic-bezier(0.33, 1, 0.68, 1); 3096} 3097.fancyButton917.fancyButton:hover .text,.fancyButton917.fancyButton:focus .text,.fancyButton917.fancyButton:active .text,.fancyButton917.fancyButton.hover .text{ 3098 text-decoration: none; 3099 background-repeat: no-repeat; 3100 3101 3102} 3103.fancyButton917.fancyButton .textStyle1{ 3104 color: rgb(13, 23, 57); 3105 font-size: .875em; 3106 font-style: normal; 3107 text-decoration: none; 3108display: block; 3109line-height: 1.3;} 3110.fancyButton917.fancyButton:hover .textStyle1, .fancyButton917.fancyButton.hover .textStyle1{ 3111 text-decoration: underline; 3112 3113} 3114</style> 3115 3116 </li><!-- 3117--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 3118--></ul></div><!-- --> 3119 </div> 3120 </nav> 3121 </div> 3122 <div class="widgetFooter"> 3123 </div> 3124</div> 3125</div> 3126 3127 </div> <!-- inner column --> 3128 3129 </div> <!-- inner row --> 3130 3131 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3132 3133 3134 </div> 3135</div></div> 3136</div> 3137</div> 3138 3139 </div> 3140 </div> 3141 </div> 3142 3143<link href="/745732998.css" rel="stylesheet" type="text/css" /> 3144 3145<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 3146 <div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open"> 3147 <div class="cp-Splash-header"> 3148 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 3149 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 3150 <svg id="iconClose" viewBox="0 0 25 25"> 3151 <polygon style="fill:currentcolor" 3152 points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,
315218.084 13.277,12.508"></polygon> 3153 </svg> 3154 </button> 3155 </div> 3156 <div class="cp-Splash-body"> 3157 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 3158 <!-- Content from the Froala Editor will go here. --> 3159 Loading 3160 </div> 3161 </div> 3162 <div class="cp-Splash-footer"> 3163 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 3164 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 3165 </div> 3166 </div> 3167</div> 3168
3169<script src="/Assets/Scripts/APIClient.js"></script>
3169
3170<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
3170
3171<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
3171
3172<script> 3173 3174 $(document).ready(function () { 3175 var filter = { 3176 targetId: '1', 3177 targetType: 1 3178 } 3179 3180 new SplashModalRender().triggerRender(filter); 3181 }); 3182</script>
3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196 3197 3198 3199
3199<script src="/-1442400649.js" type="text/javascript"></script>
3199 3200 <!-- Google -->
3201<script>
vendor: 345 bytes, lines 3201-3207
3201 3202 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 3203 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 3204 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 3205 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 3206 3207 ga('create', '
3207UA-65970519-1
vendor: 42 bytes, lines 3207-3209
3207', 'auto'); 3208 ga('send', 'pageview'); 3209
3210</script>
3210 3211<!-- End Google --> 3212 3213 3214 3215<!-- Fixed Nav Adjustment -->
3216<script> 3217 function getValueTS(elem, attr) { 3218 const val = elem.css(attr); 3219 if (val === undefined) return undefined; 3220 const num = parseInt(val, 10); 3221 if (num === NaN) return undefined; 3222 return num; 3223 } 3224 3225 function clampTS(number, min, max) { 3226 return Math.min(Math.max(number, min), max); 3227 } 3228 3229 function isPageEditingTS() { 3230 return ( 3231 $("#doneEditing").length > 0 || // In live edit 3232 typeof DesignCenter !== "undefined" // In theme manager 3233 ); 3234 } 3235 3236 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 3237 function isTransparentTS(elem) { 3238 const bg = elem.css('background-color'); 3239 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3240 const matchState = bg.match(bgColorRegexTS); 3241 if (!matchState || matchState.length !== 5) return false; 3242 const alpha = parseFloat(matchState[4], 10); 3243 if (!(alpha >= 0 && alpha < 1)) return false; 3244 return true; 3245 } 3246 3247 function iterateLeftpads(cb) { 3248 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3249 for (let i = 0; i < containersTS.length; i++) { 3250 const containerTS = containersTS[i]; 3251 // Skip the body container and anything with data-skip-leftpad 3252 if ( 3253 containerTS.id !== "bodyContainerTS" && 3254 containerTS.getAttribute('data-skip-leftpad') === null 3255 ) { 3256 cb(containerTS); 3257 } 3258 } 3259 } 3260 3261 function iterateRightpads(cb) { 3262 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3263 for (let i = 0; i < containersTS.length; i++) { 3264 const containerTS = containersTS[i]; 3265 // Skip the body container and anything with data-skip-leftpad 3266 if ( 3267 containerTS.id !== "bodyContainerTS" && 3268 containerTS.getAttribute('data-skip-rightpad') === null 3269 ) { 3270 cb(containerTS); 3271 } 3272 } 3273 } 3274 3275 const anchor = $("#divToolbars"); 3276 3277 // Outer banner padding (push banner down) 3278 const outerSizingTS = $("#bannerContainerTS"); 3279 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 3280 const innerSizingTS = $("#bannerSizingTS"); 3281 const bodyContainerTS = $("#bodyContainerTS"); 3282 const headerContainerTS = $("#headerContainerTS"); 3283 const forceUnfixClassTS = "forceUnfixTS"; 3284 3285 const fixedTopTS = $(".fixedTopTS"); 3286 const fixedBottomTS = $(".fixedBottomTS"); 3287 const fixedLeftTS = $(".fixedLeftTS"); 3288 const fixedRightTS = $(".fixedRightTS"); 3289 3290 var initialTopTS; 3291 var topAttachTS; 3292 if (fixedTopTS && fixedTopTS.length === 1) { 3293 initialTopTS = getValueTS(fixedTopTS, 'top'); 3294 const attachment = fixedTopTS.attr('data-attach');
3295 if (attachment) topAttachTS = $("#" + attachment); 3296 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 3297 } 3298 3299 function resizeAdjustmentTS() { 3300 const editing = isPageEditingTS(); 3301 3302 // Fixed top script 3303 (function () { 3304 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 3305 3306 if (editing) { 3307 fixedTopTS[0].classList.add(forceUnfixClassTS); 3308 } else { 3309 fixedTopTS[0].classList.remove(forceUnfixClassTS); 3310 } 3311 3312 const topPosition = fixedTopTS.css('position'); 3313 if (topPosition === 'fixed') { 3314 if (topAttachTS) { 3315 scrollAdjustmentTS(); 3316 } else { 3317 const anchorHeight = anchor.outerHeight() - 1; 3318 fixedTopTS.css('top', anchorHeight + initialTopTS); 3319 } 3320 } else { 3321 fixedTopTS.css('top', initialTopTS); 3322 } 3323 3324 if (topPosition === 'fixed' || topPosition === 'absolute') { 3325 // Bump the banner content down 3326 if (isTransparentTS(fixedTopTS)) { 3327 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 3328 outerSizingTS.css('padding-top', ''); 3329 3330 try { 3331 window.Pages.onResizeHandlersExecute(); 3332 } catch (e) { } 3333 } else { 3334 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 3335 innerSizingTS.css('padding-top', ''); 3336 } 3337 } else { 3338 innerSizingTS.css('padding-top', ''); 3339 outerSizingTS.css('padding-top', ''); 3340 } 3341 })(); 3342 3343 // Fixed bottom script 3344 (function () { 3345 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 3346 3347 // If the widget has gone narrow, force unfix 3348 if (editing || fixedBottomTS.outerHeight() > 200) { 3349 fixedBottomTS[0].classList.add(forceUnfixClassTS); 3350 } else { 3351 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 3352 } 3353 3354 if (fixedBottomTS.css('position') === 'fixed') { 3355 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 3356 } else { 3357 bodyContainerTS.css('padding-bottom', ''); 3358 } 3359 })(); 3360 3361 // Fixed left script 3362 (function () { 3363 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 3364 3365 if (editing) { 3366 fixedLeftTS[0].classList.add(forceUnfixClassTS); 3367 } else { 3368 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 3369 } 3370 3371 if (fixedLeftTS.css('position') === 'fixed') { 3372 const anchorHeight = anchor.outerHeight() - 1; 3373 const headerHeight = headerContainerTS.outerHeight() - 1; 3374 fixedLeftTS.css('top', anchorHeight + headerHeight + 100); 3375 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 3376 iterateLeftpads(function (containerTS) { 3377 const containerBoundingTS = containerTS.getBoundingClientRect(); 3378 if (containerBoundingTS.left <= leftBoundingTS.right) { 3379 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 3380 } 3381 }); 3382 } else { 3383 fixedLeftTS.css('top', ''); 3384 iterateLeftpads(function (containerTS) { 3385 $(containerTS).css('padding-left', ''); 3386 }); 3387 } 3388 })(); 3389 3390 // Fixed right script 3391 (function () { 3392 if (!fixedRightTS || fixedRightTS.length === 0) return; 3393 3394 if (editing) { 3395 fixedRightTS[0].classList.add(forceUnfixClassTS); 3396 } else { 3397 fixedRightTS[0].classList.remove(forceUnfixClassTS); 3398 } 3399 3400 if (fixedRightTS.css('position') === 'fixed') { 3401 const anchorHeight = anchor.outerHeight() - 1; 3402 const headerHeight = headerContainerTS.outerHeight() - 1; 3403 fixedRightTS.css('top', anchorHeight + headerHeight + 100); 3404 const rightBoundingTS = fixedRightTS[0].getBoundingClientRect(); 3405 iterateRightpads(function (containerTS) { 3406 const containerBoundingTS = containerTS.getBoundingClientRect(); 3407 if (containerBoundingTS.left <= rightBoundingTS.right) { 3408 $(containerTS).css('padding-right', rightBoundingTS.width + 16); 3409 } 3410 }); 3411 } else { 3412 fixedRightTS.css('top', ''); 3413 iterateRightpads(function (containerTS) { 3414 $(containerTS).css('padding-right', ''); 3415 }); 3416 } 3417 })(); 3418 } 3419 3420 function scrollAdjustmentTS() {
3421 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 3422 const topPosition = fixedTopTS.css('position'); 3423 if (topPosition === 'fixed' || topPosition === 'absolute') { 3424 const anchorBounding = anchor[0].getBoundingClientRect(); 3425 const attachBounding = topAttachTS[0].getBoundingClientRect(); 3426 const scrollTop = $(window).scrollTop(); 3427 3428 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 3429 } else { 3430 fixedTopTS.css('top', initialTopTS); 3431 } 3432 } 3433 3434 $(window).load(function () { 3435 setTimeout(function () { 3436 resizeAdjustmentTS(); 3437 }, 350); 3438 3439 $(window).scroll(function () { 3440 scrollAdjustmentTS(); 3441 }); 3442 3443 var adjustTimeoutTS; 3444 $(window).resize(function () { 3445 clearTimeout(adjustTimeoutTS); 3446 adjustTimeoutTS = setTimeout(function () { 3447 resizeAdjustmentTS(); 3448 }, 350); 3449 }); 3450 3451 $.when(window.Pages.angularToolbarComplete).done(function () { 3452 resizeAdjustmentTS(); 3453 }); 3454 }); 3455</script>
3455 3456<!-- End Fixed Nav Adjustment --><!-- AudioEye -->
3456<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash="99de39a128ac2fb4d560fcfed8be4c3a";var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
3456 <!-- End AudioEye --> 3457 3458 3459
3459<script type="text/javascript"> 3460 $(function () { 3461 document.cookie = "responsiveGhost=0; path=/"; 3462 }); 3463 $(window).on("load", function () { 3464 $('body').addClass('doneLoading').removeClass('hideContent'); 3465 3466 if ($('#404Content').length > 0) 3467 $('div#bodyWrapper').css('padding', '0px'); 3468 }); 3469 </script>
3469 3470 3471 <noscript> 3472 <style> 3473 body.hideContent { 3474 opacity: 1 !important; 3475 } 3476 </style> 3477 </noscript> 3478 3479 3480<div style="display: none;"> 3481 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 3482 3483 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 3484 <title>Arrow Left</title> 3485 <polygon style="fill:currentcolor" points="18.044,25 19.498,23.545 8.409,12.454 19.408,1.455 17.954,0 5.502,12.452"></polygon> 3486 </symbol> 3487 3488 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 3489 <title>Arrow Right</title> 3490 <polygon style="fill:currentcolor" points="6.957,0 5.502,1.455 16.591,12.546 5.592,23.545 7.047,25 19.498,12.548"></polygon> 3491 </symbol> 3492 3493 </svg> 3494</div> 3495
3495<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Fjalla+One:regular|Meow+Script:regular|Montserrat:700,regular|Poppins:500,600,700,800,900,italic,regular|');</script>
3495 3496 3497 3498 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 3499 <div style="display: none;"> 3500 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 3501 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3502 <title>Slideshow Left Arrow</title> 3503 <g> 3504 <path style="fill:currentcolor;" d="M20,40a2.67,2.67,0,0,1-1.9-.79L.79,21.9a2.68,2.68,0,0,1,0-3.79L18.1.79a2.68,2.68,0,1,1,3.79,3.79L6.47,20,21.89,35.42A2.68,2.68,0,0,1,20,40Z"></path> 3505 </g> 3506 </symbol> 3507 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3508 <title>Slideshow Right Arrow</title> 3509 <g> 3510 <path style="fill:currentcolor;" d="M2.68,0a2.67,2.67,0,0,1,1.9.79L21.89,18.1a2.68,2.68,0,0,1,0,3.79L4.58,39.21A2.68,2.68,0,0,1,.79,35.42L16.21,20,.79,4.58A2.68,2.68,0,0,1,2.68,0Z"></path> 3511 </g> 3512 </symbol> 3513 </svg> 3514 </div> 3515 3516 3517 3518 3519 <div id="root-picker-outlet"></div> 3520</body> 3521</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.