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-MD4M38E2MH';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 = {"DepartmentHeaderId":319,"DepartmentHeaderName":"Parks and Recreation"}; 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="category1" content="Government" /> <meta name="category2" content="Departments" /> <meta name="category3" content="Parks and Recreation" /> <meta name="theme-color" content="#2f3d71"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Parks & Recreation | Portage, IN</title> <meta name="description" content="Discover information about the Parks and Recreation Department events, classes, facilities, and more."> <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="/2074660416.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="/-980062917.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="4fd2987f-387b-4505-a999-732e9be261a3" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="12" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="319" /> <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="siteWrap3"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a id="bannerLogoTS-58" style=" display: block; text-align: center; " class="bannerObject" href="/319" target="_self"><img alt="Parks and Recreation Home Page" class="bannerObject" height="267" src="/ImageRepository/Document?documentID=3727" width="769" /></a> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="ccc2f77cf0-42c9-455c-a2f6-ae032c7b08f7" data-containerid="c2f77cf0-42c9-455c-a2f6-ae032c7b08f7" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="a7c6b699-0c98-4def-9d1c-de10c4237a76"> <div class="row nest first last wide"> <div class="inner col col24 first last id0b29acf9-510f-4a29-a700-54e03beb6c13" style="" data-widgetcontainerid="0b29acf9-510f-4a29-a700-54e03beb6c13"> <div data-widget-id="d77cd863-2833-498b-8ac3-ba1b6493d64c" 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.widgetSearchButtond77cd863-2833-498b-8ac3-ba1b6493d64c").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDeptd77cd863-2833-498b-8ac3-ba1b6493d64c").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchFieldd77cd863-2833-498b-8ac3-ba1b6493d64c").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDeptd77cd863-2833-498b-8ac3-ba1b6493d64c").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDeptd77cd863-2833-498b-8ac3-ba1b6493d64c").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchFieldd77cd863-2833-498b-8ac3-ba1b6493d64c").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDeptd77cd863-2833-498b-8ac3-ba1b6493d64c").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 ($("#searchFieldd77cd863-2833-498b-8ac3-ba1b6493d64c").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchFieldd77cd863-2833-498b-8ac3-ba1b6493d64c")); } } }); }, 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 widgetSearchBoxd77cd863-2833-498b-8ac3-ba1b6493d64c" cp5ph="true" id="searchFieldd77cd863-2833-498b-8ac3-ba1b6493d64c" name="searchField" onchange="searchBtnApplyQuery();" placeholder="How can we help..." title="How can we help..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtond77cd863-2833-498b-8ac3-ba1b6493d64c" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=70" data-image="/ImageRepository/Document?documentID=71" src="/ImageRepository/Document?documentID=71" /></a> <label class="searchLabel" for="searchFieldd77cd863-2833-498b-8ac3-ba1b6493d64c">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #747474; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #747474; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #747474; } .widgetSearch :-ms-input-placeholder { color: #747474; } .widgetSearch .widgetBody .widgetSearchBoxd77cd863-2833-498b-8ac3-ba1b6493d64c { color: #747474; font-family: Open Sans; font-size: 1.1em; height: 60px; border: none; padding: 0 80px 0 25px; border-radius: 10px; box-shadow: 0px 2px 6px #00000029; } .widgetSearch .widgetBody .widgetSearchButtond77cd863-2833-498b-8ac3-ba1b6493d64c { margin: 9px; } .widgetSearch .widgetSearch-onlyDeptd77cd863-2833-498b-8ac3-ba1b6493d64c { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDeptd77cd863-2833-498b-8ac3-ba1b6493d64c { 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("searchFieldd77cd863-2833-498b-8ac3-ba1b6493d64c").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="319" class="rootNavMenu" role="menu"><li id="MainItem324" class="topMenuItem" role="none" data-pageid="324" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavAboutUs" class="navMainItem mainNavItem mainNavItem1" href="/324/About-Us" target = "_self" > About Us </a> </li><li id="MainItem323" class="topMenuItem" role="none" data-pageid="323" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavEventsProgramsSports" class="navMainItem mainNavItem mainNavItem2" href="/323/Events-Programs-Sports" target = "_self" > Events Programs Sports </a> </li><li id="MainItem322" class="topMenuItem" role="none" data-pageid="322" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavParksTrails" class="navMainItem mainNavItem mainNavItem3" href="/322/Parks-Trails" target = "_self" > Parks & Trails </a> </li><li id="MainItem321" class="topMenuItem" role="none" data-pageid="321" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4" href="/321/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=319&moduleID=&themeID=12&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = false; 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="0"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu324" class="contentTop mainNavMegaMenu megaMenuContainer pageID_324 hidden" data-orientation="horizontal"> <div id="cc4730ed21-9bd8-4c37-8610-7d613e70cfe3" data-containerid="4730ed21-9bd8-4c37-8610-7d613e70cfe3" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu323" class="contentTop mainNavMegaMenu megaMenuContainer pageID_323 hidden" data-orientation="horizontal"> <div id="cc13c16f9e-7afd-486e-a7cd-1bbbec368b22" data-containerid="13c16f9e-7afd-486e-a7cd-1bbbec368b22" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu322" class="contentTop mainNavMegaMenu megaMenuContainer pageID_322 hidden" data-orientation="horizontal"> <div id="cc388894b9-7d17-41ed-9386-978880fb83e9" data-containerid="388894b9-7d17-41ed-9386-978880fb83e9" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu321" class="contentTop mainNavMegaMenu megaMenuContainer pageID_321 hidden" data-orientation="horizontal"> <div id="cce9059557-bc84-41b4-90df-724f0f1c167e" data-containerid="e9059557-bc84-41b4-90df-724f0f1c167e" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div> </header><div data-cpRole="structuralContainer" id="bannerContainerTS"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div class="siteWrap"><div data-cpRole="structuralContainer" id="bannerContentTS"> <div data-cpRole="contentContainer" id="bannerContentTSa"> <div id="cc43877fd4-a724-48cf-a74c-017e822d6caf" data-containerid="43877fd4-a724-48cf-a74c-017e822d6caf" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </div> </div></div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc76c03d52-7ec0-4acf-9204-4c05c5e4a012" data-containerid="76c03d52-7ec0-4acf-9204-4c05c5e4a012" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="4bb57989-2c61-4575-b62e-66958c3b247e"> <div class="row nest first last wide"> <div class="inner col col24 first last id591d4473-909f-4267-9978-b0dad07f692c" style="" data-widgetcontainerid="591d4473-909f-4267-9978-b0dad07f692c"> <div data-widget-id="98b7b908-fc0a-496b-8a28-8e7aeeeccfe8" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget98b7b908-fc0a-496b-8a28-8e7aeeeccfe8" class="widget widgetGraphicLinks skin45 widgetOptionSet32 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 cpGrid5 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://rec.portage-in.com/Default.aspx?id=7" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton122 " > <span> <span><span class="text">Register Online</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton122.fancyButton:link,.fancyButton122.fancyButton:visited, .fancyButton122div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=3736'); background-repeat: no-repeat; background-position: center 1em ; background-size: 90px; transition:.2s ease-in-out;} .fancyButton122.fancyButton:hover,.fancyButton122.fancyButton:focus,.fancyButton122.fancyButton:active,.fancyButton122.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton122.fancyButton:link > span,.fancyButton122.fancyButton:visited > span, .fancyButton122div.fancyButton > span{ } .fancyButton122.fancyButton:hover > span,.fancyButton122.fancyButton:focus > span,.fancyButton122.fancyButton:active > span,.fancyButton122.fancyButton.hover > span{ } .fancyButton122.fancyButton .text{ color: #454545; font-size: 1.1em; font-family: "Open Sans"; padding-top: 110px; font-weight: 600; text-decoration: none; padding-top: 110px; background-repeat: no-repeat; background-position: left top; } .fancyButton122.fancyButton:hover .text,.fancyButton122.fancyButton:focus .text,.fancyButton122.fancyButton:active .text,.fancyButton122.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/393/Facility-Rentals" target="_self" class="fancyButton fancyButton126 " > <span> <span><span class="text">Rentals</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton126.fancyButton:link,.fancyButton126.fancyButton:visited, .fancyButton126div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=3737'); background-repeat: no-repeat; background-position: center 1em ; background-size: 90px; transition:.2s ease-in-out;} .fancyButton126.fancyButton:hover,.fancyButton126.fancyButton:focus,.fancyButton126.fancyButton:active,.fancyButton126.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton126.fancyButton:link > span,.fancyButton126.fancyButton:visited > span, .fancyButton126div.fancyButton > span{ } .fancyButton126.fancyButton:hover > span,.fancyButton126.fancyButton:focus > span,.fancyButton126.fancyButton:active > span,.fancyButton126.fancyButton.hover > span{ } .fancyButton126.fancyButton .text{ color: #454545; font-size: 1.1em; font-family: "Open Sans"; padding-top: 110px; font-weight: 600; text-decoration: none; padding-top: 110px; background-repeat: no-repeat; background-position: left top; } .fancyButton126.fancyButton:hover .text,.fancyButton126.fancyButton:focus .text,.fancyButton126.fancyButton:active .text,.fancyButton126.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://inportageparks.com/484/Events" target="_self" class="fancyButton fancyButton125 " > <span> <span><span class="text">Events</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton125.fancyButton:link,.fancyButton125.fancyButton:visited, .fancyButton125div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=3735'); background-repeat: no-repeat; background-position: center 1em ; background-size: 90px; transition:.2s ease-in-out;} .fancyButton125.fancyButton:hover,.fancyButton125.fancyButton:focus,.fancyButton125.fancyButton:active,.fancyButton125.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton125.fancyButton:link > span,.fancyButton125.fancyButton:visited > span, .fancyButton125div.fancyButton > span{ } .fancyButton125.fancyButton:hover > span,.fancyButton125.fancyButton:focus > span,.fancyButton125.fancyButton:active > span,.fancyButton125.fancyButton.hover > span{ } .fancyButton125.fancyButton .text{ color: #454545; font-size: 1.1em; font-family: "Open Sans"; padding-top: 110px; font-weight: 600; text-decoration: none; padding-top: 110px; background-repeat: no-repeat; background-position: left top; } .fancyButton125.fancyButton:hover .text,.fancyButton125.fancyButton:focus .text,.fancyButton125.fancyButton:active .text,.fancyButton125.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://inportageparks.com/365/Sports" target="_self" class="fancyButton fancyButton124 " > <span> <span><span class="text">Sports</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton124.fancyButton:link,.fancyButton124.fancyButton:visited, .fancyButton124div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=3734'); background-repeat: no-repeat; background-position: center 1em ; background-size: 90px; transition:.2s ease-in-out;} .fancyButton124.fancyButton:hover,.fancyButton124.fancyButton:focus,.fancyButton124.fancyButton:active,.fancyButton124.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton124.fancyButton:link > span,.fancyButton124.fancyButton:visited > span, .fancyButton124div.fancyButton > span{ } .fancyButton124.fancyButton:hover > span,.fancyButton124.fancyButton:focus > span,.fancyButton124.fancyButton:active > span,.fancyButton124.fancyButton.hover > span{ } .fancyButton124.fancyButton .text{ color: #454545; font-size: 1.1em; font-family: "Open Sans"; padding-top: 110px; font-weight: 600; text-decoration: none; padding-top: 110px; background-repeat: no-repeat; background-position: left top; } .fancyButton124.fancyButton:hover .text,.fancyButton124.fancyButton:focus .text,.fancyButton124.fancyButton:active .text,.fancyButton124.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/Directory.aspx?DID=18" target="_self" class="fancyButton fancyButton123 " > <span> <span><span class="text">Contact Us</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton123.fancyButton:link,.fancyButton123.fancyButton:visited, .fancyButton123div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=3733'); background-repeat: no-repeat; background-position: center 1em ; background-size: 90px; transition:.2s ease-in-out;} .fancyButton123.fancyButton:hover,.fancyButton123.fancyButton:focus,.fancyButton123.fancyButton:active,.fancyButton123.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton123.fancyButton:link > span,.fancyButton123.fancyButton:visited > span, .fancyButton123div.fancyButton > span{ } .fancyButton123.fancyButton:hover > span,.fancyButton123.fancyButton:focus > span,.fancyButton123.fancyButton:active > span,.fancyButton123.fancyButton.hover > span{ } .fancyButton123.fancyButton .text{ color: #454545; font-size: 1.1em; font-family: "Open Sans"; padding-top: 110px; font-weight: 600; text-decoration: none; padding-top: 110px; background-repeat: no-repeat; background-position: left top; } .fancyButton123.fancyButton:hover .text,.fancyButton123.fancyButton:focus .text,.fancyButton123.fancyButton:active .text,.fancyButton123.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> <div id="bannerImagesJSON59" class="hidden"></div> <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew centered viewport " style=""> <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":59,"ThemeID":12,"SlotName":"banner1","Name":"Default - Parks and Rec","IsDefault":false,"BannerMode":2,"SlideShowSlideTiming":null,"SlideshowTransition":0,"SlideShowTransitionTiming":null,"ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":1,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"alignCenter viewport","BannerImages":[{"BannerImageID":130,"BannerOptionID":59,"FileName":"/ImageRepository/Document?documentID=5292","Height":625,"Width":2048,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":131,"BannerOptionID":59,"FileName":"/ImageRepository/Document?documentID=5286","Height":626,"Width":2048,"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="mainContainerTS"> <div class="siteWrap"><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="319" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="157" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="2102" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Parks and Recreation" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <h1 id="versionHeadLine" class="headline"> Parks & Recreation </h1> <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="homeContainer1"> <div data-cpRole="banner" id="banner2"><div data-cpRole="structuralContainer" id="homeContainer2"> <div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="ccd65d4815-49ac-4a98-839e-6a68b1a5d2f6" data-containerid="d65d4815-49ac-4a98-839e-6a68b1a5d2f6" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="45"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="25ca0625-7855-404a-bf93-1840c16aed80"> <div class="row nest first last wide"> <div class="inner col col24 first last id87ea0853-9179-4de8-973e-7fd252b1c532" style="" data-widgetcontainerid="87ea0853-9179-4de8-973e-7fd252b1c532"> <div data-widget-id="5959aa35-873a-48ce-8200-27283fc4627d" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv5959aa35-873a-48ce-8200-27283fc4627d" class="widget widgetInfoAdvanced skin56 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header5959aa35-873a-48ce-8200-27283fc4627d"> <header class="widgetHeader" id="header5959aa35-873a-48ce-8200-27283fc4627d"> <div class=""> <h3 >News & Announcements</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>Stay up to date with Parks & Recreation</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) { $('#divInfoAdv5959aa35-873a-48ce-8200-27283fc4627d .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="18168522-4ed9-45ce-bb18-50f7ec5b3639"> <div class="row nest first last wide"> <div class="inner col col24 first last id0f1d328f-0464-4e04-9db6-0b11202f0b0a" style="" data-widgetcontainerid="0f1d328f-0464-4e04-9db6-0b11202f0b0a"> <div data-widget-id="ff3d16bc-cd0a-422e-b5cf-39a53a8de482" 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 skin57 widgetOptionSet25 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashff3d16bc-cd0a-422e-b5cf-39a53a8de482" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid4 "> <div class="cpCarousel cpCarouselff3d16bc-cd0a-422e-b5cf-39a53a8de482"> <div class="cpWindow cpWindowff3d16bc-cd0a-422e-b5cf-39a53a8de482"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="https://inportageparks.com/496/2025-Spring-Adult-Softball" target="_self"><img class="media" src="/ImageRepository/Document?documentID=5897" alt="2025 Spring Softball Flyer" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader110" class="widgetTitle"> <a href="https://inportageparks.com/496/2025-Spring-Adult-Softball" target="_self">2025 Spring Adult Softball </a> </h4> <div class="widgetDesc"> <a href="https://inportageparks.com/496/2025-Spring-Adult-Softball" target="_self" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="https://inportageparks.com/465/2025-Spring-Youth-Soccer" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=5801" alt="Spring Soccer Flyer 2025" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader107" class="widgetTitle"> <a href="https://inportageparks.com/465/2025-Spring-Youth-Soccer" target="_self">2025 Spring Youth Soccer </a> </h4> <div class="widgetDesc"> <a href="https://inportageparks.com/465/2025-Spring-Youth-Soccer" target="_self" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="2"> <a href="https://inportageparks.com/497/Movie-In-The-Park" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=5769" alt="Movie in the Park 4 4 25" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader115" class="widgetTitle"> <a href="https://inportageparks.com/497/Movie-In-The-Park" target="_self">Movie in the Park </a> </h4> <div class="widgetDesc"> On April 4th join us for a FREE "Easter" Movie in the Park - Rise of the Guardians! <a href="https://inportageparks.com/497/Movie-In-The-Park" target="_self" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="3"> <a href="https://inportageparks.com/498/Furry-Friends-Meet-and-Greet-the-Easter-" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=5684" alt="MEET AND GREET EASTER BUNNY" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader116" class="widgetTitle"> <a href="https://inportageparks.com/498/Furry-Friends-Meet-and-Greet-the-Easter-" target="_self">Furry Friends Meet and Greet the Easter Bunny </a> </h4> <div class="widgetDesc"> Bring your pup to meet the Easter Bunny on April 5th from 12 - 3 in Oakwood Hall! Free to Attend, all we ask is for you to bring a donation for the Hobart Humane Society and you will be entered to win a basket full of doggy goodies! <a href="https://inportageparks.com/498/Furry-Friends-Meet-and-Greet-the-Easter-" target="_self" class="readOn">Additional Info...</a> </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> //  </script> <a id="newsFlashViewAllff3d16bc-cd0a-422e-b5cf-39a53a8de482" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=7" aria-label="News Flash View All">View All 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 data-cpRole="contentContainer" id="homeContent2a"> <div id="ccb56ba3de-14e5-4993-a102-5ae479708bd5" data-containerid="b56ba3de-14e5-4993-a102-5ae479708bd5" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="6d41b5c0-b189-442a-a725-d099beb851ab"> <div class="row nest first last wide"> <div class="inner col col24 first last id8a3b08ae-c0b9-4779-a23d-fbe2106503ee" style="" data-widgetcontainerid="8a3b08ae-c0b9-4779-a23d-fbe2106503ee"> <div data-widget-id="89ae9e00-15b0-4bfc-9b58-07e3455792d9" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv89ae9e00-15b0-4bfc-9b58-07e3455792d9" class="widget widgetInfoAdvanced skin60 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header89ae9e00-15b0-4bfc-9b58-07e3455792d9"> <header class="widgetHeader" id="header89ae9e00-15b0-4bfc-9b58-07e3455792d9"> <div class=""> <h3 >Latest Parks & Rec Events</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"> Weekly meetings, events, and more in Portage </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) { $('#divInfoAdv89ae9e00-15b0-4bfc-9b58-07e3455792d9 .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="80b304c3-87da-4e13-b049-603eebf89227"> <div class="row nest first last wide"> <div class="inner col col24 first last ide31857a0-b5f8-41e0-827c-9d46d8d01435" style="" data-widgetcontainerid="e31857a0-b5f8-41e0-827c-9d46d8d01435"> <div data-widget-id="fcfe069e-c1df-4019-9784-968bdaf8a981" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <div id="widgetCalendarfcfe069e-c1df-4019-9784-968bdaf8a981" class="widget widgetCalendar skin62 widgetOptionSet44 strip narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid5 "> <div class="row auto narrow"> <div class="col col1 first "> <ol class="semanticList"> <li class="dateBlock" style="color: #fff;"> <abbr class="dateAbbr" title="March">Mar</abbr> 25 </li> <li class="widgetItem " data-event-i-d="1347"> <div style="" class="widgetDesc"> <h4><a href="/Calendar.aspx?EID=1347"><span>Cardio Drumming</span></a></h4> </div> <a href="/Calendar.aspx?EID=1347" class="readOn" style="display:block;"><span class="visuallyHidden">Cardio Drumming</span><span aria-hidden="true">Read on...</span></a> </li> <li class="widgetItem " data-event-i-d="1192"> <div style="" class="widgetDesc"> <h4><a href="/Calendar.aspx?EID=1192"><span>Board of Works Meeting</span></a></h4> </div> <a href="/Calendar.aspx?EID=1192" class="readOn" style="display:block;"><span class="visuallyHidden">Board of Works Meeting</span><span aria-hidden="true">Read on...</span></a> </li> <li class="widgetItem " data-event-i-d="1397"> <div style="" class="widgetDesc"> <h4><a href="/Calendar.aspx?EID=1397"><span>Cardio Drumming</span></a></h4> </div> <a href="/Calendar.aspx?EID=1397" class="readOn" style="display:block;"><span class="visuallyHidden">Cardio Drumming</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="dateBlock" style="color: #fff;"> <abbr class="dateAbbr" title="March">Mar</abbr> 26 </li> <li class="widgetItem " data-event-i-d="1593"> <div style="" class="widgetDesc"> <h4><a href="https://inportageparks.com/513/Taekwondo-in-the-Park"><span>Taekwondo in the Park</span></a></h4> </div> <a href="https://inportageparks.com/513/Taekwondo-in-the-Park" class="readOn" style="display:block;"><span class="visuallyHidden">Taekwondo in the Park</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="dateBlock" style="color: #fff;"> <abbr class="dateAbbr" title="March">Mar</abbr> 27 </li> <li class="widgetItem " data-event-i-d="1297"> <div style="" class="widgetDesc"> <h4><a href="/Calendar.aspx?EID=1297"><span>Cardio Drumming</span></a></h4> </div> <a href="/Calendar.aspx?EID=1297" class="readOn" style="display:block;"><span class="visuallyHidden">Cardio Drumming</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li class="dateBlock" style="color: #fff;"> <abbr class="dateAbbr" title="March">Mar</abbr> 28 </li> <li class="widgetItem " data-event-i-d="1485"> <div style="" class="widgetDesc"> <h4><a href="/Calendar.aspx?EID=1485"><span>Storytime in the Park</span></a></h4> </div> <a href="/Calendar.aspx?EID=1485" class="readOn" style="display:block;"><span class="visuallyHidden">Storytime in the Park</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="dateBlock" style="color: #fff;"> <abbr class="dateAbbr" title="March">Mar</abbr> 31 </li> <li class="widgetItem " data-event-i-d="1582"> <div style="" class="widgetDesc"> <h4><a href="https://inportageparks.com/514/Zumba-in-the-Park"><span>Zumba in the Park</span></a></h4> </div> <a href="https://inportageparks.com/514/Zumba-in-the-Park" class="readOn" style="display:block;"><span class="visuallyHidden">Zumba in the Park</span><span aria-hidden="true">Read on...</span></a> </li> <li class="widgetItem " data-event-i-d="1587"> <div style="" class="widgetDesc"> <h4><a href="https://inportageparks.com/514/Zumba-in-the-Park"><span>Zumba in the Park</span></a></h4> </div> <a href="https://inportageparks.com/514/Zumba-in-the-Park" class="readOn" style="display:block;"><span class="visuallyHidden">Zumba in the Park</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> </div> <a id="calendarViewAllfcfe069e-c1df-4019-9784-968bdaf8a981" class="widgetViewAll" style="" href="/calendar.aspx?CID=14,23" aria-label="Calendar View All">View All Events</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> <div id="banner2-60" style="display: none"></div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderBanner('banner2-60', 'banner2', {"BannerOptionID":60,"ThemeID":12,"SlotName":"banner2","Name":"Default - Parks and Rec","IsDefault":false,"BannerMode":1,"SlideShowSlideTiming":null,"SlideshowTransition":0,"SlideShowTransitionTiming":null,"ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":92,"BannerOptionID":60,"FileName":"/ImageRepository/Document?documentID=3732","Height":938,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, {"BannerImageID":92,"BannerOptionID":60,"FileName":"/ImageRepository/Document?documentID=3732","Height":938,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, '/App_Themes/Home/Images/', '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=3732" />'); }); }); </script> </div> </div><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccc8c2ca2f-5f6e-4fa3-9b33-a4e0f4b0474b" data-containerid="c8c2ca2f-5f6e-4fa3-9b33-a4e0f4b0474b" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="55"> <div class="row outer wide"><div class="outer col col4 first" style="" data-widgetcontainerid="7a7dbc93-1907-4f6d-9c4d-db782ef7aaba"> <div class="row nest first wide"> <div class="inner col col4 first last id02c6f1e4-d100-46db-b08e-34cb0f37b32f" style="" data-widgetcontainerid="02c6f1e4-d100-46db-b08e-34cb0f37b32f"> <div data-widget-id="8ba57264-7879-453d-9ac1-01ebe20aa9c4" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv8ba57264-7879-453d-9ac1-01ebe20aa9c4" class="widget widgetInfoAdvanced skin61 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="header8ba57264-7879-453d-9ac1-01ebe20aa9c4"> <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"> <div style="" class="imageAlignWrapper"><img src="/ImageRepository/Document?documentID=72" alt="City of Portage logo" title="City of Portage logo" style="text-align: center;" class="floatCenter"></div> </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) { $('#divInfoAdv8ba57264-7879-453d-9ac1-01ebe20aa9c4 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col4 first last iddfbba378-dd3b-467a-a593-327c6d9cb719" style="" data-widgetcontainerid="dfbba378-dd3b-467a-a593-327c6d9cb719"> <div data-widget-id="c6a5c7f8-b8fe-4351-bf8e-fb95666625cf" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetc6a5c7f8-b8fe-4351-bf8e-fb95666625cf" class="widget widgetGraphicLinks skin55 widgetOptionSet31 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=" graphic"><img src="/ImageRepository/Document?documentID=40" class="graphicButtonLink" alt="" 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=" graphic"><img src="/ImageRepository/Document?documentID=42" class="graphicButtonLink" alt="" onmouseover="this.src='/ImageRepository/Document?documentID=42'" onmouseout="this.src='/ImageRepository/Document?documentID=42'" onfocus="this.src='/ImageRepository/Document?documentID=42'" onblur="this.src='/ImageRepository/Document?documentID=42'"> </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=" graphic"><img src="/ImageRepository/Document?documentID=41" class="graphicButtonLink" alt="" 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=" graphic"><img src="/ImageRepository/Document?documentID=43" class="graphicButtonLink" alt="" 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 col3" style="" data-widgetcontainerid="881a4545-33d0-417e-a122-b03c5c1106be"> <div class="row nest first last wide"> <div class="inner col col3 first last id75f4998f-2942-4e09-a385-ca7b2fda8b34" style="" data-widgetcontainerid="75f4998f-2942-4e09-a385-ca7b2fda8b34"> <div class="widget widgetSpacer" id="95cbfc9a-7fe6-4365-a89b-9da30088e7d0"></div> </div>  </div>  </div><div class="outer col col3" style="" data-widgetcontainerid="8b0f5323-e7fb-438f-bba6-1f062fbcf880"> <div class="row nest first last wide"> <div class="inner col col3 first last ida3456e59-7aca-4d98-b3fc-e4e992bccdd5" style="" data-widgetcontainerid="a3456e59-7aca-4d98-b3fc-e4e992bccdd5"> <div data-widget-id="9c68939c-c281-4fc0-80e8-eebb8e1f5e13" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv9c68939c-c281-4fc0-80e8-eebb8e1f5e13" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header9c68939c-c281-4fc0-80e8-eebb8e1f5e13"> <header class="widgetHeader" id="header9c68939c-c281-4fc0-80e8-eebb8e1f5e13"> <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><strong>Portage City Hall</strong><br>6070 Central Avenue<br>Portage, IN 46368<br>Phone: <a class="Hyperlink" href="tel: 219-762-5425" target="_self">219-762-5425</a><a class="Hyperlink" href="mailto:nlaboy@portage-in.com" target="_self"></a><br><a class="Hyperlink" href="mailto:hmack@portage-in.com">Contact Us</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) { $('#divInfoAdv9c68939c-c281-4fc0-80e8-eebb8e1f5e13 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col3" style="" data-widgetcontainerid="6d770b4e-cc13-4138-bfe9-ef7eb9a32b77"> <div class="row nest first last wide"> <div class="inner col col3 first last id246c753e-9d94-4fc5-a562-0fca225c9d5f" style="" data-widgetcontainerid="246c753e-9d94-4fc5-a562-0fca225c9d5f"> <div class="widget widgetSpacer" id="d179be57-1e52-4cfc-91b1-ffcdab6d3bf8"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="7489f45f-9dd7-4a5d-866c-561c44bee965"> <div class="row nest first last wide"> <div class="inner col col4 first last id9e1a1fc8-df4b-4369-8ec7-3ce4ef077bf6" style="" data-widgetcontainerid="9e1a1fc8-df4b-4369-8ec7-3ce4ef077bf6"> <div data-widget-id="460c1cde-875b-4c55-9fc7-3ac53cf36fc4" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink460c1cde-875b-4c55-9fc7-3ac53cf36fc4" class="widget widgetQuickLinks skin37 widgetOptionSet36 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader460c1cde-875b-4c55-9fc7-3ac53cf36fc4"> <header class="widgetHeader" id="quickLinksHeader460c1cde-875b-4c55-9fc7-3ac53cf36fc4"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=44" >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="/341/Portage-Trail-System" target="_self" >Portage Trail System</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://inportageparks.com/484/Events" target="_self" >Events</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/365/Sports" target="_self" >Sports</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/362/Park-Recreation-Foundation" target="_self" >Foundation</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 col3" style="" data-widgetcontainerid="f6b98519-67ad-4d95-a1a6-eb387e52ccfa"> <div class="row nest first last wide"> <div class="inner col col3 first last ide3bd1f84-4426-4782-854c-54581608d0fb" style="" data-widgetcontainerid="e3bd1f84-4426-4782-854c-54581608d0fb"> <div class="widget widgetSpacer" id="71f67955-d16e-491d-89c3-c23d596773e4"></div> </div>  </div>  </div><div class="outer col col4 last" style="" data-widgetcontainerid="3f611edc-e4a6-4b68-a82a-1d54f16fe89b"> <div class="row nest first last wide"> <div class="inner col col4 first last id2fc42e94-dc98-4a89-855d-1be5ce924d19" style="" data-widgetcontainerid="2fc42e94-dc98-4a89-855d-1be5ce924d19"> <div data-widget-id="3d560b6d-1d5f-4436-9ef5-a516873f7210" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink3d560b6d-1d5f-4436-9ef5-a516873f7210" class="widget widgetQuickLinks skin37 widgetOptionSet36 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader3d560b6d-1d5f-4436-9ef5-a516873f7210"> <header class="widgetHeader" id="quickLinksHeader3d560b6d-1d5f-4436-9ef5-a516873f7210"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=19" >Helpful 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="/accessibility" target="_self" >Accessibility</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="/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> </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> </footer><div data-cpRole="structuralContainer" id="poweredByContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc421d75ef-d3e0-4a10-9c83-d0e678977a34" data-containerid="421d75ef-d3e0-4a10-9c83-d0e678977a34" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="7c02dcb5-4cde-43e3-87a6-4e28eb1f26da"> <div class="row nest first last wide"> <div class="inner col col24 first last id4bf9be47-dfc8-4dda-95cb-494f8b5a4704" style="" data-widgetcontainerid="4bf9be47-dfc8-4dda-95cb-494f8b5a4704"> <div data-widget-id='e8e77082-f9d7-435e-8c6a-41a60d5593eb' data-moduleName="customHtml" id='widgetCustomHtmle8e77082-f9d7-435e-8c6a-41a60d5593eb' class="widget widgetCustomHtml skin63 narrow" > <div class="widgetBody pageStyles" id="widgetBodye8e77082-f9d7-435e-8c6a-41a60d5593eb"> <div id="customHtmle8e77082-f9d7-435e-8c6a-41a60d5593eb"><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> </div> </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: '319', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/-700606170.js" type="text/javascript"></script>  <script> function getValueTS(elem, attr) { var val = elem.css(attr); if (val === undefined) return undefined; var 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 ); } var bgColorRegexTS = new RegExp("rgba$(\d+), (\d+), (\d+), (\d*\.?\d*)$"); function isTransparentTS(elem) { var bg = elem.css('background-color'); if (typeof bg !== "string") return false; if (bg === "transparent") return true; if (!bg.startsWith('rgba(')) return false; var matchState = bg.match(bgColorRegexTS); if (!matchState || matchState.length !== 5) return false; var alpha = parseFloat(matchState[4], 10); if (!(alpha >= 0 && alpha < 1)) return false; return true; } function iterateLeftpads(cb) { var containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (var i = 0; i < containersTS.length; i++) { var 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); } } } function iterateRightpads(cb) { var containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (var i = 0; i < containersTS.length; i++) { var containerTS = containersTS[i]; // Skip the body container and anything with data-skip-rightpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-rightpad') === null ) { cb(containerTS); } } } var anchor = $("#divToolbars"); var bodyContainerTS = $("#bodyContainerTS"); // Outer banner padding (push banner down) var outerSizingTS = $("#bannerContainerTS"); // Inner banner padding (push banner content down) - Transparent header OR on attaching headers var innerSizingTS = $("#bannerSizingTS"); var forceUnfixClassTS = "forceUnfixTS"; var fixedTopTS = $(".fixedTopTS"); var fixedBottomTS = $(".fixedBottomTS"); var fixedLeftTS = $(".fixedLeftTS"); var fixedRightTS = $(".fixedRightTS"); var initialTopTS; var topAttachTS; if (fixedTopTS && fixedTopTS.length === 1) { initialTopTS = getValueTS(fixedTopTS, 'top'); var attachment = fixedTopTS.attr('data-attach'); if (attachment) topAttachTS = $("#" + attachment); if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; } function resizeAdjustmentTS() { var 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); } var topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed') { if (topAttachTS) { scrollAdjustmentTS(); } else { var 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() - 1); 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') { var anchorHeight = anchor.outerHeight() - 1; fixedLeftTS.css('top', anchorHeight); var leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); iterateLeftpads(function (containerTS) { var containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= leftBoundingTS.right) { $(containerTS).css('padding-left', leftBoundingTS.width + 16); } else { $(containerTS).css('padding-left', ''); } }); } else { fixedLeftTS.css('top', ''); iterateLeftpads(function (containerTS) { $(containerTS).css('padding-left', ''); }); } })(); // Fixed right script (function () { if (!fixedRightTS || fixedRightTS.length === 0) return; if (editing) { fixedRightTS[0].classList.add(forceUnfixClassTS); } else { fixedRightTS[0].classList.remove(forceUnfixClassTS); } if (fixedRightTS.css('position') === 'fixed') { var anchorHeight = anchor.outerHeight() - 1; fixedRightTS.css('top', anchorHeight); var rightBoundingTS = fixedRightTS[0].getBoundingClientRect(); iterateRightpads(function (containerTS) { var containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.right >= rightBoundingTS.left) { $(containerTS).css('padding-right', rightBoundingTS.width + 16); } }); } else { fixedRightTS.css('top', ''); iterateRightpads(function (containerTS) { $(containerTS).css('padding-right', ''); }); } })(); } function scrollAdjustmentTS() { if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; var topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed' || topPosition === 'absolute') { var anchorBounding = anchor[0].getBoundingClientRect(); var attachBounding = topAttachTS[0].getBoundingClientRect(); var 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> function moveBannerToOuterWrap() { if ($(".fixedBannerTS").length) { if ($("#bannerDivbanner3").length) { $("#bannerDivbanner3").appendTo("#outer-wrap"); } else { setTimeout(function() { moveBannerToOuterWrap(); }, 500); } } } moveBannerToOuterWrap(); </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=Open+Sans:600,600italic,700,700italic,800,800italic,italic,regular|Poppins:500,500italic,600,600italic,700,700italic,italic,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>