CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />  <script>(function(w,d,s,l,i){w.GAMeasurementID='G-9FXTQG7BBT';w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>  <script type='text/javascript'> var enableTelemetry = 'false' var aiConfig = { instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' } 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://az416426.vo.msecnd.net/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); window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; // Add telemetry initializer appInsights.queue.push(function() { appInsights.context.addTelemetryInitializer(function(envelope) { var telemetryItem = envelope.data.baseData; // To check the telemetry item鈥檚 type: if (!false) { //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that if (envelope.name.indexOf('.Event') == -1) return false; } }); }); appInsights.trackPageView(); </script> <script> function populateAntiForgery(token) { var input = document.createElement("input"); input.name = "__RequestVerificationToken"; input.type = "hidden"; input.value = token; var absPat = /^https?:\/\/|^\/\//i; var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].method == "post" && !forms[i].querySelector('[name="__RequestVerificationToken"]') && !absPat.test(forms[i].getAttribute("action"))) { forms[i].appendChild(input.cloneNode()); } } } function getAntiForgeryToken(callback, error) { var xhr = new XMLHttpRequest(); xhr.open("GET", "/antiforgery"); xhr.addEventListener("load", function() { try { if (this.status !== 200) { throw Error("Invalid status. Could not retrieve antiforgery token."); } var obj = JSON.parse(this.responseText); callback(obj.token); } catch (e) { typeof error === "function" && error(e); } }); xhr.send(); } getAntiForgeryToken(function(token) { if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { populateAntiForgery(token); return; } document.addEventListener("DOMContentLoaded", function() { populateAntiForgery(token); }, false); }, console.error); </script> <script type="text/javascript"> window.departmentHeader = {}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= false; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = true; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="category0" content="Home" /> <meta name="theme-color" content="rgb(0, 47, 108)"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Ridgewood, NJ | Official Website</title> <meta name="description" content=""> <meta name="keywords" content="Home"> <script src="/Assets/Scripts/jQuery/jquery-2.2.4.min.js"></script> <script src="/Assets/Scripts/jQuery/jQuery-migrate-1.4.1.js" type="text/javascript"></script>     <script type="text/javascript"></script> <link href="/2045813088.css" rel="stylesheet" type="text/css" /> <link href="/371307791.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> <script type="text/javascript"> window.Pages = window.Pages || {}; // FrontEnd RWD initialization window.Pages.rwdReady = $.Deferred(); window.Pages.toolBarDeferred = $.Deferred(); window.Pages.rwdSetupComplete = $.Deferred(); window.Pages.megaMenuLoaded = $.Deferred(); window.Pages.angularToolbarComplete = $.Deferred(); window.Pages.frontEndToolbarComplete = $.Deferred(); </script>  <script src="/17424598.js" type="text/javascript"></script>     <script type="text/javascript"> setEditorVariables(false, 840); function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } </script> <script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script> </head> <body class="wide " > <script>jQuery(document).click(function (event) { var target = jQuery(event.target); if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Image', eventAction: 'Image - ' + text, eventLabel: window.location.href }); } if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { var text = ""; if (target.parents('.button')[0]) { text = target.parents('.button').first().text(); } else if (target.text().length) { text = target.text(); } else if (target.attr('title').length) { text = target.attr('title'); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Button', eventAction: 'Button - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetCustomHtml').length) { ga('send', { hitType: 'event', eventCategory: 'Custom Html', eventAction: 'Custom Html Clicked', eventLabel: window.location.href }); } if (target.parents('.editor').length) { ga('send', { hitType: 'event', eventCategory: 'Editor', eventAction: 'Editor Link Clicked', eventLabel: window.location.href }); } if (target.parents('.GraphicLinks').length) { var text = ""; var targetGraphicLink = target; if (target.hasClass('widgetGraphicLinksLink')) { targetGraphicLink = jQuery(target.children()[0]); } if (targetGraphicLink.hasClass('text')) { text = targetGraphicLink.text(); } else if (targetGraphicLink.attr('src').length) { if (targetGraphicLink.attr('alt').length) { text = targetGraphicLink.attr('alt'); } else { text = targetGraphicLink.attr('src'); } } else { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Graphic Links', eventAction: 'Graphic Link - ' + text, eventLabel: window.location.href }); } if (target.parents('.InfoAdvanced').length) { ga('send', { hitType: 'event', eventCategory: 'Info Advanced', eventAction: 'Info Advanced Clicked', eventLabel: window.location.href }); } if (target.parents('.list').length) { ga('send', { hitType: 'event', eventCategory: 'List', eventAction: 'List Clicked', eventLabel: window.location.href }); } if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); var breadCrumbs = []; jQuery('.breadCrumbs > li').each(function () { breadCrumbs.push(this.textContent); }); var pageTitle = breadCrumbs.join('>'); var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); var text = ""; if (pageTitle) { text += pageTitle + " | "; } else { text += document.title + ' - '; } if (target.text() == "" && megaMenuText == "") { text += "N/A"; } else if (target.text().length && megaMenuText.length) { if (megaMenuText == target.text()) { text += megaMenuText; } else { text += megaMenuText + " - " + subTitleText + " - " + target.text(); } } else if (target.text() == "") { text += megaMenuText; } else { text += target.text(); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Mega Menu', eventAction: 'Mega Menu : ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'News Flash', eventAction: 'News Flash - ' + text, eventLabel: window.location.href }); } if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { var text = target.text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Quick Links', eventAction: 'Quick Links - ' + text, eventLabel: window.location.href }); } if (target.attr('src') && target.parents('.cpSlideshow').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Slideshow', eventAction: 'Slideshow - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetText').length) { ga('send', { hitType: 'event', eventCategory: 'Text', eventAction: 'Text Link Clicked', eventLabel: window.location.href }); } });</script> <div id="fb-root"></div> <div id=skipToContentLinks> <a href="#cc9b263b9d-a7e2-4e23-b747-b6d686e76be0" target="_self" class="skipToContentLink">Skip to Main Content</a> </div> <form id="frmReferenceFormForTelerikEditorDialogs"></form> <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> <input type="hidden" id="hdnStructureID" value="3" /> <input type="hidden" id="hdnContentCollectionID" value="f08c1cc1-1845-4707-b393-828225a0d8a5" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="17" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="1" /> <div id="stickyPlaceholder"></div> <div id="outer-wrap" class="outer-wrap"> <div id="inner-wrap" class="inner-wrap"> <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">  <div class="cpToolbar user public"> <div class="inner selfClear"> <p class="dropdown"><a href="/MyAccount/ProfileCreate" role="link" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more.   </span></p> <ul class="nav secondary"> <li><a href="/MyAccount" role="link" class="button" id="loggedOutToolbarSignInButton"><span>Website Sign In</span></a></li> </ul> </div> </div> <script> $(document).ready(function () { $('#signedOutToolbarCreateProfileButton').keypress(function (e) { if (e.which === 0) return; $(this).click(); }); $('#signedOutToolbarCreateProfileButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; }); $('#loggedOutToolbarSignInButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; }); if ('False' == 'True') { $('#loggedOutToolbarSignInButton').hide(); } }) </script>  </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> <div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <span id="bannerLogoTS-58" style=" display: block; text-align: center; "> <img class="bannerObject" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" width="300" height="90" alt="Default"/> </span> <script type="text/javascript"> (function () { const images = [{"Src":"/ImageRepository/Document?documentID=66","Alt":"Village of Ridgewood New Jersey home page","Link":null}]; const el = document.getElementById('bannerLogoTS-58'); const img = el?.querySelector('img'); const sequenceId = Date.now() % images.length; const image = images[sequenceId]; if (img && image.Link) { const a = document.createElement("a"); [...el.attributes].forEach(attr => a.setAttribute(attr.name, attr.value)); a.href = image.Link; a.classList.add('bannerObject'); a.target = '_self'; a.appendChild(img); el.replaceWith(a); } img && (img.src = image.Src) && (img.alt = image.Alt); })(); </script> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="ccb8586802-13b2-4e8c-b9c5-b6da4072e00e" data-containerid="b8586802-13b2-4e8c-b9c5-b6da4072e00e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="57bd73eb-bada-4687-bed0-a3a08c0dc484"> <div class="row nest first last wide"> <div class="inner col col24 first last id3311c089-dac3-4f0c-8eb3-374601ae8252" style="" data-widgetcontainerid="3311c089-dac3-4f0c-8eb3-374601ae8252"> <div data-widget-id="2c5ae403-c172-4c51-959c-bbf4b6d1e5ea" data-widget-controller-path="/Layout/WidgetSearch"> <script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.js"></script> <script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script> <script defer type="text/javascript"> $(document).ready(function () { try { $(".widgetSearchButton.widgetSearchButton2c5ae403-c172-4c51-959c-bbf4b6d1e5ea").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept2c5ae403-c172-4c51-959c-bbf4b6d1e5ea").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField2c5ae403-c172-4c51-959c-bbf4b6d1e5ea").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept2c5ae403-c172-4c51-959c-bbf4b6d1e5ea").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept2c5ae403-c172-4c51-959c-bbf4b6d1e5ea").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField2c5ae403-c172-4c51-959c-bbf4b6d1e5ea").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept2c5ae403-c172-4c51-959c-bbf4b6d1e5ea").is(':checked') || false? '?departmentId=0' : ''), dataType: "json", timeout: 10000, beforeSend: function () { if (currentRequest != null) { currentRequest.abort(); } }, data: { term: request.term, }, success: function (data) { response(data); $('.autoCompleteError').remove(); }, error: function (xmlhttprequest, textstatus, message) { if (textstatus === "timeout") { if ($("#searchField2c5ae403-c172-4c51-959c-bbf4b6d1e5ea").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField2c5ae403-c172-4c51-959c-bbf4b6d1e5ea")); } } }); }, html: true, delay: 500, select: function (event, ui) { $(this).val(ui.item.value); $(this).next().click(); } }); $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { return $("<li class=\"itemList\"></li>") .data("ui-autocomplete-item", item) .append("<a>" + item.label + "</a>") .appendTo(ul); }; } } 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. }); </script> <section id="widgetPreviewSearch" class="widget widgetSearch skin43 widgetOptionSet15" style="display: block;" aria-label="Search">  <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBox2c5ae403-c172-4c51-959c-bbf4b6d1e5ea" cp5ph="true" id="searchField2c5ae403-c172-4c51-959c-bbf4b6d1e5ea" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." title="Search..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton2c5ae403-c172-4c51-959c-bbf4b6d1e5ea" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=71" data-image="/ImageRepository/Document?documentID=72" src="/ImageRepository/Document?documentID=72" /></a> <label class="searchLabel" for="searchField2c5ae403-c172-4c51-959c-bbf4b6d1e5ea">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #fff; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #fff; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .widgetSearch :-ms-input-placeholder { color: #fff; } .widgetSearch .widgetBody .widgetSearchBox2c5ae403-c172-4c51-959c-bbf4b6d1e5ea { color: #fff; font-family: Montserrat; font-size: 1.1em; height: 70px; background: #002F6C; border: none; border-radius: 10px; padding: 0 80px 0 20px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.2); } .widgetSearch .widgetBody .widgetSearchButton2c5ae403-c172-4c51-959c-bbf4b6d1e5ea { } .widgetSearch .widgetSearch-onlyDept2c5ae403-c172-4c51-959c-bbf4b6d1e5ea { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept2c5ae403-c172-4c51-959c-bbf4b6d1e5ea { position: relative; top: .125em; } </style> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.css"> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.theme.min.css"> <script type="text/javascript"> //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField2c5ae403-c172-4c51-959c-bbf4b6d1e5ea").value; } </script> </div> </div>  </div>  </div></div>  </div> </div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> <ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1" href="/27/Government" target = "_self" > Government </a> </li><li id="MainItem149" class="topMenuItem" role="none" data-pageid="149" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2" href="/149/Departments" target = "_self" > Departments </a> </li><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavResidents" class="navMainItem mainNavItem mainNavItem3" href="/31/Residents" target = "_self" > Residents </a> </li><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4" href="/9/How-Do-I" target = "_self" > How Do I... </a> </li> </ol> <script type="text/javascript"> document.addEventListener('DOMContentLoaded',function () { var menuID = 'mainNavMenu'; var menuType = MAIN_MENU; //setup menu manager properties for main menu if (!menuManager.mobileMainNav && true) menuManager.adjustMainItemsWidth('#' + menuID); menuManager.isMainMenuEditable = false; menuManager.mainMenuMaxSubMenuLevels = 4; menuManager.setMOMMode(2, menuType); //Init main menu var setupDraggable = menuManager.isMainMenuEditable; var urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=17&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = true; if (1.00 > 0) menuManager.mainMenuTextResizerRatio = 1.00; if (window.isResponsiveEnabled) menuManager.mainMenuReady.resolve(); }); </script> <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="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc30a71670-ce81-4b2b-ba4a-51b41dc04245" data-containerid="30a71670-ce81-4b2b-ba4a-51b41dc04245" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu149" class="contentTop mainNavMegaMenu megaMenuContainer pageID_149 hidden" data-orientation="horizontal"> <div id="cc88ee8608-e1b2-4ee2-850c-6254bc0d8915" data-containerid="88ee8608-e1b2-4ee2-850c-6254bc0d8915" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc76c36713-61a7-4335-82b1-5c9d6ae5cb14" data-containerid="76c36713-61a7-4335-82b1-5c9d6ae5cb14" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="ccaf447fe9-ea20-4b0e-baae-c0e2d12166d2" data-containerid="af447fe9-ea20-4b0e-baae-c0e2d12166d2" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div> </header><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div data-cpRole="structuralContainer" id="bannerWelcomeTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS"> <div id="cca88e3217-424e-47df-b604-7b1233511fd7" data-containerid="a88e3217-424e-47df-b604-7b1233511fd7" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="de7482ad-c178-437d-aef8-b8fbd08f7ec1"> <div class="row nest first last wide"> <div class="inner col col24 first last idd72db60c-abd3-4332-a70d-d8602f9425e7" style="" data-widgetcontainerid="d72db60c-abd3-4332-a70d-d8602f9425e7"> <div data-widget-id="2263c88a-a3b2-49bd-bded-b7846cedc48d" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv2263c88a-a3b2-49bd-bded-b7846cedc48d" class="widget widgetInfoAdvanced skin57 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header2263c88a-a3b2-49bd-bded-b7846cedc48d"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h2 class="subhead1">Welcome to Ridgewood!</h2><p>Create an account to customize your experience on our new website</p><p><span class="readOn"><a href="/CivicAlerts.aspx?AID=14">Learn More</a></span></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv2263c88a-a3b2-49bd-bded-b7846cedc48d .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> <div id="bannerImagesJSON56" class="hidden"></div> <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> <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> <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> </div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderExternalBannerSlideshow('banner1', {"BannerOptionID":56,"ThemeID":17,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":null,"SlideshowTransition":0,"SlideShowTransitionTiming":null,"ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"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":121,"BannerOptionID":56,"FileName":"/ImageRepository/Document?documentID=4464","Height":1067,"Width":2448,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":122,"BannerOptionID":56,"FileName":"/ImageRepository/Document?documentID=4466","Height":982,"Width":2489,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Home/Images/', 'Rotating'); }); }); </script> </div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc181e69d7-34a4-46fd-b27d-0efc674978f0" data-containerid="181e69d7-34a4-46fd-b27d-0efc674978f0" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="e343f8d3-6f5f-4bd9-8c7f-8f101db5b4a1"> <div class="row nest first last wide"> <div class="inner col col8 first last id727c5f9c-cda1-4d15-b6c4-4230394c2c1f" style="" data-widgetcontainerid="727c5f9c-cda1-4d15-b6c4-4230394c2c1f"> <div data-widget-id="85c1feca-2c32-4e84-a92b-72e5d98c4304" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget85c1feca-2c32-4e84-a92b-72e5d98c4304" class="widget widgetGraphicLinks skin45 widgetOptionSet45 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/129/Agendas-Minutes" target="_self" class="fancyButton fancyButton48 " > <span> <span><span class="text">Agendas & Minutes</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton48.fancyButton:link,.fancyButton48.fancyButton:visited, .fancyButton48div.fancyButton{ padding-top: 2em; padding-bottom: 2em; padding-right: 1em; padding-left: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; } .fancyButton48.fancyButton:hover,.fancyButton48.fancyButton:focus,.fancyButton48.fancyButton:active,.fancyButton48.fancyButton.hover{ background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: left top; } .fancyButton48.fancyButton:link > span,.fancyButton48.fancyButton:visited > span, .fancyButton48div.fancyButton > span{ } .fancyButton48.fancyButton:hover > span,.fancyButton48.fancyButton:focus > span,.fancyButton48.fancyButton:active > span,.fancyButton48.fancyButton.hover > span{ } .fancyButton48.fancyButton .text{ color: rgb(255, 255, 255); font-size: 1.1em; font-family: "Montserrat"; padding-top: 95px; padding-bottom: 5px; font-weight: 600; text-decoration: none; padding-top: 95px; padding-bottom: 5px; background-image: url('/ImageRepository/Document?documentID=86'); background-repeat: no-repeat; background-position: center top; background-size: 80px; transition: all .3s ease-in-out; } .fancyButton48.fancyButton:hover .text,.fancyButton48.fancyButton:focus .text,.fancyButton48.fancyButton:active .text,.fancyButton48.fancyButton.hover .text{ color: rgb(54, 54, 54); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=85'); background-repeat: no-repeat; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/205/Forms" target="_self" class="fancyButton fancyButton49 " > <span> <span><span class="text">Forms</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton49.fancyButton:link,.fancyButton49.fancyButton:visited, .fancyButton49div.fancyButton{ padding-top: 2em; padding-bottom: 2em; padding-right: 1em; padding-left: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; } .fancyButton49.fancyButton:hover,.fancyButton49.fancyButton:focus,.fancyButton49.fancyButton:active,.fancyButton49.fancyButton.hover{ background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: left top; } .fancyButton49.fancyButton:link > span,.fancyButton49.fancyButton:visited > span, .fancyButton49div.fancyButton > span{ } .fancyButton49.fancyButton:hover > span,.fancyButton49.fancyButton:focus > span,.fancyButton49.fancyButton:active > span,.fancyButton49.fancyButton.hover > span{ } .fancyButton49.fancyButton .text{ color: rgb(255, 255, 255); font-size: 1.1em; font-family: "Montserrat"; padding-top: 95px; padding-bottom: 5px; font-weight: 600; text-decoration: none; padding-top: 95px; padding-bottom: 5px; background-image: url('/ImageRepository/Document?documentID=84'); background-repeat: no-repeat; background-position: center top; background-size: 80px; transition: all .3s ease-in-out; } .fancyButton49.fancyButton:hover .text,.fancyButton49.fancyButton:focus .text,.fancyButton49.fancyButton:active .text,.fancyButton49.fancyButton.hover .text{ color: rgb(54, 54, 54); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=83'); background-repeat: no-repeat; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col8" style="" data-widgetcontainerid="8827558c-c402-4f4a-947c-c1288542109a"> <div class="row nest first last wide"> <div class="inner col col8 first last ided340b4d-6df8-4f99-b25a-0ff457201682" style="" data-widgetcontainerid="ed340b4d-6df8-4f99-b25a-0ff457201682"> <div data-widget-id="f7a9414a-0a7a-4cb3-8765-9e2eadf7f945" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetf7a9414a-0a7a-4cb3-8765-9e2eadf7f945" class="widget widgetGraphicLinks skin45 widgetOptionSet45 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/468/E-Notices-Reverse-911-Signup" target="_self" class="fancyButton fancyButton50 " > <span> <span><span class="text">E-Notice &<br>Reverse 911<br>Signup</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton50.fancyButton:link,.fancyButton50.fancyButton:visited, .fancyButton50div.fancyButton{ padding-top: 2em; padding-bottom: 2em; padding-right: 1em; padding-left: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; } .fancyButton50.fancyButton:hover,.fancyButton50.fancyButton:focus,.fancyButton50.fancyButton:active,.fancyButton50.fancyButton.hover{ background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: left top; } .fancyButton50.fancyButton:link > span,.fancyButton50.fancyButton:visited > span, .fancyButton50div.fancyButton > span{ } .fancyButton50.fancyButton:hover > span,.fancyButton50.fancyButton:focus > span,.fancyButton50.fancyButton:active > span,.fancyButton50.fancyButton.hover > span{ } .fancyButton50.fancyButton .text{ color: rgb(255, 255, 255); font-size: 1.1em; font-family: "Montserrat"; padding-top: 95px; padding-bottom: 5px; font-weight: 600; text-decoration: none; padding-top: 95px; padding-bottom: 5px; background-image: url('/ImageRepository/Document?documentID=82'); background-repeat: no-repeat; background-position: center top; background-size: 80px; transition: all .3s ease-in-out; } .fancyButton50.fancyButton:hover .text,.fancyButton50.fancyButton:focus .text,.fancyButton50.fancyButton:active .text,.fancyButton50.fancyButton.hover .text{ color: rgb(54, 54, 54); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=81'); background-repeat: no-repeat; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/jobs.aspx" target="_self" class="fancyButton fancyButton51 " > <span> <span><span class="text">Job & Volunteer <br>Opportunities</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton51.fancyButton:link,.fancyButton51.fancyButton:visited, .fancyButton51div.fancyButton{ padding-top: 2em; padding-bottom: 2em; padding-right: 1em; padding-left: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; } .fancyButton51.fancyButton:hover,.fancyButton51.fancyButton:focus,.fancyButton51.fancyButton:active,.fancyButton51.fancyButton.hover{ background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: left top; } .fancyButton51.fancyButton:link > span,.fancyButton51.fancyButton:visited > span, .fancyButton51div.fancyButton > span{ } .fancyButton51.fancyButton:hover > span,.fancyButton51.fancyButton:focus > span,.fancyButton51.fancyButton:active > span,.fancyButton51.fancyButton.hover > span{ } .fancyButton51.fancyButton .text{ color: rgb(255, 255, 255); font-size: 1.1em; font-family: "Montserrat"; padding-top: 95px; padding-bottom: 5px; font-weight: 600; text-decoration: none; padding-top: 95px; padding-bottom: 5px; background-image: url('/ImageRepository/Document?documentID=80'); background-repeat: no-repeat; background-position: center top; background-size: 80px; transition: all .3s ease-in-out; } .fancyButton51.fancyButton:hover .text,.fancyButton51.fancyButton:focus .text,.fancyButton51.fancyButton:active .text,.fancyButton51.fancyButton.hover .text{ color: rgb(54, 54, 54); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=79'); background-repeat: no-repeat; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col8 last" style="" data-widgetcontainerid="154af674-30d5-4c39-884c-616aa4238af9"> <div class="row nest first last wide"> <div class="inner col col8 first last id33288be6-7fd9-43b0-9170-3b3590ab9a88" style="" data-widgetcontainerid="33288be6-7fd9-43b0-9170-3b3590ab9a88"> <div data-widget-id="bc33108a-8245-4191-a0ce-cf717479e4d8" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetbc33108a-8245-4191-a0ce-cf717479e4d8" class="widget widgetGraphicLinks skin45 widgetOptionSet45 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/331/My-Services-Lookup" target="_self" class="fancyButton fancyButton52 " > <span> <span><span class="text">My Services Lookup</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton52.fancyButton:link,.fancyButton52.fancyButton:visited, .fancyButton52div.fancyButton{ padding-top: 2em; padding-bottom: 2em; padding-right: 1em; padding-left: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; } .fancyButton52.fancyButton:hover,.fancyButton52.fancyButton:focus,.fancyButton52.fancyButton:active,.fancyButton52.fancyButton.hover{ background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: left top; } .fancyButton52.fancyButton:link > span,.fancyButton52.fancyButton:visited > span, .fancyButton52div.fancyButton > span{ } .fancyButton52.fancyButton:hover > span,.fancyButton52.fancyButton:focus > span,.fancyButton52.fancyButton:active > span,.fancyButton52.fancyButton.hover > span{ } .fancyButton52.fancyButton .text{ color: rgb(255, 255, 255); font-size: 1.1em; font-family: "Montserrat"; padding-top: 95px; padding-bottom: 5px; font-weight: 600; text-decoration: none; padding-top: 95px; padding-bottom: 5px; background-image: url('/ImageRepository/Document?documentID=78'); background-repeat: no-repeat; background-position: center top; background-size: 80px; transition: all .3s ease-in-out; } .fancyButton52.fancyButton:hover .text,.fancyButton52.fancyButton:focus .text,.fancyButton52.fancyButton:active .text,.fancyButton52.fancyButton.hover .text{ color: rgb(54, 54, 54); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=77'); background-repeat: no-repeat; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/193/Pay-Your-Property-Taxes" target="_self" class="fancyButton fancyButton53 " > <span> <span><span class="text">Pay Property Tax</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton53.fancyButton:link,.fancyButton53.fancyButton:visited, .fancyButton53div.fancyButton{ padding-top: 2em; padding-bottom: 2em; padding-right: 1em; padding-left: 1em; background-repeat: no-repeat; background-position: left top; transition: all .3s ease-in-out; } .fancyButton53.fancyButton:hover,.fancyButton53.fancyButton:focus,.fancyButton53.fancyButton:active,.fancyButton53.fancyButton.hover{ background-color: rgb(255, 255, 255); background-repeat: no-repeat; background-position: left top; } .fancyButton53.fancyButton:link > span,.fancyButton53.fancyButton:visited > span, .fancyButton53div.fancyButton > span{ } .fancyButton53.fancyButton:hover > span,.fancyButton53.fancyButton:focus > span,.fancyButton53.fancyButton:active > span,.fancyButton53.fancyButton.hover > span{ } .fancyButton53.fancyButton .text{ color: rgb(255, 255, 255); font-size: 1.1em; font-family: "Montserrat"; padding-top: 95px; padding-bottom: 5px; font-weight: 600; text-decoration: none; padding-top: 95px; padding-bottom: 5px; background-image: url('/ImageRepository/Document?documentID=76'); background-repeat: no-repeat; background-position: center top; background-size: 80px; transition: all .3s ease-in-out; } .fancyButton53.fancyButton:hover .text,.fancyButton53.fancyButton:focus .text,.fancyButton53.fancyButton:active .text,.fancyButton53.fancyButton.hover .text{ color: rgb(54, 54, 54); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=75'); background-repeat: no-repeat; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> <div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> <div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"><script type='text/javascript'>$('#breadCrumbs').hide();</script></div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="1286" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <div id="cc9b263b9d-a7e2-4e23-b747-b6d686e76be0" data-containerid="9b263b9d-a7e2-4e23-b747-b6d686e76be0" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="40" > </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div> </div><div data-cpRole="structuralContainer" id="aboutContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="aboutTS"> <div id="cc71dfb04e-5e4e-416a-9416-1a02167f1ace" data-containerid="71dfb04e-5e4e-416a-9416-1a02167f1ace" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> <div class="row outer wide"><div class="outer col col7 first" style="" data-widgetcontainerid="69e8213f-103b-41df-a307-20ca8a347df8"> <div class="row nest first wide"> <div class="inner col col7 first last id06fb42f8-3617-4cd6-a8d5-1e502d0c6901" style="" data-widgetcontainerid="06fb42f8-3617-4cd6-a8d5-1e502d0c6901"> <div class="widget widgetSpacer" id="78d9e38d-3b37-4890-ba2f-5bb9370d1728"></div> </div>  </div>  <div class="row nest wide"> <div class="inner col col7 first last id1272596f-dad0-4d99-888b-bdd7e85ef6b3" style="" data-widgetcontainerid="1272596f-dad0-4d99-888b-bdd7e85ef6b3"> <div data-widget-id="a1bb50b2-d606-41d0-b9a9-78b03c9f2f74" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdva1bb50b2-d606-41d0-b9a9-78b03c9f2f74" class="widget widgetInfoAdvanced skin58 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headera1bb50b2-d606-41d0-b9a9-78b03c9f2f74"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline">Popular Resources</h1><p>Quickly access resources you need</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdva1bb50b2-d606-41d0-b9a9-78b03c9f2f74 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col4 first idc38a5362-124b-4834-8471-6e40b3f92d22" style="" data-widgetcontainerid="c38a5362-124b-4834-8471-6e40b3f92d22"> <div class="widget image pageStyles" id="divImageOutere16b4359-4a77-400e-b10d-7c549f7534d2" data-widget-id="e16b4359-4a77-400e-b10d-7c549f7534d2"> <header class="widgetHeader"><div><h3 data-headertext="Archived Website">Archived Website</h3></div></header> <div class="widgetBody " id="divImagee16b4359-4a77-400e-b10d-7c549f7534d2"> <a href="https://archive.ridgewoodnj.net" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self"><img src="/ImageRepository/Document?documentID=2781" alt="Archive Website" title="Archive Website"/></a> </div> </div> </div>  <div class="inner col col3 last id08e5e66c-7d08-4070-a616-cc782707bc9a" style="" data-widgetcontainerid="08e5e66c-7d08-4070-a616-cc782707bc9a"> <div class="widget widgetSpacer" id="2790f08b-a9c7-4d09-bc4d-69229524b096"></div> </div>  </div>  </div><div class="outer col col2" style="" data-widgetcontainerid="37403703-2cbe-4241-9f36-2bd239cd6aa8"> <div class="row nest first last wide"> <div class="inner col col2 first last id38ec3341-784b-4c46-a33b-d13982aa2c75" style="" data-widgetcontainerid="38ec3341-784b-4c46-a33b-d13982aa2c75"> <div class="widget widgetSpacer" id="baa281a0-7ce4-4f3f-88cf-ae31fdcb671b"></div> </div>  </div>  </div><div class="outer col col15 last" style="" data-widgetcontainerid="23fba8ad-f2db-402a-8cec-4445faf02d21"> <div class="row nest first last wide"> <div class="inner col col15 first last id6ca4792e-d86b-4eac-9379-d11939f85f41" style="" data-widgetcontainerid="6ca4792e-d86b-4eac-9379-d11939f85f41"> <div data-widget-id="25057cc1-4c04-44d5-a7b3-45b5de527c26" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget25057cc1-4c04-44d5-a7b3-45b5de527c26" class="widget widgetGraphicLinks skin39 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:35em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid3 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/274/Ridgewood-TV" target="_self" class="fancyButton fancyButton55 " > <span> <span><span class="text">Ridgewood TV - SwagIt</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton55.fancyButton:link,.fancyButton55.fancyButton:visited, .fancyButton55div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-repeat: no-repeat; background-position: left top; position: relative; overflow: hidden; display: flex; min-height: 80px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .fancyButton55 > span { flex: 1; position: relative; } .fancyButton55::after { position: absolute; content: ""; background-color: #002F6C; border-radius: 8px; top: 0; bottom: 0; left: 0; width: 0%; transition: all .5s ease-in-out; z-index: 1; } .fancyButton55 > span::after { position: absolute; content: ""; top: 50%; right: calc(100% - 83px); height: calc(100% - 32px); border-right: 3px solid #C6AA76; transform: translateY(-50%); transition: all .4s ease-in-out; z-index: 2;} .fancyButton55.fancyButton:hover,.fancyButton55.fancyButton:focus,.fancyButton55.fancyButton:active,.fancyButton55.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton55:hover::after, .fancyButton55:focus::after, .fancyButton55:active::after { width: 100%; transition: all .5s ease-in-out 0s; } .fancyButton55:hover > span::after, .fancyButton55:focus > span::after, .fancyButton55:active > span::after { transform: translateY(-50%); transition: all .3s ease-in-out .15s; right: 16px;} .fancyButton55.fancyButton:link > span,.fancyButton55.fancyButton:visited > span, .fancyButton55div.fancyButton > span{ } .fancyButton55.fancyButton:hover > span,.fancyButton55.fancyButton:focus > span,.fancyButton55.fancyButton:active > span,.fancyButton55.fancyButton.hover > span{ } .fancyButton55.fancyButton .text{ color: rgb(54, 54, 54); font-size: 1.2em; font-family: "Montserrat"; text-align: left; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; font-weight: 600; text-decoration: none; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; background-image: url('/ImageRepository/Document?documentID=110'); background-repeat: no-repeat; background-position: 16px center; position: relative; z-index: 2; line-height: 1.2; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) .4s; } .fancyButton55.fancyButton:hover .text,.fancyButton55.fancyButton:focus .text,.fancyButton55.fancyButton:active .text,.fancyButton55.fancyButton.hover .text{ color: rgb(255, 255, 255); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=109'); background-repeat: no-repeat; transition: all .8s cubic-bezier(0.16, 1, 0.3, 1); } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="/213/Parking" target="_self" class="fancyButton fancyButton57 " > <span> <span><span class="text">Parking</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton57.fancyButton:link,.fancyButton57.fancyButton:visited, .fancyButton57div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-repeat: no-repeat; background-position: left top; position: relative; overflow: hidden; display: flex; min-height: 80px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .fancyButton57 > span { flex: 1; position: relative; } .fancyButton57::after { position: absolute; content: ""; background-color: #002F6C; border-radius: 8px; top: 0; bottom: 0; left: 0; width: 0%; transition: all .5s ease-in-out; z-index: 1; } .fancyButton57 > span::after { position: absolute; content: ""; top: 50%; right: calc(100% - 83px); height: calc(100% - 32px); border-right: 3px solid #C6AA76; transform: translateY(-50%); transition: all .4s ease-in-out; z-index: 2;} .fancyButton57.fancyButton:hover,.fancyButton57.fancyButton:focus,.fancyButton57.fancyButton:active,.fancyButton57.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton57:hover::after, .fancyButton57:focus::after, .fancyButton57:active::after { width: 100%; transition: all .5s ease-in-out 0s; } .fancyButton57:hover > span::after, .fancyButton57:focus > span::after, .fancyButton57:active > span::after { transform: translateY(-50%); transition: all .3s ease-in-out .15s; right: 16px;} .fancyButton57.fancyButton:link > span,.fancyButton57.fancyButton:visited > span, .fancyButton57div.fancyButton > span{ } .fancyButton57.fancyButton:hover > span,.fancyButton57.fancyButton:focus > span,.fancyButton57.fancyButton:active > span,.fancyButton57.fancyButton.hover > span{ } .fancyButton57.fancyButton .text{ color: rgb(54, 54, 54); font-size: 1.2em; font-family: "Montserrat"; text-align: left; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; font-weight: 600; text-decoration: none; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; background-image: url('/ImageRepository/Document?documentID=110'); background-repeat: no-repeat; background-position: 16px center; position: relative; z-index: 2; line-height: 1.2; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) .4s; } .fancyButton57.fancyButton:hover .text,.fancyButton57.fancyButton:focus .text,.fancyButton57.fancyButton:active .text,.fancyButton57.fancyButton.hover .text{ color: rgb(255, 255, 255); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=109'); background-repeat: no-repeat; transition: all .8s cubic-bezier(0.16, 1, 0.3, 1); } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="https://ecode360.com/RI1200" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton61 " > <span> <span><span class="text">General Code</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton61.fancyButton:link,.fancyButton61.fancyButton:visited, .fancyButton61div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-repeat: no-repeat; background-position: left top; position: relative; overflow: hidden; display: flex; min-height: 80px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .fancyButton61 > span { flex: 1; position: relative; } .fancyButton61::after { position: absolute; content: ""; background-color: #002F6C; border-radius: 8px; top: 0; bottom: 0; left: 0; width: 0%; transition: all .5s ease-in-out; z-index: 1; } .fancyButton61 > span::after { position: absolute; content: ""; top: 50%; right: calc(100% - 83px); height: calc(100% - 32px); border-right: 3px solid #C6AA76; transform: translateY(-50%); transition: all .4s ease-in-out; z-index: 2;} .fancyButton61.fancyButton:hover,.fancyButton61.fancyButton:focus,.fancyButton61.fancyButton:active,.fancyButton61.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton61:hover::after, .fancyButton61:focus::after, .fancyButton61:active::after { width: 100%; transition: all .5s ease-in-out 0s; } .fancyButton61:hover > span::after, .fancyButton61:focus > span::after, .fancyButton61:active > span::after { transform: translateY(-50%); transition: all .3s ease-in-out .15s; right: 16px;} .fancyButton61.fancyButton:link > span,.fancyButton61.fancyButton:visited > span, .fancyButton61div.fancyButton > span{ } .fancyButton61.fancyButton:hover > span,.fancyButton61.fancyButton:focus > span,.fancyButton61.fancyButton:active > span,.fancyButton61.fancyButton.hover > span{ } .fancyButton61.fancyButton .text{ color: rgb(54, 54, 54); font-size: 1.2em; font-family: "Montserrat"; text-align: left; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; font-weight: 600; text-decoration: none; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; background-image: url('/ImageRepository/Document?documentID=110'); background-repeat: no-repeat; background-position: 16px center; position: relative; z-index: 2; line-height: 1.2; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) .4s; } .fancyButton61.fancyButton:hover .text,.fancyButton61.fancyButton:focus .text,.fancyButton61.fancyButton:active .text,.fancyButton61.fancyButton.hover .text{ color: rgb(255, 255, 255); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=109'); background-repeat: no-repeat; transition: all .8s cubic-bezier(0.16, 1, 0.3, 1); } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://register.capturepoint.com/reg/login.cfm?cuBJB%2BuFl5whuHetOY56xuXYv0sAD8M9tlrGwpYJjaTC3YUEzcI%3D" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton62 " > <span> <span><span class="text">Community Pass</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton62.fancyButton:link,.fancyButton62.fancyButton:visited, .fancyButton62div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-repeat: no-repeat; background-position: left top; position: relative; overflow: hidden; display: flex; min-height: 80px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .fancyButton62 > span { flex: 1; position: relative; } .fancyButton62::after { position: absolute; content: ""; background-color: #002F6C; border-radius: 8px; top: 0; bottom: 0; left: 0; width: 0%; transition: all .5s ease-in-out; z-index: 1; } .fancyButton62 > span::after { position: absolute; content: ""; top: 50%; right: calc(100% - 83px); height: calc(100% - 32px); border-right: 3px solid #C6AA76; transform: translateY(-50%); transition: all .4s ease-in-out; z-index: 2;} .fancyButton62.fancyButton:hover,.fancyButton62.fancyButton:focus,.fancyButton62.fancyButton:active,.fancyButton62.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton62:hover::after, .fancyButton62:focus::after, .fancyButton62:active::after { width: 100%; transition: all .5s ease-in-out 0s; } .fancyButton62:hover > span::after, .fancyButton62:focus > span::after, .fancyButton62:active > span::after { transform: translateY(-50%); transition: all .3s ease-in-out .15s; right: 16px;} .fancyButton62.fancyButton:link > span,.fancyButton62.fancyButton:visited > span, .fancyButton62div.fancyButton > span{ } .fancyButton62.fancyButton:hover > span,.fancyButton62.fancyButton:focus > span,.fancyButton62.fancyButton:active > span,.fancyButton62.fancyButton.hover > span{ } .fancyButton62.fancyButton .text{ color: rgb(54, 54, 54); font-size: 1.2em; font-family: "Montserrat"; text-align: left; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; font-weight: 600; text-decoration: none; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; background-image: url('/ImageRepository/Document?documentID=110'); background-repeat: no-repeat; background-position: 16px center; position: relative; z-index: 2; line-height: 1.2; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) .4s; } .fancyButton62.fancyButton:hover .text,.fancyButton62.fancyButton:focus .text,.fancyButton62.fancyButton:active .text,.fancyButton62.fancyButton.hover .text{ color: rgb(255, 255, 255); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=109'); background-repeat: no-repeat; transition: all .8s cubic-bezier(0.16, 1, 0.3, 1); } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="https://laserfiche.ridgewoodnj.net/WebLink/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton220 " > <span> <span><span class="text">Ordinances and Resolutions</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton220.fancyButton:link,.fancyButton220.fancyButton:visited, .fancyButton220div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-repeat: no-repeat; background-position: left top; position: relative; overflow: hidden; display: flex; min-height: 80px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .fancyButton220 > span { flex: 1; position: relative; } .fancyButton220::after { position: absolute; content: ""; background-color: #002F6C; border-radius: 8px; top: 0; bottom: 0; left: 0; width: 0%; transition: all .5s ease-in-out; z-index: 1; } .fancyButton220 > span::after { position: absolute; content: ""; top: 50%; right: calc(100% - 83px); height: calc(100% - 32px); border-right: 3px solid #C6AA76; transform: translateY(-50%); transition: all .4s ease-in-out; z-index: 2;} .fancyButton220.fancyButton:hover,.fancyButton220.fancyButton:focus,.fancyButton220.fancyButton:active,.fancyButton220.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton220:hover::after, .fancyButton220:focus::after, .fancyButton220:active::after { width: 100%; transition: all .5s ease-in-out 0s; } .fancyButton220:hover > span::after, .fancyButton220:focus > span::after, .fancyButton220:active > span::after { transform: translateY(-50%); transition: all .3s ease-in-out .15s; right: 16px;} .fancyButton220.fancyButton:link > span,.fancyButton220.fancyButton:visited > span, .fancyButton220div.fancyButton > span{ } .fancyButton220.fancyButton:hover > span,.fancyButton220.fancyButton:focus > span,.fancyButton220.fancyButton:active > span,.fancyButton220.fancyButton.hover > span{ } .fancyButton220.fancyButton .text{ color: rgb(54, 54, 54); font-size: 1.2em; font-family: "Montserrat"; text-align: left; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; font-weight: 600; text-decoration: none; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; background-image: url('/ImageRepository/Document?documentID=110'); background-repeat: no-repeat; background-position: 16px center; position: relative; z-index: 2; line-height: 1.2; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) .4s; } .fancyButton220.fancyButton:hover .text,.fancyButton220.fancyButton:focus .text,.fancyButton220.fancyButton:active .text,.fancyButton220.fancyButton.hover .text{ color: rgb(255, 255, 255); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=109'); background-repeat: no-repeat; transition: all .8s cubic-bezier(0.16, 1, 0.3, 1); } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="/270/For-Older-Adults" target="_self" class="fancyButton fancyButton64 " > <span> <span><span class="text">Senior Citizen Resources</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton64.fancyButton:link,.fancyButton64.fancyButton:visited, .fancyButton64div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-repeat: no-repeat; background-position: left top; position: relative; overflow: hidden; display: flex; min-height: 80px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .fancyButton64 > span { flex: 1; position: relative; } .fancyButton64::after { position: absolute; content: ""; background-color: #002F6C; border-radius: 8px; top: 0; bottom: 0; left: 0; width: 0%; transition: all .5s ease-in-out; z-index: 1; } .fancyButton64 > span::after { position: absolute; content: ""; top: 50%; right: calc(100% - 83px); height: calc(100% - 32px); border-right: 3px solid #C6AA76; transform: translateY(-50%); transition: all .4s ease-in-out; z-index: 2;} .fancyButton64.fancyButton:hover,.fancyButton64.fancyButton:focus,.fancyButton64.fancyButton:active,.fancyButton64.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton64:hover::after, .fancyButton64:focus::after, .fancyButton64:active::after { width: 100%; transition: all .5s ease-in-out 0s; } .fancyButton64:hover > span::after, .fancyButton64:focus > span::after, .fancyButton64:active > span::after { transform: translateY(-50%); transition: all .3s ease-in-out .15s; right: 16px;} .fancyButton64.fancyButton:link > span,.fancyButton64.fancyButton:visited > span, .fancyButton64div.fancyButton > span{ } .fancyButton64.fancyButton:hover > span,.fancyButton64.fancyButton:focus > span,.fancyButton64.fancyButton:active > span,.fancyButton64.fancyButton.hover > span{ } .fancyButton64.fancyButton .text{ color: rgb(54, 54, 54); font-size: 1.2em; font-family: "Montserrat"; text-align: left; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; font-weight: 600; text-decoration: none; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; background-image: url('/ImageRepository/Document?documentID=110'); background-repeat: no-repeat; background-position: 16px center; position: relative; z-index: 2; line-height: 1.2; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) .4s; } .fancyButton64.fancyButton:hover .text,.fancyButton64.fancyButton:focus .text,.fancyButton64.fancyButton:active .text,.fancyButton64.fancyButton.hover .text{ color: rgb(255, 255, 255); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=109'); background-repeat: no-repeat; transition: all .8s cubic-bezier(0.16, 1, 0.3, 1); } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://water.ridgewoodnj.net/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton63 " > <span> <span><span class="text">Ridgewood Water</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton63.fancyButton:link,.fancyButton63.fancyButton:visited, .fancyButton63div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-repeat: no-repeat; background-position: left top; position: relative; overflow: hidden; display: flex; min-height: 80px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .fancyButton63 > span { flex: 1; position: relative; } .fancyButton63::after { position: absolute; content: ""; background-color: #002F6C; border-radius: 8px; top: 0; bottom: 0; left: 0; width: 0%; transition: all .5s ease-in-out; z-index: 1; } .fancyButton63 > span::after { position: absolute; content: ""; top: 50%; right: calc(100% - 83px); height: calc(100% - 32px); border-right: 3px solid #C6AA76; transform: translateY(-50%); transition: all .4s ease-in-out; z-index: 2;} .fancyButton63.fancyButton:hover,.fancyButton63.fancyButton:focus,.fancyButton63.fancyButton:active,.fancyButton63.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton63:hover::after, .fancyButton63:focus::after, .fancyButton63:active::after { width: 100%; transition: all .5s ease-in-out 0s; } .fancyButton63:hover > span::after, .fancyButton63:focus > span::after, .fancyButton63:active > span::after { transform: translateY(-50%); transition: all .3s ease-in-out .15s; right: 16px;} .fancyButton63.fancyButton:link > span,.fancyButton63.fancyButton:visited > span, .fancyButton63div.fancyButton > span{ } .fancyButton63.fancyButton:hover > span,.fancyButton63.fancyButton:focus > span,.fancyButton63.fancyButton:active > span,.fancyButton63.fancyButton.hover > span{ } .fancyButton63.fancyButton .text{ color: rgb(54, 54, 54); font-size: 1.2em; font-family: "Montserrat"; text-align: left; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; font-weight: 600; text-decoration: none; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; background-image: url('/ImageRepository/Document?documentID=110'); background-repeat: no-repeat; background-position: 16px center; position: relative; z-index: 2; line-height: 1.2; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) .4s; } .fancyButton63.fancyButton:hover .text,.fancyButton63.fancyButton:focus .text,.fancyButton63.fancyButton:active .text,.fancyButton63.fancyButton.hover .text{ color: rgb(255, 255, 255); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=109'); background-repeat: no-repeat; transition: all .8s cubic-bezier(0.16, 1, 0.3, 1); } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="https://www.ridgewoodnj.net/443/Stay-Connected" target="_self" class="fancyButton fancyButton222 " > <span> <span><span class="text">Stay Connected</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton222.fancyButton:link,.fancyButton222.fancyButton:visited, .fancyButton222div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-repeat: no-repeat; background-position: left top; position: relative; overflow: hidden; display: flex; min-height: 80px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .fancyButton222 > span { flex: 1; position: relative; } .fancyButton222::after { position: absolute; content: ""; background-color: #002F6C; border-radius: 8px; top: 0; bottom: 0; left: 0; width: 0%; transition: all .5s ease-in-out; z-index: 1; } .fancyButton222 > span::after { position: absolute; content: ""; top: 50%; right: calc(100% - 83px); height: calc(100% - 32px); border-right: 3px solid #C6AA76; transform: translateY(-50%); transition: all .4s ease-in-out; z-index: 2;} .fancyButton222.fancyButton:hover,.fancyButton222.fancyButton:focus,.fancyButton222.fancyButton:active,.fancyButton222.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton222:hover::after, .fancyButton222:focus::after, .fancyButton222:active::after { width: 100%; transition: all .5s ease-in-out 0s; } .fancyButton222:hover > span::after, .fancyButton222:focus > span::after, .fancyButton222:active > span::after { transform: translateY(-50%); transition: all .3s ease-in-out .15s; right: 16px;} .fancyButton222.fancyButton:link > span,.fancyButton222.fancyButton:visited > span, .fancyButton222div.fancyButton > span{ } .fancyButton222.fancyButton:hover > span,.fancyButton222.fancyButton:focus > span,.fancyButton222.fancyButton:active > span,.fancyButton222.fancyButton.hover > span{ } .fancyButton222.fancyButton .text{ color: rgb(54, 54, 54); font-size: 1.2em; font-family: "Montserrat"; text-align: left; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; font-weight: 600; text-decoration: none; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; background-image: url('/ImageRepository/Document?documentID=110'); background-repeat: no-repeat; background-position: 16px center; position: relative; z-index: 2; line-height: 1.2; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) .4s; } .fancyButton222.fancyButton:hover .text,.fancyButton222.fancyButton:focus .text,.fancyButton222.fancyButton:active .text,.fancyButton222.fancyButton.hover .text{ color: rgb(255, 255, 255); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=109'); background-repeat: no-repeat; transition: all .8s cubic-bezier(0.16, 1, 0.3, 1); } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="https://www.sdlportal.com/login?redirect=https%3A%2F%2Fwww.sdlportal.com%2Ftowns%2Fnj%2Fbergen%2Fridgewoodvillage%2Frequests%2Fcomplaint" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton228 " > <span> <span><span class="text">SDL Portal</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton228.fancyButton:link,.fancyButton228.fancyButton:visited, .fancyButton228div.fancyButton{ background-color: rgb(255, 255, 255); -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; -khtml-border-top-left-radius: 8px; border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px; -khtml-border-top-right-radius: 8px; border-top-right-radius: 8px; -webkit-border-bottom-left-radius: 8px; -moz-border-bottom-left-radius: 8px; -khtml-border-bottom-left-radius: 8px; border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -moz-border-bottom-right-radius: 8px; -khtml-border-bottom-right-radius: 8px; border-bottom-right-radius: 8px; background-repeat: no-repeat; background-position: left top; position: relative; overflow: hidden; display: flex; min-height: 80px; box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); } .fancyButton228 > span { flex: 1; position: relative; } .fancyButton228::after { position: absolute; content: ""; background-color: #002F6C; border-radius: 8px; top: 0; bottom: 0; left: 0; width: 0%; transition: all .5s ease-in-out; z-index: 1; } .fancyButton228 > span::after { position: absolute; content: ""; top: 50%; right: calc(100% - 83px); height: calc(100% - 32px); border-right: 3px solid #C6AA76; transform: translateY(-50%); transition: all .4s ease-in-out; z-index: 2;} .fancyButton228.fancyButton:hover,.fancyButton228.fancyButton:focus,.fancyButton228.fancyButton:active,.fancyButton228.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton228:hover::after, .fancyButton228:focus::after, .fancyButton228:active::after { width: 100%; transition: all .5s ease-in-out 0s; } .fancyButton228:hover > span::after, .fancyButton228:focus > span::after, .fancyButton228:active > span::after { transform: translateY(-50%); transition: all .3s ease-in-out .15s; right: 16px;} .fancyButton228.fancyButton:link > span,.fancyButton228.fancyButton:visited > span, .fancyButton228div.fancyButton > span{ } .fancyButton228.fancyButton:hover > span,.fancyButton228.fancyButton:focus > span,.fancyButton228.fancyButton:active > span,.fancyButton228.fancyButton.hover > span{ } .fancyButton228.fancyButton .text{ color: rgb(54, 54, 54); font-size: 1.2em; font-family: "Montserrat"; text-align: left; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; font-weight: 600; text-decoration: none; padding-top: 1em; padding-bottom: 1em; padding-right: 16px; padding-left: 100px; background-image: url('/ImageRepository/Document?documentID=110'); background-repeat: no-repeat; background-position: 16px center; position: relative; z-index: 2; line-height: 1.2; transition: all 1s cubic-bezier(0.16, 1, 0.3, 1) .4s; } .fancyButton228.fancyButton:hover .text,.fancyButton228.fancyButton:focus .text,.fancyButton228.fancyButton:active .text,.fancyButton228.fancyButton.hover .text{ color: rgb(255, 255, 255); text-decoration: underline; background-image: url('/ImageRepository/Document?documentID=109'); background-repeat: no-repeat; transition: all .8s cubic-bezier(0.16, 1, 0.3, 1); } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="newsContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="newsTS"> <div id="ccaec139c9-db83-40cd-ad7f-09fca41d7cdd" data-containerid="aec139c9-db83-40cd-ad7f-09fca41d7cdd" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="492798f0-54f0-4e5a-9acd-05608280929d"> <div class="row nest first last wide"> <div class="inner col col24 first last idb03e10dd-5d17-4923-af98-225d53ca7001" style="" data-widgetcontainerid="b03e10dd-5d17-4923-af98-225d53ca7001"> <div data-widget-id="cdb1dbf1-9d14-49ce-a541-762ed5e78d9f" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvcdb1dbf1-9d14-49ce-a541-762ed5e78d9f" class="widget widgetInfoAdvanced skin58 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headercdb1dbf1-9d14-49ce-a541-762ed5e78d9f"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline">Village Spotlight</h1><p>Stay up to date</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvcdb1dbf1-9d14-49ce-a541-762ed5e78d9f .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="6f97d1e5-be0d-4530-a5f0-bf5ae5054e12"> <div class="row nest first last wide"> <div class="inner col col24 first last id42e49a1e-c6ce-4c0d-84ba-ec2e38986402" style="" data-widgetcontainerid="42e49a1e-c6ce-4c0d-84ba-ec2e38986402"> <div data-widget-id="7e91730f-7417-4dd5-9165-f540e5abbb72" data-widget-controller-path="/NewsFlash/Widget"> <script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script> <script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script> <section class="widget widgetNewsFlash skin56 widgetOptionSet34 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash7e91730f-7417-4dd5-9165-f540e5abbb72" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid1 "> <div class="cpCarousel cpCarousel7e91730f-7417-4dd5-9165-f540e5abbb72"> <div class="cpWindow cpWindow7e91730f-7417-4dd5-9165-f540e5abbb72"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="/CivicAlerts.aspx?AID=107" target="_self"><img class="media" src="/ImageRepository/Document?documentID=5122" alt="Glen Avenue Road Work Alert (6)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader107" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=107" target="_self">Road Work Advisory </a> </h4> <div class="widgetDesc"> <a id="newsFlashReadOn107" href="/CivicAlerts.aspx?AID=107" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader107 newsFlashReadOn107">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="/CivicAlerts.aspx?AID=108" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=5124" alt="Explore Our Parks (1)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader108" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=108" target="_self">Your Next Outdoor Adventure Starts Here </a> </h4> <div class="widgetDesc"> <a id="newsFlashReadOn108" href="/CivicAlerts.aspx?AID=108" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader108 newsFlashReadOn108">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="2"> <a href="/CivicAlerts.aspx?AID=106" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=5123" alt="Age Friendly Survey" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader106" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=106" target="_self">Age Friendly Ridgewood Survey </a> </h4> <div class="widgetDesc"> <a id="newsFlashReadOn106" href="/CivicAlerts.aspx?AID=106" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader106 newsFlashReadOn106">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="3"> <a href="/CivicAlerts.aspx?AID=91" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=4849" alt="2025 Village Calendar Cover " data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader91" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=91" target="_self">2025 Village Calendar </a> </h4> <div class="widgetDesc"> <a id="newsFlashReadOn91" href="/CivicAlerts.aspx?AID=91" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader91 newsFlashReadOn91">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="4"> <a href="/CivicAlerts.aspx?AID=81" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=96" alt="Notification on phone" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader81" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=81" target="_self">Stay Connected! </a> </h4> <div class="widgetDesc"> Sign up for multiple Village notifications - all in one place! <a id="newsFlashReadOn81" href="/CivicAlerts.aspx?AID=81" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader81 newsFlashReadOn81">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="5"> <a href="/CivicAlerts.aspx?AID=12" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=94" alt="Megaphone" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader12" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=12" target="_self">Keep in Touch </a> </h4> <div class="widgetDesc"> Stay in touch by following us on Facebook and Instagram! <a id="newsFlashReadOn12" href="/CivicAlerts.aspx?AID=12" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader12 newsFlashReadOn12">Read on...</a> </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> //  </script> <a id="newsFlashViewAll7e91730f-7417-4dd5-9165-f540e5abbb72" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1" aria-label="News Flash View All">View More Spotlights</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="calendarContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="calendarTS"> <div id="cc7df490ef-2a5f-4838-bd8b-576b79cd822e" data-containerid="7df490ef-2a5f-4838-bd8b-576b79cd822e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="55"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="d560189a-a499-447f-9f26-472e4e4670c2"> <div class="row nest first last wide"> <div class="inner col col24 first last id30c13089-b1ca-4b3f-8fbc-096634df9a5a" style="" data-widgetcontainerid="30c13089-b1ca-4b3f-8fbc-096634df9a5a"> <div data-widget-id="d50f6c93-285a-43ed-ba90-7b8ef1009bd5" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvd50f6c93-285a-43ed-ba90-7b8ef1009bd5" class="widget widgetInfoAdvanced skin59 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerd50f6c93-285a-43ed-ba90-7b8ef1009bd5"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <h1 class="headline">Calendar & News</h1><p>Stay connected</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvd50f6c93-285a-43ed-ba90-7b8ef1009bd5 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col10 first" style="" data-widgetcontainerid="39e5d895-a14e-4cf8-b8f9-7c9099f50a20"> <div class="row nest first last wide"> <div class="inner col col10 first last id248e2b65-17a4-41ac-b42b-5d33622ae6b8" style="" data-widgetcontainerid="248e2b65-17a4-41ac-b42b-5d33622ae6b8"> <div id="divTabbed94f77889-bbbf-4d04-9c1b-f102fb938513" class="widget widgetTabbed wide skin60" data-widgetid="94f77889-bbbf-4d04-9c1b-f102fb938513" role="tablist"> <ol class="tabbedWidget cpTabs " style=" "> <li style="width: 48%;" class="active"> <a href="#tab94f77889-bbbf-4d04-9c1b-f102fb938513_0" class="tabButton" role="tab" aria-controls="#tab94f77889-bbbf-4d04-9c1b-f102fb938513_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Meetings" contenteditable="false">Meetings</span></a> </li><li style="width: 48%;" class=""> <a href="#tab94f77889-bbbf-4d04-9c1b-f102fb938513_1" class="tabButton" role="tab" aria-controls="#tab94f77889-bbbf-4d04-9c1b-f102fb938513_1" aria-selected="false" ><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a> </li> </ol> <div class="cpTabPanels"> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class="active"> <a href="#tab94f77889-bbbf-4d04-9c1b-f102fb938513_0" class="tabButton" role="tab" aria-controls="#tab94f77889-bbbf-4d04-9c1b-f102fb938513_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Meetings" contenteditable="false">Meetings</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel showing" style="" id="tab94f77889-bbbf-4d04-9c1b-f102fb938513_0" role="tabpanel"> <div data-widget-id="1407d9a1-d683-4b0e-921b-2bcb755f40f8" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <div id="widgetCalendar1407d9a1-d683-4b0e-921b-2bcb755f40f8" class="widget widgetCalendar skin60 widgetOptionSet48 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid2 mediaAbove"> <div class="calendarInnerWrapper"> <div data-minicalendar="true" class="miniCalendar" style=""> <input type="hidden" name="monthToRender" data-year="2025" data-month="04" /> <h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" id="miniCalendarHeader1407d9a1-d683-4b0e-921b-2bcb755f40f8"><button aria-label="Previous Month" 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><div tabindex="0" class="cp-miniCalendar-title">April 2025</div><button aria-label="Next Month" 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> <table role="grid" aria-labelledby="miniCalendarHeader1407d9a1-d683-4b0e-921b-2bcb755f40f8" 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."> <thead> <tr> <th scope="col"><abbr title=" Sunday "> S </abbr></th> <th scope="col"><abbr title=" Monday "> M </abbr></th> <th scope="col"><abbr title=" Tuesday "> T </abbr></th> <th scope="col"><abbr title=" Wednesday "> W </abbr></th> <th scope="col"><abbr title=" Thursday "> T </abbr></th> <th scope="col"><abbr title=" Friday "> F </abbr></th> <th scope="col"><abbr title=" Saturday "> S </abbr></th> </tr> </thead> <tbody> <tr><td class="not"><span><time datetime="2025-03-30">30</time></span></td> <td class="not"><span><time datetime="2025-03-31">31</time></span></td> <td><span><time datetime="2025-04-01">01</time></span></td> <td><span><time datetime="2025-04-02">02</time></span></td> <td class="today"><span><time datetime="2025-04-03">03</time></span></td> <td><span><time datetime="2025-04-04">04</time></span></td> <td><span><time datetime="2025-04-05">05</time></span></td> </tr> <tr><td><span><time datetime="2025-04-06">06</time></span></td> <td><span><time datetime="2025-04-07">07</time></span></td> <td><a tabindex="0" href='/calendar.aspx?view=list&year=2025&month=4&day=8&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-08">08</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=9&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-09">09</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=10&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-10">10</time></a></td> <td><span><time datetime="2025-04-11">11</time></span></td> <td><span><time datetime="2025-04-12">12</time></span></td> </tr> <tr><td><span><time datetime="2025-04-13">13</time></span></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=14&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-14">14</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=15&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-15">15</time></a></td> <td><span><time datetime="2025-04-16">16</time></span></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=17&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-17">17</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=18&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-18">18</time></a></td> <td><span><time datetime="2025-04-19">19</time></span></td> </tr> <tr><td><span><time datetime="2025-04-20">20</time></span></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=21&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-21">21</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=22&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-22">22</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=23&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-23">23</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=24&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-04-24">24</time></a></td> <td><span><time datetime="2025-04-25">25</time></span></td> <td><span><time datetime="2025-04-26">26</time></span></td> </tr> <tr><td><span><time datetime="2025-04-27">27</time></span></td> <td><span><time datetime="2025-04-28">28</time></span></td> <td><span><time datetime="2025-04-29">29</time></span></td> <td><span><time datetime="2025-04-30">30</time></span></td> <td class="not"><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=5&day=1&CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49'><time datetime="2025-05-01">01</time></a></td> <td class="not"><span><time datetime="2025-05-02">02</time></span></td> <td class="not"><span><time datetime="2025-05-03">03</time></span></td> </tr> </tbody> </table> </div> <script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script> <script> $(function () { var miniCalendar = new MiniCalendar(); miniCalendar.init({ widgetId: "1407d9a1-d683-4b0e-921b-2bcb755f40f8", preventNavigationOnArrows: false, displayDatesOutsideOfCurrentMonth: true }); }); </script> <div class="row narrow" style=""> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="["2025-04-08","2025-04-09"]" name="day-list" /> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="1375" > <h4 class="widgetTitle">Tue, Apr. 8 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1375">Zoning Board of Adjustment</a></strong> </div> <a href="/Calendar.aspx?EID=1375" class="readOn" style="display:block;"><span class="visuallyHidden">Zoning Board of Adjustment</span><span aria-hidden="true">Read On...</span></a> </li> <li class="widgetItem " data-event-i-d="1291" > <h4 class="widgetTitle">Wed, Apr. 9 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1291">Kasschau Shell Committee</a></strong> </div> <a href="/Calendar.aspx?EID=1291" class="readOn" style="display:block;"><span class="visuallyHidden">Kasschau Shell Committee</span><span aria-hidden="true">Read On...</span></a> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="1221" > <h4 class="widgetTitle">Wed, Apr. 9 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1221">Village Council Special Public Meeting</a></strong> </div> <a href="/Calendar.aspx?EID=1221" class="readOn" style="display:block;"><span class="visuallyHidden">Village Council Special Public Meeting</span><span aria-hidden="true">Read On...</span></a> </li> <li class="widgetItem " data-event-i-d="1222" > <h4 class="widgetTitle">Wed, Apr. 9 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1222">Village Council Public Meeting</a></strong> </div> <a href="/Calendar.aspx?EID=1222" class="readOn" style="display:block;"><span class="visuallyHidden">Village Council Public Meeting</span><span aria-hidden="true">Read On...</span></a> </li> </ol> </div> </div> </div> <a id="calendarViewAll1407d9a1-d683-4b0e-921b-2bcb755f40f8" class="widgetViewAll" style="" href="/calendar.aspx?CID=43,34,40,33,36,46,39,41,38,31,37,42,44,35,32,30,26,49" aria-label="Calendar View All">View Full Calendar</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class=""> <a href="#tab94f77889-bbbf-4d04-9c1b-f102fb938513_1" class="tabButton" role="tab" aria-controls="#tab94f77889-bbbf-4d04-9c1b-f102fb938513_1" aria-selected="false" ><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel " style="display: none;" id="tab94f77889-bbbf-4d04-9c1b-f102fb938513_1" role="tabpanel"> <div data-widget-id="97786cfe-228e-4ca7-935c-2d1587b1a99d" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <div id="widgetCalendar97786cfe-228e-4ca7-935c-2d1587b1a99d" class="widget widgetCalendar skin60 widgetOptionSet48 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid2 mediaAbove"> <div class="calendarInnerWrapper"> <div data-minicalendar="true" class="miniCalendar" style=""> <input type="hidden" name="monthToRender" data-year="2025" data-month="04" /> <h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" id="miniCalendarHeader97786cfe-228e-4ca7-935c-2d1587b1a99d"><button aria-label="Previous Month" 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><div tabindex="0" class="cp-miniCalendar-title">April 2025</div><button aria-label="Next Month" 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> <table role="grid" aria-labelledby="miniCalendarHeader97786cfe-228e-4ca7-935c-2d1587b1a99d" 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."> <thead> <tr> <th scope="col"><abbr title=" Sunday "> S </abbr></th> <th scope="col"><abbr title=" Monday "> M </abbr></th> <th scope="col"><abbr title=" Tuesday "> T </abbr></th> <th scope="col"><abbr title=" Wednesday "> W </abbr></th> <th scope="col"><abbr title=" Thursday "> T </abbr></th> <th scope="col"><abbr title=" Friday "> F </abbr></th> <th scope="col"><abbr title=" Saturday "> S </abbr></th> </tr> </thead> <tbody> <tr><td class="not"><span><time datetime="2025-03-30">30</time></span></td> <td class="not"><span><time datetime="2025-03-31">31</time></span></td> <td><a tabindex="0" href='/calendar.aspx?view=list&year=2025&month=4&day=1&CID=28,24,23,27,14,45'><time datetime="2025-04-01">01</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=2&CID=28,24,23,27,14,45'><time datetime="2025-04-02">02</time></a></td> <td class="today"><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=3&CID=28,24,23,27,14,45'><time datetime="2025-04-03">03</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=4&CID=28,24,23,27,14,45'><time datetime="2025-04-04">04</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=5&CID=28,24,23,27,14,45'><time datetime="2025-04-05">05</time></a></td> </tr> <tr><td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=6&CID=28,24,23,27,14,45'><time datetime="2025-04-06">06</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=7&CID=28,24,23,27,14,45'><time datetime="2025-04-07">07</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=8&CID=28,24,23,27,14,45'><time datetime="2025-04-08">08</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=9&CID=28,24,23,27,14,45'><time datetime="2025-04-09">09</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=10&CID=28,24,23,27,14,45'><time datetime="2025-04-10">10</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=11&CID=28,24,23,27,14,45'><time datetime="2025-04-11">11</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=12&CID=28,24,23,27,14,45'><time datetime="2025-04-12">12</time></a></td> </tr> <tr><td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=13&CID=28,24,23,27,14,45'><time datetime="2025-04-13">13</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=14&CID=28,24,23,27,14,45'><time datetime="2025-04-14">14</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=15&CID=28,24,23,27,14,45'><time datetime="2025-04-15">15</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=16&CID=28,24,23,27,14,45'><time datetime="2025-04-16">16</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=17&CID=28,24,23,27,14,45'><time datetime="2025-04-17">17</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=18&CID=28,24,23,27,14,45'><time datetime="2025-04-18">18</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=19&CID=28,24,23,27,14,45'><time datetime="2025-04-19">19</time></a></td> </tr> <tr><td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=20&CID=28,24,23,27,14,45'><time datetime="2025-04-20">20</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=21&CID=28,24,23,27,14,45'><time datetime="2025-04-21">21</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=22&CID=28,24,23,27,14,45'><time datetime="2025-04-22">22</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=23&CID=28,24,23,27,14,45'><time datetime="2025-04-23">23</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=24&CID=28,24,23,27,14,45'><time datetime="2025-04-24">24</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=25&CID=28,24,23,27,14,45'><time datetime="2025-04-25">25</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=26&CID=28,24,23,27,14,45'><time datetime="2025-04-26">26</time></a></td> </tr> <tr><td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=27&CID=28,24,23,27,14,45'><time datetime="2025-04-27">27</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=28&CID=28,24,23,27,14,45'><time datetime="2025-04-28">28</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=29&CID=28,24,23,27,14,45'><time datetime="2025-04-29">29</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=4&day=30&CID=28,24,23,27,14,45'><time datetime="2025-04-30">30</time></a></td> <td class="not"><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=5&day=1&CID=28,24,23,27,14,45'><time datetime="2025-05-01">01</time></a></td> <td class="not"><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=5&day=2&CID=28,24,23,27,14,45'><time datetime="2025-05-02">02</time></a></td> <td class="not"><a tabindex="-1" href='/calendar.aspx?view=list&year=2025&month=5&day=3&CID=28,24,23,27,14,45'><time datetime="2025-05-03">03</time></a></td> </tr> </tbody> </table> </div> <script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script> <script> $(function () { var miniCalendar = new MiniCalendar(); miniCalendar.init({ widgetId: "97786cfe-228e-4ca7-935c-2d1587b1a99d", preventNavigationOnArrows: false, displayDatesOutsideOfCurrentMonth: true }); }); </script> <div class="row narrow" style=""> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="["2025-04-01","2025-04-05","2025-04-11","2025-04-14"]" name="day-list" /> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="1176" > <h4 class="widgetTitle">Tue, Apr. 1 - Tue, Jun. 10 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1176">Healthy Steps Walking Program </a></strong> </div> <a href="/Calendar.aspx?EID=1176" class="readOn" style="display:block;"><span class="visuallyHidden">Healthy Steps Walking Program </span><span aria-hidden="true">Read On...</span></a> </li> <li class="widgetItem " data-event-i-d="1453" > <h4 class="widgetTitle">Sat, Apr. 5 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1453" target="_self">2025 Drive-Thru Mobile Shredding Event</a></strong> </div> <a href="/Calendar.aspx?EID=1453" class="readOn" style="display:block;" target="_self"><span class="visuallyHidden">2025 Drive-Thru Mobile Shredding Event</span><span aria-hidden="true">Read On...</span></a> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="1194" > <h4 class="widgetTitle">Fri, Apr. 11 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1194">Free Blood Pressure Screening </a></strong> </div> <a href="/Calendar.aspx?EID=1194" class="readOn" style="display:block;"><span class="visuallyHidden">Free Blood Pressure Screening </span><span aria-hidden="true">Read On...</span></a> </li> <li class="widgetItem " data-event-i-d="1462" > <h4 class="widgetTitle">Mon, Apr. 14 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1462">Safety & Respect: Understanding Body Language (3/4 GRADE PROGRAM)</a></strong> </div> <a href="/Calendar.aspx?EID=1462" class="readOn" style="display:block;"><span class="visuallyHidden">Safety & Respect: Understanding Body Language (3/4 GRADE PROGRAM)</span><span aria-hidden="true">Read On...</span></a> </li> </ol> </div> </div> </div> <a id="calendarViewAll97786cfe-228e-4ca7-935c-2d1587b1a99d" class="widgetViewAll" style="" href="/calendar.aspx?CID=28,24,23,27,14,45" aria-label="Calendar View All">View Full Calendar</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $.when(window.Pages.rwdReady).done(function () { var tabbedWidgetID = 'divTabbed94f77889-bbbf-4d04-9c1b-f102fb938513'; var mediaQuerySize = 25; if (mediaQuerySize > 0) { var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; var $tabbedWidget = $('#' + tabbedWidgetID); window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { deferSetup: false, setup: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); $tabbedWidget.data("tabHeightSet", false); } }, match: function () { $tabbedWidget.addClass('wide').removeClass('narrow'); cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').show(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide(); if($tabbedWidget.data("tabHeightSet") == false) { $tabbedWidget.data("tabHeightSet", true); var tabbedWidgetID = 'divTabbed94f77889-bbbf-4d04-9c1b-f102fb938513'; setTabbedWidgetsTabHeight(tabbedWidgetID); } $('.cpTabPanels').unbind('click'); }, unmatch: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); } $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } }); } }); //Used for when page is initially loaded if($('#divTabbed94f77889-bbbf-4d04-9c1b-f102fb938513').hasClass('narrow')) { $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } //If responsive not enabled, execute this after a timeout if(!isResponsiveEnabled) { window.setTimeout(function(){ var tabbedWidgetID = 'divTabbed94f77889-bbbf-4d04-9c1b-f102fb938513'; typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); }, 1500); } function reinitCarousels() { if (window.carouselsToInit) { for (var i = 0; i < window.carouselsToInit.length; i++) { carouselsToInit[i](); } } } function sizeTabbedContent(element){ if(window.Pages){ if(window.Pages.onResizeHandlers){ var setTabbedInterval = setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 25) setTimeout(function () { clearInterval(setTabbedInterval); if ($.cookie("enableLiveEdit") === "true") { setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 2000); } }, 2500); element.onclick="window.setTimeout(function(){reinitCarousels();},2);" } } } function adjustTab(e) { e.preventDefault(); window.setTimeout(function(){ reinitCarousels(); }, 2); sizeTabbedContent(this); } var tabButtons = document.querySelectorAll("#divTabbed94f77889-bbbf-4d04-9c1b-f102fb938513 .tabButton"); tabButtons.forEach(function (tabButton) { tabButton.addEventListener("click", adjustTab); }); </script> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="ee407b2f-13f6-4c69-87f4-4bafe2b26ccb"> <div class="row nest first last wide"> <div class="inner col col1 first last idd83743d9-a2a7-42cb-b22d-8ea4eef40353" style="" data-widgetcontainerid="d83743d9-a2a7-42cb-b22d-8ea4eef40353"> <div class="widget widgetSpacer" id="054f5079-c346-4fee-ada8-cfd50e70ebd8"></div> </div>  </div>  </div><div class="outer col col13 last" style="" data-widgetcontainerid="051a33a6-26e4-4b84-a83a-7df0c42f37d3"> <div class="row nest first last wide"> <div class="inner col col13 first last id602849a3-265c-4900-a84c-e169c2b8a56f" style="" data-widgetcontainerid="602849a3-265c-4900-a84c-e169c2b8a56f"> <div data-widget-id="e2568c5b-a7a2-4a65-bdec-991dcabbadda" data-widget-controller-path="/NewsFlash/Widget"> <section class="widget widgetNewsFlash skin61 widgetOptionSet32 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashe2568c5b-a7a2-4a65-bdec-991dcabbadda" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide" style=""> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem" data-news-i-d="107"> <h4 id="newsFlashItemHeader107" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=107" target="_self">Road Work Advisory </a></h4> <div class="widgetDesc"> <a href="/CivicAlerts.aspx?AID=107" target="_self" id="newsFlashReadOn107" aria-labelledby="newsFlashItemHeader107 newsFlashReadOn107" class="readOn">Read on...</a> </div> </li> <li class="widgetItem" data-news-i-d="108"> <h4 id="newsFlashItemHeader108" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=108" target="_self">Your Next Outdoor Adventure Starts Here </a></h4> <div class="widgetDesc"> <a href="/CivicAlerts.aspx?AID=108" target="_self" id="newsFlashReadOn108" aria-labelledby="newsFlashItemHeader108 newsFlashReadOn108" class="readOn">Read on...</a> </div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem" data-news-i-d="106"> <h4 id="newsFlashItemHeader106" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=106" target="_self">Age Friendly Ridgewood Survey </a></h4> <div class="widgetDesc"> <a href="/CivicAlerts.aspx?AID=106" target="_self" id="newsFlashReadOn106" aria-labelledby="newsFlashItemHeader106 newsFlashReadOn106" class="readOn">Read on...</a> </div> </li> <li class="widgetItem" data-news-i-d="91"> <h4 id="newsFlashItemHeader91" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=91" target="_self">2025 Village Calendar </a></h4> <div class="widgetDesc"> <a href="/CivicAlerts.aspx?AID=91" target="_self" id="newsFlashReadOn91" aria-labelledby="newsFlashItemHeader91 newsFlashReadOn91" class="readOn">Read on...</a> </div> </li> </ol> </div> </div> <a id="newsFlashViewAlle2568c5b-a7a2-4a65-bdec-991dcabbadda" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1" aria-label="News Flash View All">View More News</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div></div> </div><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccb2dad2f2-1588-44d2-8e22-dff8c03ef248" data-containerid="b2dad2f2-1588-44d2-8e22-dff8c03ef248" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50"> <div class="row outer wide"><div class="outer col col6 first" style="" data-widgetcontainerid="ef4ff09e-9c5a-49e7-a622-a715fb4e504f"> <div class="row nest first wide"> <div class="inner col col6 first last idee78e89e-38b9-4f90-ac82-38e703f0ab6c" style="" data-widgetcontainerid="ee78e89e-38b9-4f90-ac82-38e703f0ab6c"> <div data-widget-id="c549edfc-bc07-4122-a056-220947d1cedb" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvc549edfc-bc07-4122-a056-220947d1cedb" class="widget widgetInfoAdvanced skin43 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerc549edfc-bc07-4122-a056-220947d1cedb"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p><a href="/"><img src="/ImageRepository/Document?documentId=73" class="fr-dib" alt="Village of Ridgewood New Jersey home page"></a></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvc549edfc-bc07-4122-a056-220947d1cedb .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col6 first last id46e3a461-59b6-4041-ae32-55c51b7230f7" style="" data-widgetcontainerid="46e3a461-59b6-4041-ae32-55c51b7230f7"> <div data-widget-id="98511669-eb08-4b4e-b469-02861d998313" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget98511669-eb08-4b4e-b469-02861d998313" class="widget widgetGraphicLinks skin55 widgetOptionSet41 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid4 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self" aria-label=" Facebook graphic"><img src="/ImageRepository/Document?documentID=40" class="graphicButtonLink" alt=" Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=40'" onmouseout="this.src='/ImageRepository/Document?documentID=40'" onfocus="this.src='/ImageRepository/Document?documentID=40'" onblur="this.src='/ImageRepository/Document?documentID=40'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/twitter" target="_self" aria-label="X graphic"><img src="/ImageRepository/Document?documentID=63" class="graphicButtonLink" alt="X" onmouseover="this.src='/ImageRepository/Document?documentID=63'" onmouseout="this.src='/ImageRepository/Document?documentID=63'" onfocus="this.src='/ImageRepository/Document?documentID=63'" onblur="this.src='/ImageRepository/Document?documentID=63'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self" aria-label=" Instagram graphic"><img src="/ImageRepository/Document?documentID=41" class="graphicButtonLink" alt=" Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=41'" onmouseout="this.src='/ImageRepository/Document?documentID=41'" onfocus="this.src='/ImageRepository/Document?documentID=41'" onblur="this.src='/ImageRepository/Document?documentID=41'"> </a></div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self" aria-label=" YouTube graphic"><img src="/ImageRepository/Document?documentID=43" class="graphicButtonLink" alt=" YouTube" onmouseover="this.src='/ImageRepository/Document?documentID=43'" onmouseout="this.src='/ImageRepository/Document?documentID=43'" onfocus="this.src='/ImageRepository/Document?documentID=43'" onblur="this.src='/ImageRepository/Document?documentID=43'"> </a></div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="c0ac0696-6470-4cfb-be17-0f24d2406b36"> <div class="row nest first last wide"> <div class="inner col col1 first last id166cd366-931d-4915-a7e7-83ecf4001a14" style="" data-widgetcontainerid="166cd366-931d-4915-a7e7-83ecf4001a14"> <div class="widget widgetSpacer" id="a1f1d91b-d172-4a87-8cac-8c4bff153a6f"></div> </div>  </div>  </div><div class="outer col col5" style="" data-widgetcontainerid="2a9c0916-215a-4ed6-a55d-6ed3787ae825"> <div class="row nest first last wide"> <div class="inner col col5 first last idd2b4e4d5-9b91-4420-b82e-248029a543f8" style="" data-widgetcontainerid="d2b4e4d5-9b91-4420-b82e-248029a543f8"> <div data-widget-id="39061f79-f2ca-4ad7-9626-216539a9673c" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv39061f79-f2ca-4ad7-9626-216539a9673c" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header39061f79-f2ca-4ad7-9626-216539a9673c"> <header class="widgetHeader" id="header39061f79-f2ca-4ad7-9626-216539a9673c"> <div class=""> <h3 >Contact Us</h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p>131 N Maple Avenue<br>Ridgewood, NJ 07450</p><p>Phone: <a href="tel:201-670-5500">201-670-5500</a></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv39061f79-f2ca-4ad7-9626-216539a9673c .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="615a3494-3c20-4093-bf1f-acbc046f1e71"> <div class="row nest first last wide"> <div class="inner col col1 first last ideb409344-e808-4291-ac71-2580968e2ac8" style="" data-widgetcontainerid="eb409344-e808-4291-ac71-2580968e2ac8"> <div class="widget widgetSpacer" id="e36bd8d0-7711-4fb3-a7b5-2dd5e8f00e28"></div> </div>  </div>  </div><div class="outer col col5" style="" data-widgetcontainerid="8a70559d-b68b-4a81-ab5e-d24d8f246dfe"> <div class="row nest first last wide"> <div class="inner col col5 first last ide5fd0600-3c1e-4b5d-9042-ec6262833fe6" style="" data-widgetcontainerid="e5fd0600-3c1e-4b5d-9042-ec6262833fe6"> <div data-widget-id="937ee5b0-be09-4474-a444-f65205c0fbfd" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink937ee5b0-be09-4474-a444-f65205c0fbfd" class="widget widgetQuickLinks skin37 widgetOptionSet28 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader937ee5b0-be09-4474-a444-f65205c0fbfd"> <header class="widgetHeader" id="quickLinksHeader937ee5b0-be09-4474-a444-f65205c0fbfd"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=15" >Quick Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/129/Agendas-Minutes" target="_self" >Agendas & Minutes</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/208/Boards-Committees" target="_self" >Boards & Committees</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/205/Forms" target="_self" >Forms</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/170/Building" target="_self" >Building Department</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://water.ridgewoodnj.net/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" >Ridgewood Water</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/FAQ.aspx" target="_self" >FAQs</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="d0e92e30-c5e8-4360-85ee-0fe9bd494a3a"> <div class="row nest first last wide"> <div class="inner col col1 first last id171d1c29-e700-4b56-835d-e0cd9e987655" style="" data-widgetcontainerid="171d1c29-e700-4b56-835d-e0cd9e987655"> <div class="widget widgetSpacer" id="acc54329-d1be-41cc-8df6-0777bf5aca0f"></div> </div>  </div>  </div><div class="outer col col5 last" style="" data-widgetcontainerid="399bd83c-a7a1-4be4-b864-db627354e0ec"> <div class="row nest first last wide"> <div class="inner col col5 first last id60c59a13-3a05-46dd-b743-1d09fcb5a893" style="" data-widgetcontainerid="60c59a13-3a05-46dd-b743-1d09fcb5a893"> <div data-widget-id="f0067d5c-b841-49a7-bf51-65fb6b83ddb9" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkf0067d5c-b841-49a7-bf51-65fb6b83ddb9" class="widget widgetQuickLinks skin37 widgetOptionSet28 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderf0067d5c-b841-49a7-bf51-65fb6b83ddb9"> <header class="widgetHeader" id="quickLinksHeaderf0067d5c-b841-49a7-bf51-65fb6b83ddb9"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=16" >Site Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/copyright" target="_self" >Copyright Notices</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy Policy</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://mail.ridgewoodnj.net/owa" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" >Employee Email Access</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc863c25c2-af4c-4bba-8888-4a2482a4c6b4" data-containerid="863c25c2-af4c-4bba-8888-4a2482a4c6b4" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="7dc63446-1934-4a57-b780-5a049ef7ebb8"> <div class="row nest first last wide"> <div class="inner col col24 first last id2f529de6-18bd-4a0d-87f2-2ccd9e4594bd" style="" data-widgetcontainerid="2f529de6-18bd-4a0d-87f2-2ccd9e4594bd"> <div data-widget-id='29712c5c-2fbc-4ae4-8402-a9d9a2b46b53' data-moduleName="customHtml" id='widgetCustomHtml29712c5c-2fbc-4ae4-8402-a9d9a2b46b53' class="widget widgetCustomHtml skin52 narrow" > <div class="widgetBody pageStyles" id="widgetBody29712c5c-2fbc-4ae4-8402-a9d9a2b46b53"> <div id="customHtml29712c5c-2fbc-4ae4-8402-a9d9a2b46b53"><div><style> /* CP icon */ .cpBylineIconTS { color: #fff; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:link { color: #fff; } .cpBylineTS { text-align: center; } .cpBylineIconTS { fill: currentColor; width: 39px; height: 26px; display: inline; vertical-align: middle; } </style> <div class="widgetItem cpBylineTS"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> <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> <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> </svg> <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);">CivicPlus®</a></span> </div> </div></div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </footer> </div> </div> </div> </div> <link href="/745732998.css" rel="stylesheet" type="text/css" /> <div tabindex="0"></div> <div id="SplashMessageWrapper" class="cp-Splash-wrapper"> <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"> <div class="cp-Splash-header"> <span class="cp-Splash-title" id="cp-Splash-title">Loading</span> <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> <svg id="iconClose" viewBox="0 0 25 25"> <polygon style="fill:currentcolor" 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,18.084 13.277,12.508"></polygon> </svg> </button> </div> <div class="cp-Splash-body"> <div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc">  Loading </div> </div> <div class="cp-Splash-footer"> <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> </div> </div> </div> <div tabindex="0"></div> <script src="/Assets/Scripts/APIClient.js"></script> <script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script> <script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script> <script> $(document).ready(function () { var filter = { targetId: '1', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/-509779325.js" type="text/javascript"></script>  <script> function getValueTS(elem, attr) { const val = elem.css(attr); if (val === undefined) return undefined; const num = parseInt(val, 10); if (num === NaN) return undefined; return num; } function clampTS(number, min, max) { return Math.min(Math.max(number, min), max); } function isPageEditingTS() { return ( $("#doneEditing").length > 0 || // In live edit typeof DesignCenter !== "undefined" // In theme manager ); } const bgColorRegexTS = /rgba$(\d+), (\d+), (\d+), (\d*\.?\d*)$/; function isTransparentTS(elem) { const bg = elem.css('background-color'); if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; const matchState = bg.match(bgColorRegexTS); if (!matchState || matchState.length !== 5) return false; const alpha = parseFloat(matchState[4], 10); if (!(alpha >= 0 && alpha < 1)) return false; return true; } function iterateLeftpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-leftpad') === null ) { cb(containerTS); } } } const anchor = $("#divToolbars"); const bodyContainerTS = $("#bodyContainerTS"); // Outer banner padding (push banner down) const outerSizingTS = $("#bannerContainerTS"); // Inner banner padding (push banner content down) - Transparent header OR on attaching headers const innerSizingTS = $("#bannerSizingTS"); const forceUnfixClassTS = "forceUnfixTS"; const fixedTopTS = $(".fixedTopTS"); const fixedBottomTS = $(".fixedBottomTS"); const fixedLeftTS = $(".fixedLeftTS"); var initialTopTS; var topAttachTS; if (fixedTopTS && fixedTopTS.length === 1) { initialTopTS = getValueTS(fixedTopTS, 'top'); const attachment = fixedTopTS.attr('data-attach'); if (attachment) topAttachTS = $("#" + attachment); if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; } function resizeAdjustmentTS() { const editing = isPageEditingTS(); // Fixed top script (function () { if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; if (editing) { fixedTopTS[0].classList.add(forceUnfixClassTS); } else { fixedTopTS[0].classList.remove(forceUnfixClassTS); } const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed') { if (topAttachTS) { scrollAdjustmentTS(); } else { const anchorHeight = anchor.outerHeight() - 1; fixedTopTS.css('top', anchorHeight + initialTopTS); } } else { fixedTopTS.css('top', initialTopTS); } if (topPosition === 'fixed' || topPosition === 'absolute') { // Bump the banner content down if (isTransparentTS(fixedTopTS)) { innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight()); outerSizingTS.css('padding-top', ''); try { window.Pages.onResizeHandlersExecute(); } catch (e) { } } else { outerSizingTS.css('padding-top', fixedTopTS.outerHeight()); innerSizingTS.css('padding-top', ''); } } else { innerSizingTS.css('padding-top', ''); outerSizingTS.css('padding-top', ''); } })(); // Fixed bottom script (function () { if (!fixedBottomTS || fixedBottomTS.length === 0) return; // If the widget has gone narrow, force unfix if (editing || fixedBottomTS.outerHeight() > 200) { fixedBottomTS[0].classList.add(forceUnfixClassTS); } else { fixedBottomTS[0].classList.remove(forceUnfixClassTS); } if (fixedBottomTS.css('position') === 'fixed') { bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); } else { bodyContainerTS.css('padding-bottom', ''); } })(); // Fixed left script (function () { if (!fixedLeftTS || fixedLeftTS.length === 0) return; if (editing) { fixedLeftTS[0].classList.add(forceUnfixClassTS); } else { fixedLeftTS[0].classList.remove(forceUnfixClassTS); } if (fixedLeftTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; fixedLeftTS.css('top', anchorHeight); const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); iterateLeftpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= leftBoundingTS.right) { $(containerTS).css('padding-left', leftBoundingTS.width + 16); } }); } else { fixedLeftTS.css('top', ''); iterateLeftpads(function (containerTS) { $(containerTS).css('padding-left', ''); }); } })(); } function scrollAdjustmentTS() { if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed' || topPosition === 'absolute') { const anchorBounding = anchor[0].getBoundingClientRect(); const attachBounding = topAttachTS[0].getBoundingClientRect(); const scrollTop = $(window).scrollTop(); fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); } else { fixedTopTS.css('top', initialTopTS); } } $(window).load(function () { setTimeout(function () { try { resizeAdjustmentTS(); } catch (e) { console.error(e); } }, 350); $(window).scroll(function () { try { scrollAdjustmentTS(); } catch (e) { console.error(e); } }); var adjustTimeoutTS; $(window).resize(function () { clearTimeout(adjustTimeoutTS); adjustTimeoutTS = setTimeout(function () { try { resizeAdjustmentTS(); } catch (e) { console.error(e); } }, 350); }); $.when(window.Pages.angularToolbarComplete).done(function () { try { resizeAdjustmentTS(); } catch (e) { console.error(e); } }); }); </script>  <script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash = "71c9261448056542f216a47a72ed1ee1"; 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> <script type="text/javascript"> $(function () { document.cookie = "responsiveGhost=0; path=/"; }); $(window).on("load", function () { $('body').addClass('doneLoading').removeClass('hideContent'); if ($('#404Content').length > 0) $('div#bodyWrapper').css('padding', '0px'); }); </script> <noscript> <style> body.hideContent { opacity: 1 !important; } </style> </noscript> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> <symbol id="iconArrow--left" viewbox="0 0 25 25"> <title>Arrow Left</title> <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> </symbol> <symbol id="iconArrow--right" viewbox="0 0 25 25"> <title>Arrow Right</title> <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> </symbol> </svg> </div> <script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Montserrat:500,600,700,regular|');</script> <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> <title>Slideshow Left Arrow</title> <g> <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> </g> </symbol> <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> <title>Slideshow Right Arrow</title> <g> <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> </g> </symbol> </svg> </div> <div id="root-picker-outlet"></div> </body> </html>