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