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’s 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="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>Facilities • Portage, IN • CivicEngage</title> <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="/-1545907304.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> <link rel="stylesheet" type="text/css" href="/Areas/Facilities/Assets/Styles/HomeSiteCustom.css" />    <script type="text/javascript" src="/Assets/Scripts/DateTimePicker/picker.min.js"></script> <script type="text/javascript" src="/Assets/Scripts/DateTimePicker/picker.date.min.js"></script> <script type="text/javascript" src="/Assets/Scripts/DateTimePicker/picker.time.min.js"></script> <script type="text/javascript" src="/Assets/Scripts/DateTimePicker/cp.datetimepicker.js" defer></script> <script type="text/javascript" src="/Scripts/HtmlExtensionSupport.js"></script>  <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/> <link href="https://js.arcgis.com/3.39/dijit/themes/tundra/tundra.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" href="https://js.arcgis.com/3.39/esri/css/esri.css" /> <script src="https://js.arcgis.com/3.39/" type="text/javascript"></script> <script src="/Assets/Scripts/MapResult/MapResultEsri.js" type="text/javascript"></script> <form name="aspnetForm" method="post" action="Facilities" id="aspnetForm"> <div> <input type="hidden" name="1_RadScriptManager1_TSM" id="1_RadScriptManager1_TSM" value="" /> <input type="hidden" name="__EVENTTARGET" id="__EVENTTARGET" value="" /> <input type="hidden" name="__EVENTARGUMENT" id="__EVENTARGUMENT" value="" /> <input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="dKyE1VuPvDYA68KSxoKdrxejyJ7CzzVM66E6BS6iN1ZMM+MgMGWfSwSARCAlG7Cbs5uSkyyft2RxJUv3mET7fWa0Ao6VjWVBxBq5Pb6JWztBjpoXDSoraiaYGhDhCs7kpzyxYS/r4NfKOB0NjNVWgIFLjGL2yb6VxOnu/KSOBXRVhnP0zwsKazWIB7IO8tRJQ83+3eYbeLl65UvWYGV9oIu4Vp/AqOpwdcDIbSpOLOlLmn3VtQ+B4tjIo0dxtY2c3w/CgL116P/n94wAvb1BOqGnkBKcwXMX4Su4EXz6VuVcVPSbUDDhQNr7XlqbSxM6bM8BN74EyoIT+SFT9/hLaAx9YahDmlXAln6pWXv9Fjk=" /> </div> <script type="text/javascript"> //<![CDATA[ var theForm = document.forms['aspnetForm']; if (!theForm) { theForm = document.aspnetForm; } function __doPostBack(eventTarget, eventArgument) { if (!theForm.onsubmit || (theForm.onsubmit() != false)) { theForm.__EVENTTARGET.value = eventTarget; theForm.__EVENTARGUMENT.value = eventArgument; theForm.submit(); } } //]]> </script> <script src="/WebResource.axd?d=pynGkmcFUV13He1Qd6_TZDLabodcikOjfaxGftwY9HZ4kdGjeaKe0dWaPQB1vgEd44eKAO0Ba1XMxE47-4twmw2&t=638628044640000000" type="text/javascript"></script> <link class='Telerik_stylesheet' type='text/css' rel='stylesheet' href='/WebResource.axd?d=QKX1AO1vX8ebWKfbb4eOTMecsGSUNFfHIGyYxTjib8UdWOG8Kj7IRW_B3pBDPKq3P3Xjth670xtk5BYEN9A3vpPWmho0vBDtKuOg_djchEBQ6GuldSCUor2dswNubBCY0&t=637412434560000000'></link><link class='Telerik_stylesheet' type='text/css' rel='stylesheet' href='/WebResource.axd?d=orMzUh8tJnpASC5yntAmA3RAOKi66hjAR09rMDWTtA0hMPiptPJGhcYZSPMJ_X4eY5fd1_CaYx9B0YxnNJnz_o06vZylMwIEeH6nSaSm_PbcI3vz8aJEGwKl9SZZ9bZBYMk4V2N22p-aLcbEr-hN_rtl16gxK_quY_IZo_uIG_81&t=636209559380000000'></link> <script src="/ScriptResource.axd?d=NJmAwtEo3Ipnlaxl6CMhvgQnNM9QJ3bFGwQZR6VbaaUHmY0Z4sOgxGdI_Jx5wLngNSToCajcqSYJsXzYEgKkITfN-3LQTtr4Pm4JUER8DNvIzN6NlCKElDDAcGbxveZKAPm723N8wwTL6uOOAfCRek05t3ZKOa-JP9QBiR4USic1&t=2a9d95e3" type="text/javascript"></script> <script src="/ScriptResource.axd?d=dwY9oWetJoJoVpgL6Zq8OG3Z9hvoIKjqcGXz5t1xwqhQAZ6zkLXIqlOqjzp-_WELPI7EzEIZRSlAtEeBcGeK3G2uNnMrlFMczG8EByyMDSwm1xGYle2TtI7op8bsQ2tLryuSiDJL1IFH4tkP-C9m-bl-66osjgVKzRmEqHabUKc1&t=2a9d95e3" type="text/javascript"></script> <script src="/ScriptResource.axd?d=TDVjdgRbdvNAY3tnbizUcHLQCVCgpa2QUQcjA6gZuNRXUJGsQ9AbnuIS7OzQX_Rl3ev5eZBooN_Th92zYEvCliW-4EAVS1iJL-FO9T21nWvLbmf7eKVxQZXMifdQBN2x0&t=ffffffff92c1448d" type="text/javascript"></script> <script src="/ScriptResource.axd?d=jtfket33-6i22RZVthrUnXH9xHJvipXVDOi59T1P5fIqivyDhfD9m_Wa88wlZYqLeX0kJHppACnzpJorJWVkYl5nLiUXVMy-GrzbYeUtipT09HcP2GFeWzopkEGLAOGuslJPUt0qlVCY0njVgjDOxA2&t=ffffffff92c1448d" type="text/javascript"></script> <script src="/ScriptResource.axd?d=mbGZm65DzNC0tMTq0ElbcVo1y58HyQsH3rOrF4usLPxy6S99_9tMGQa_4i9HZpmGY95pbxHHqbsZ8b-PBG_bjEtMF9aJ9UgdYiybf0o5XL-Zg1V9-f8u18vtVzTd4XnAHitDz6HmBFl7FbE28UP1iQ2&t=ffffffff92c1448d" type="text/javascript"></script> <script src="/ScriptResource.axd?d=cmIcXiVJ__exjjpjrN730jNojd_cZrFxEoK_VrMmJKdTYvOnl6l6F0EbJvlGNV5YOvpjY3m2dlwmSvIuszOwIf9Bp6MuvH1ca4cbAyv2FCWwac6o1bkX0i6pwk9COcwsk7UG_OucBFyuS5SpSeFrrg2&t=ffffffff92c1448d" type="text/javascript"></script> <script src="/ScriptResource.axd?d=nuxA1Mt_odLceEXEKobyHSFzdsTgYDrg5xt6VRZwodm95rldUb6mbmtCyniI2i3rwZvEGuBqiagDzNnzrMZoRBzNEmEADcwRttSciSHRdFKkwMggxSniHIQU8vecBeAmK2J7hEuljUBjLbR7sItg_hk5Xc2IiuB-6zQDWSVubV01&t=ffffffff92c1448d" type="text/javascript"></script> <script src="/ScriptResource.axd?d=GUyLPMOEFhffuIMm6XZ0oAj27cueImljeD1u5tNV6kyKFPF4TA4WDxq80CjdF82r6i1sY93EE0M7-gcp51VwYK9umSC-2-Brj6yWcWXzFY5rOaokh33TzHBNrlQ-srFItRD8qUBrheuXEaX9B1Z140Z5l5-v8yk9Br0dL9TbS8k1&t=ffffffff92c1448d" type="text/javascript"></script> <script src="/ScriptResource.axd?d=A22-SyJgKhJ5FWUJePaPlPbpp2rPi69X5a46YzySKZudE8tRbbQwT4CQ2K5PciQZnR7IBen_3QN3GVQiuQX60yICb8dLJYFepU4SaC_RHmJxfqOv0ZP5Pnb7YEd-9cphbdQ3zxgq316maASjGmw8cg2&t=ffffffff92c1448d" type="text/javascript"></script> <script src="/ScriptResource.axd?d=utaAJrK4EroNO-KNr3p19KTF81pCJgsGz92wj3Rj0ZGbOXvuIHdSTUFktu1AboghF50CeiivQ1nQH0jmDwf4s0WFpBMYw-ar51cyJsC7DF4Pxa125TXld-bWayv8iTsNFsTLx6Nbcp7MMxiZyrmJjQ2&t=ffffffff92c1448d" type="text/javascript"></script> <script src="/ScriptResource.axd?d=wl5RKBCXTWDacHhxsSq8Q5R9zAt5PezLiQH0GEEQGGOzzocFRgKXPod_9x_OfeEHXpJRQw1hDfWp7PGlAYglEiNGD-mr0u023qY6_oUWGYB_KfvXNdtbIt0QmJPWsQnLcwy0e7voRoyqxD5OtwNntQ2&t=ffffffff92c1448d" type="text/javascript"></script> <script type="text/javascript"> //<![CDATA[ Sys.WebForms.PageRequestManager._initialize('1$RadScriptManager1', 'aspnetForm', [], [], [], 90, ''); //]]> </script> <div id="1_spell1"> <input type="hidden" name="1$spell1" id="1_spell1SpellChecked" /><div id="1_spell1_dialogOpener" style="display:none;"> <div id="1_spell1_dialogOpener_Window" style="display:none;"> <div id="1_spell1_dialogOpener_Window_C"> </div><input id="1_spell1_dialogOpener_Window_ClientState" name="1_spell1_dialogOpener_Window_ClientState" type="hidden" /> </div><input id="1_spell1_dialogOpener_ClientState" name="1_spell1_dialogOpener_ClientState" type="hidden" /> </div><input id="1_spell1_ClientState" name="1_spell1_ClientState" type="hidden" /> </div> <div> <input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="FA2018BD" /> </div> <script type="text/javascript"> //<![CDATA[ Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadWindow, {"_dockMode":false,"clientStateFieldID":"1_spell1_dialogOpener_Window_ClientState","enableShadow":true,"formID":"aspnetForm","iconUrl":"","minimizeIconUrl":"","name":"Window","showContentDuringLoad":false,"skin":"Outlook"}, null, null, $get("1_spell1_dialogOpener_Window")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadDialogOpener, {"_dialogDefinitions":{"SpellCheckDialog":{"SerializedParameters":"1hFxctJic5y67wqi0KieBCkYQ2hJsg5ZY0aiKfQZNsWYx2FotpAhUGI2LcHb3Un00JSBie6fJUUL++RsPCdLPcVJEVYQsY6j5JDkZpJZy6GIdm0jpAkuWrhgAZNsX0IgTYT7ejoHJNOxZaXoOYKrmOykIVY0F4/qauTybsqdZSQ6bQ87SozfDttvIAmAL1xROBC1b0LvxeerShn1O6gR9coR8U2IpLAYl+wQ60X49m2va0/4FdStiAxP6mtN+yzye3zOxHfSk7oISLfvLdPNWpWRusIHhFzZl6haMnbYt07SbuZI7P8KyiOdhZZCOgifJT1Wh/w07g8wpgiiLKUfcCZ+nfZWj8gfM+rdTD3YGvxREufBHXaidpxpT/SlDb3gzs4adopXmOtnYgjk11ahJ6zNcLQ3NjQy+zU3eIJQv+ooAKEo5MFsiAsYahxfn+A0878XUDgn2LdfTXoA94EPbE224U6k+kQm6t8ziHvFyMEfieSCRWSBkNOKyQGEh9MqC7HVvl9iuIh1XJfAetB5yKH7rzOAejkVbChwFcO/jRxn0hC0cDxskOppSsLIh6J9gIP3k7f4WoZ8iqRo8ns9eui/j/961iA6I7ZY9e2BNafMrpK6ZtZxG4PmMKJr5xNAFcOGE1vOwaCVq3F8Eju8arElfyyt8rZNN6yMlTdgqQhvi4iyqY6utI83WB/+Sg4iTpHv0y5Y0QMJuhOHF4jZgbjxNViE4e2HQRHiPevkaIquNGqNgGfZjg+ks4nEw5LO3II5UagvWjT87b6ZduXJ9o6mkRCM1Q8S5Zr4xWtugm9EwNegB9u0cT0PEHD3nnyG8zKRdvER2UzOs40Qpz/iktRB3aR6LG/knuq+2ph1+ctU9JAGBqL/enOEqDVUIU8Rr18UXmqFkOtr2oi2sSjpLoOhNn5qAH9WCTAgfRROR1o3dz+5mze23bkkxrWiXw5O6efVrYDhQu5AogwUG/o+2KvPzprtXXQKD1rwIpGdONtVcAcWtRmBI3jfleQoBp6SrV4OD3uB25/CbuSkpyHY1pw3laxFs3GdTUNDsdb2J+H49fHmEm7WzPimo5YeD6iutugw3T872AaMVY2CUaWxJb1XSrqdKGnmgZFUGiPdshfH803pUUrjxNIVtVU0K5kN5jUXYxeAbr5nC5LCisjMYy7TcQkz9548FzZQlonRVQ749oo+WzLfDOrynGhQGO9sgFzPtNdchEI5qZVMCguzkCtA/G06ghLdwfkGSY9aIVCddKQnQOF6+h/5mHaX2Ti3Ll5On150ektHvsHMyqnPMHxIZpyc+qUP/kQAPaIrJSk1qNJN2yfOZiGYDf7aEIWCaeJGk+DchBJ7Ey6Vjmjwglm258i3lPQjWZz9g9wkOZc+k7XJrzNtLhpkD/FdBA3DGEqHps+7V0JesNJB8Y5PTg3Vwnb9kfIJdoIof4BAGChfeB61bEkXwJYw/Vc2q04OpNno2nVfzMLRI9Ms8xHhc5jlN87nXZIHno9wRpKIvz1YYPdKw2HE/+dKQhfDVtmIboxIVQxburM0Y49rLu+AEfaBT/BZjXIgJSLohtZULPlBZWZ26vjs02Rc6qbN+NdDgjnisN6XYTLrjNlI4T+QWY0VDurb208YuKzcdmHpJ7YOkdC7JrWdzYzV0zSShsYghQYxlJjHuDlEAiv+ptWfo3Lg8u8QrkKwAotuiWiXM2UgZCGFKjBYmKIHUsJNtsQRaEZPxg2q8ANrdEdS2h0gLasMynKLEInnxYP05wxppkhBQb6X12rCWRP4fu2wI5lzwZJRemGwBoeRZPBdWr39XNSGOan3wVOjK8z7LjI+y8IqHujE+10sEesgCNFZkmRPb++/XVDKNcl4Xb9Y/JhczQswfTrZeq6k6KMMvIkilap/2fvYQJEtMNQBZ2qp98Alw2fhdK+/nquOo2qCGN6JhqMeTjVUa8Zfw0UXGZoYvhQ+lv63+0Pl+Z9mmJ7Zwyjy1LpibYcZYx/EUkXhWqlG3g7rqtdOjATO8EgUkQGNriTdC/ZMEfZY35MpduNOTyB7MuXPLD/ej7SzVL6ld3O+mmMYAmaLA/Ja2SSYvfiZFFwf0a2DwLk2eVGt8HpQtIILlvHEq+9fH/IHQBHfFXvK188+FNQ77jLu8ulWHzs+OerbwlQNRvM8VUyJib4Z9cU09Wq2rosPWgMthmyotgZdW6TggdQzwhxHezbofYV8eEO+f8owpYtu2lm689L7ZBOlYQPTXHWjEcPiKI+t8RaRcXszwdb2J8h4cWgy7y8NUnM45hyBQcXwfQWJhxHH4FIBGI7MnEz+r6S+uRC/gKAoP+B1SRmbQOcp48CFogfZMrbAAJzetwnEevfI3YTp/VOIKWJRG5WZSDeapgm2irWzgVfbvjXnpEJLzGmcf5h6NJhj1SMMs/+0j14wKOMFWeTOXcj6l5qdFJV4yerUXtfpx8q3aD9vHFNmt9k50srfwreQWiPMWOEE3SE62CKg4R4pq4JG3qXSidQpEA6onxQjq2x6mu2UpHcclzRmRh1Oi8gM5T9BOHDo1/KDzJkPr6PyRua6jsUdfl3NHkB23OwC23s4qMMbxfT/o6cGhb7ofg0=","Width":"488px","Height":"361px"}},"_dialogUniqueID":"8a2401f3-e5da-477b-ad21-858f8f9969d5","clientStateFieldID":"1_spell1_dialogOpener_ClientState","handlerUrl":"/Telerik.Web.UI.DialogHandler.axd","skin":"Outlook"}, null, {"container":"1_spell1_dialogOpener_Window"}, $get("1_spell1_dialogOpener")); }); Sys.Application.add_init(function() { $create(Telerik.Web.UI.RadSpell, {"_controlToCheck":"","clientStateFieldID":"1_spell1_ClientState"}, null, {"dialogOpener":"1_spell1_dialogOpener"}, $get("1_spell1")); }); //]]> </script> </form> <input id="spellCheckClientID" name="spellCheckClientID" type="hidden" value="1_spell1" /> <meta name="Description" content="View information about facilities in the community." />     <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="#contentarea" 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="2" /> <input type="hidden" id="hdnContentCollectionID" value="fadc3108-8e03-41e7-8db0-68eb2492ec48" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="11" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" value="79" /> <input type="hidden" id="pagePageID" /> <input type="hidden" id="hdnModuleID" value="79" /> <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-50" style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="Home Page" class="bannerObject" height="181" src="/ImageRepository/Document?documentID=3726" width="767" /></a> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="cc9e2ad611-4d93-48e5-b97b-5e9b981b52dc" data-containerid="9e2ad611-4d93-48e5-b97b-5e9b981b52dc" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="31ead6dd-12f1-4818-84bb-748295a1a544"> <div class="row nest first last wide"> <div class="inner col col24 first last id3a0318c9-8e23-4aa0-9663-6f314bf726b3" style="" data-widgetcontainerid="3a0318c9-8e23-4aa0-9663-6f314bf726b3"> <div data-widget-id="f682cdb6-7537-45d3-9369-f140d117bab9" 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.widgetSearchButtonf682cdb6-7537-45d3-9369-f140d117bab9").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDeptf682cdb6-7537-45d3-9369-f140d117bab9").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchFieldf682cdb6-7537-45d3-9369-f140d117bab9").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDeptf682cdb6-7537-45d3-9369-f140d117bab9").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDeptf682cdb6-7537-45d3-9369-f140d117bab9").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchFieldf682cdb6-7537-45d3-9369-f140d117bab9").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDeptf682cdb6-7537-45d3-9369-f140d117bab9").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 ($("#searchFieldf682cdb6-7537-45d3-9369-f140d117bab9").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchFieldf682cdb6-7537-45d3-9369-f140d117bab9")); } } }); }, 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 widgetSearchBoxf682cdb6-7537-45d3-9369-f140d117bab9" cp5ph="true" id="searchFieldf682cdb6-7537-45d3-9369-f140d117bab9" 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 widgetSearchButtonf682cdb6-7537-45d3-9369-f140d117bab9" 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="searchFieldf682cdb6-7537-45d3-9369-f140d117bab9">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 .widgetSearchBoxf682cdb6-7537-45d3-9369-f140d117bab9 { 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 .widgetSearchButtonf682cdb6-7537-45d3-9369-f140d117bab9 { margin: 9px; } .widgetSearch .widgetSearch-onlyDeptf682cdb6-7537-45d3-9369-f140d117bab9 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDeptf682cdb6-7537-45d3-9369-f140d117bab9 { 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("searchFieldf682cdb6-7537-45d3-9369-f140d117bab9").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="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavServices" class="navMainItem mainNavItem mainNavItem2" href="/101/Services" target = "_self" > Services </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="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavBusiness" class="navMainItem mainNavItem mainNavItem4" href="/35/Business" target = "_self" > Business </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 mainNavItem5" 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=79&themeID=11&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="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cccb724ae5-7c5c-4160-bcac-d894bdffaab7" data-containerid="cb724ae5-7c5c-4160-bcac-d894bdffaab7" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cceade7f81-72d9-4229-8e34-6195d06506f0" data-containerid="eade7f81-72d9-4229-8e34-6195d06506f0" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cca61a00bb-2392-4fb6-a4a8-90fdd792ae65" data-containerid="a61a00bb-2392-4fb6-a4a8-90fdd792ae65" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="cc790d3eae-40e3-4058-9a2e-ba748b9aa0d6" data-containerid="790d3eae-40e3-4058-9a2e-ba748b9aa0d6" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc7a8dd3d3-e787-45e2-85b6-611c98bc7db0" data-containerid="7a8dd3d3-e787-45e2-85b6-611c98bc7db0" class="pageContent cpGrid cpGrid24 showInMobile"> </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="cc7f736515-bacc-499b-b371-0df9c161b01b" data-containerid="7f736515-bacc-499b-b371-0df9c161b01b" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </div> </div></div> </div> <div id="bannerImagesJSON37" 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":37,"ThemeID":11,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"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":68,"BannerOptionID":37,"FileName":"/ImageRepository/Document?documentID=62","Height":553,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":69,"BannerOptionID":37,"FileName":"/ImageRepository/Document?documentID=61","Height":553,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":70,"BannerOptionID":37,"FileName":"/ImageRepository/Document?documentID=60","Height":553,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Simple/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"> <ol class="semanticList breadCrumbs"> <li><a class="breadCrumb" href="/">Home</a></li><li>Facilities</li> </ol> </div><div data-cpRole="mainContentContainer" id="moduleContent"> <a id="contentarea"></a> <div id="FacilitiesContent" class="newCP moduleContentNew minWidth515px minWidth583px minWidth850px "> <div id="sidebarContentContainer"> <ul class="tabs searchCriteria"> <li class="active" id="tabAllLi"><a href="#" id="tabAll"><span>All</span></a></li> <li id="tabReservableLi" class=""><a href="#" id="tabReservable"><span>Reservable</span></a></li> </ul> <div class="sidebar"> <div class="section onTop"> <h3>Find A Facility</h3> <div class="formline reservable" style="display:none"> <input type="checkbox" name="checkReserable" id="chkIsReservable" /> <label class="check" for="chkIsReservable"> Reservable Only </label> </div> <script src="/Assets/Scripts/Checkbox/CheckboxMixed.js"></script> <link href="/Assets/Styles/Checkbox/CheckboxMixed.css" rel="stylesheet" /> <div class="formline facilitiesMegaMenuContainer searchSidebarDropdownContainer" id="megaFacilityTypesContainer"> <div> <a href="#" class="button" id="FacilityTypesButton" data-cp-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="megaFacilityTypes"><span id="facilityTypeSpan">Facility Types ▼</span></a> <div class="megaMenu facilityTypes" id="megaFacilityTypes" style="display: none; "> <div class="megaMenuInner checkbox-group"> <label class="check" for="CheckAllFacilityTypes" tabindex="-1"> <input type="checkbox" id="CheckAllFacilityTypes" aria-checked="true" aria-label="Select All" tabindex="0" /> Select All </label> <ol class="all two-columns"> <li> <label class="check" for="chkSidebarFacilityTypes2" tabindex="-1"> <input type="checkbox" class="chkSidebarFacilityTypes" name="FacilityType" id="chkSidebarFacilityTypes2" value="2" checked /> Fire Department </label> </li> <li> <label class="check" for="chkSidebarFacilityTypes4" tabindex="-1"> <input type="checkbox" class="chkSidebarFacilityTypes" name="FacilityType" id="chkSidebarFacilityTypes4" value="4" checked /> Hall Rentals </label> </li> <li> <label class="check" for="chkSidebarFacilityTypes3" tabindex="-1"> <input type="checkbox" class="chkSidebarFacilityTypes" name="FacilityType" id="chkSidebarFacilityTypes3" value="3" checked /> Parks & Trails </label> </li> <li> <label class="check" for="chkSidebarFacilityTypes5" tabindex="-1"> <input type="checkbox" class="chkSidebarFacilityTypes" name="FacilityType" id="chkSidebarFacilityTypes5" value="5" checked /> Picnic Shelter Rentals </label> </li> <li> <label class="check" for="chkSidebarFacilityTypes8" tabindex="-1"> <input type="checkbox" class="chkSidebarFacilityTypes" name="FacilityType" id="chkSidebarFacilityTypes8" value="8" checked /> Police Station </label> </li> <li> <label class="check" for="chkSidebarFacilityTypes7" tabindex="-1"> <input type="checkbox" class="chkSidebarFacilityTypes" name="FacilityType" id="chkSidebarFacilityTypes7" value="7" checked /> Portage City Hall </label> </li> </ol> <a class="close" href="#megaFacilityTypes" id="FacilityTypesClose"><img width="19" height="19" alt="Close" src="../../../Common/images/Calendar/closebutton.png" /></a> </div> </div> </div> </div> <p class="optionsSelected" id="optionsSelectedFacilityTypes"> All selected </p> <script> $(document).ready(function () { $('.checkbox-group').CheckboxMixed('CheckAllFacilityTypes', '.chkSidebarFacilityTypes'); }); </script> <div class="formline facilitiesMegaMenuContainer searchSidebarDropdownContainer" id="megaFeaturesContainer"> <div> <a href="#" class="button" id="FeaturesButton" data-cp-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="megaFeatures"><span id="featuresSpan">Features ▼</span></a> <div class="megaMenu facilityFeatures" id="megaFeatures" style="display: none; "> <div class="megaMenuInner"> <h3>Features</h3> <a class="close" href="#" id="FeaturesClose"><img width="19" height="19" alt="Close" src="../../../Common/images/Calendar/closebutton.png"></a> </div> </div> </div> </div> <div class="formline facilitiesMegaMenuContainer searchSidebarDropdownContainer" id="megaDaysContainer" style = display:none;> <div> <a href="#" class="button open" id="DaysButton" data-cp-toggle="dropdown" aria-haspopup="true" aria-expanded="false" aria-controls="megaDays"><span id="desirableDaysSpan">Desirable Days ▼</span></a> <div class="megaMenu desirableDays" id="megaDays" style="display: none; "> <div class="megaMenuInner"> <h3>Desirable Days</h3> <ol class="all"> <li><label class="check" for="CheckAllDays" id="chkAllDays"><input type="checkbox" name="dayAll" id="CheckAllDays" checked>Select All</label></li> </ol> <ol> <label class="check" for="chkSidebarDays1"> <input type="checkbox" name="txtDays" class="chkSidebarDays" value="1" id="chkSidebarDays1" checked> Monday </label> <label class="check" for="chkSidebarDays2"> <input type="checkbox" name="txtDays" class="chkSidebarDays" value="2" id="chkSidebarDays2" checked> Tuesday </label> <label class="check" for="chkSidebarDays3"> <input type="checkbox" name="txtDays" class="chkSidebarDays" value="3" id="chkSidebarDays3" checked> Wednesday </label> </ol> <ol> <label class="check" for="chkSidebarDays4"> <input type="checkbox" name="txtDays" class="chkSidebarDays" value="4" id="chkSidebarDays4" checked> Thursday </label> <label class="check" for="chkSidebarDays5"> <input type="checkbox" name="txtDays" class="chkSidebarDays" value="5" id="chkSidebarDays5" checked> Friday </label> </ol> <ol> <label class="check" for="chkSidebarDays6"> <input type="checkbox" name="txtDays" class="chkSidebarDays" value="6" id="chkSidebarDays6" checked> Saturday </label> <label class="check" for="chkSidebarDays0"> <input type="checkbox" name="txtDays" class="chkSidebarDays" value="0" id="chkSidebarDays0" checked> Sunday </label> </ol> <a class="close" href="#" id="DaysClose"><img width="19" height="19" alt="Close" src="../../../Common/images/Calendar/closebutton.png"></a> </div> </div> </div> </div> <p class="optionsSelected" id="optionsSelectedDays" style = display:none;> All selected </p> <div class="formline selfClear" id="dateRangeDiv" style=display:none;> <label>Date Range</label> <div> <span class="date"> <label for="dateRangeStartPicker"> <span>From</span> </label> <input data-cp-datetimepicker="{"min": [1752,12,1]}" id="dateRangeStartPicker" maxlength="10" name="startDate" type="text" value="" /> </span> <span class="date"> <label for="dateRangeEndPicker"> <span>To</span> </label> <input data-cp-datetimepicker="{"min": [1752,12,1]}" id="dateRangeEndPicker" maxlength="10" name="endDate" type="text" value="" /> </span> </div> </div> <div class="formline times" id="timeRangeDiv" style=display:none;> <label>Times Available</label> <div> <label for="startTimePicker">From</label> <input data-cp-datetimepicker="{"interval": 15 , "cp5ph": true , "timePicker": true}" id="startTimePicker" maxlength="10" name="startTime" type="text" value="" /> <br /> <label for="endTimePicker">To</label> <input data-cp-datetimepicker="{"interval": 15 , "cp5ph": true , "timePicker": true}" id="endTimePicker" maxlength="10" name="endTime" type="text" value="" />; </div> </div> <div id="allActiveReservationFields"> <div class="formline priceRange" id="reservationFeeDiv" style = display:none;> <label>Reservation Fee</label> <div> $ <label class="screenRead" for="lowestPrice">Lowest Price</label> <input type="text" name="lowestPrice" placeholder="Low" id="lowestPrice" value="">—<label class="screenRead" for="highestPrice">Highest Price</label><input type="text" name="highestPrice" placeholder="High" id="highestPrice" value=""> </div> <label class="screenRead" for="reservationFeeRate">Reservation fee rate</label> <select name="rate" id="reservationFeeRate"> <option value="0" >per hour</option> <option value="1" >per day</option> <option value="2" >per week</option> </select> </div> <div class="formline capacity"> <label for="occupants">Number of People</label> <div> <input type="text" name="txtCapacity" id='occupants' value=""> </div> </div> <div class="formline"> <label for="keywords">Keywords</label> <div> <input type="text" name="txtKeyword" id='keywords' value=""> </div> </div> </div> <div class="formline"> <div> <a href="#" class="button" id="SearchButton" role="button" aria-label="Facilities Search"><span>Search</span></a> <a href="/Facilities?clear=True" class="button cancel" id="ResetButton"><span>Reset</span></a> </div> </div> </div> <div class="section savedSearches" id="savedSearchesSection" style="display:none"> </div> </div> <input type="hidden" id="hdn_ClickSearchButtonOnLoad"/> <input id="Resources_Home_Sidebar" name="Resources_Home_Sidebar" type="hidden" value="{"NonNumericOccupants":"Please enter a valid number of people.","MinimumOneCategory":"Please select at least one facility type to search.","MinimumOneDesirableDay":"Please select at least one desirable day to search.","LowestPrice":"Lowest Price","HighestPrice":"Highest Price","InvalidMonetaryValue":"Please enter a valid monetary value for the","WrongMoneyOrder":"cannot be greater than ","StartDate":"Start Date","EndDate":"End Date","StartTime":"Start Time","EndTime":"End Time","WrongTimeFormat":"is not a valid time format. Please use hh:mm am/pm","UnknownError":"An unknown error occurred while processing information.","DatesInPastErrorMessage":"cannot be in the past.","WrongTimeOrderErrorMessage":"must be after the","BothDatesRequired":"cannot be blank.","BothTimesRequiredStart":"cannot be blank.","BothTimesRequiredEnd":"cannot be blank.","OptionsSelected":"selected","HighReservation":"High Reservation Fee field","LowReservation":"Low Reservation Fee field","WrongDateFormat":"is not a valid date format. Please use {0}.","All":"All","NameCannotBeBlank":"Name cannot be blank.","SearchNameAlreadyExists":"A search by this name already exists.","SaveSearch":"Save Search","DeleteSavedSearchConfirm":"Are you sure you want to delete this saved search?","SuggestAFacility":"Suggest a Facility","WrongOrderErrorMessage":"The {0} must be after the {1}.","InappropriateWords":"Please remove any inappropriate words or phrases."}" /> <script language="javascript" type="text/javascript"> $(document).ready(function () { SearchSidebar.initialSetupSidebar(); $(document).keypress(function (e) { if (e.keyCode == 13) { var activeID = document.activeElement.id; var idArray = new Array(); idArray.push("keywords"); idArray.push("dateRangeStartPicker"); idArray.push("dateRangeEndPicker"); idArray.push("startTimePicker"); idArray.push("endTimePicker"); idArray.push("lowestPrice"); idArray.push("highestPrice"); idArray.push("reservationFeeRate"); idArray.push("occupants"); idArray.push("keywords"); if ($.inArray(activeID, idArray) > -1) { SearchSidebar.decideWhichSearch(); } } }); }); </script> </div> <div class="contentMain selfClear"> <div class="header maxWidth370px"> <div class="text"> <h1>Facilities</h1> </div> <div class="buttonHolder" id="featuresOverviewButtonDiv"> <a href="/Facilities/FeatureOverview" class="button" id="featuresOverviewButton"> <span>Feature Overview</span> </a> </div> </div> <a href="#" id="findFacilityButton" class="button" style="display:none"><span>Find a Facility</span></a> <div class="searchResults minWidth360px minWidth485px minWidth525px minWidth640px"> <ol class="tabs"> <li id="listingResultTab" class=active><a href="#" id="listingResultButton"><span>Listing</span></a></li> <li id="mapResultTab" class=><a href="#" id="mapResultButton"><span>Map</span></a></li> </ol> <div id="" class="listing results"> <div class="optionsBar"> <div> <a href="#" class="button" id="saveSearchButton"><span>Save Search</span></a> <a href="#" class="button" id="missingAFacilityButton"><span>Missing a Facility?</span></a> </div> <label class="sort " for="listingSortBy"> Sort by <select name="sortBy" id="listingSortBy"> <option value="2" >Closest to Me</option> <option value="8" >Highest Rating</option> <option value="3" selected>Name, A-Z</option> <option value="4" >Name, Z-A</option> <option value="0" >Occupancy, Low to High</option> <option value="1" >Occupancy, High to Low</option> <option value="9" >ZIP Code</option> </select> </label> </div> <div id="listingResult"> <style type="text/css"> .cpForm > li div.telerikEditor li { width: auto; } #addLocationModal { left: 25%; } #slideShowPopup { width: 550px; } </style> <div data-facilityID="31" class="item facility hasRating" style="z-index: 1; " > <h3> <a href="/Facilities/Facility/Details/Blue-Spruce-31" id="scrollLink31"> <span> Blue Spruce</span> </a> </h3> <a href="/Facilities/Facility/Details/Blue-Spruce-31" class="thumb"> <img src="/ImageRepository/Document?documentID=4093" alt="Blue Spruce - Empty" /> </a> <div class="adr"> <p> <span class="street-address">2100 Willowcreek Road</span> <span class="locality">Portage, IN </span> <span class="postal-code">46368</span></p> <p> <a class="email" href="mailto:parks@portage-in.com">Parks Department</a><br /> Phone: 219-762-1675 <br /> Fax: 219-841-9017</p> </div> <div class="available"> </div> </div> <div data-facilityID="5" class="item facility hasRating" style="z-index: 1; " > <h3> <a href="/Facilities/Facility/Details/Brookview-Park-5" id="scrollLink5"> <span> Brookview Park</span> </a> </h3> <a href="/Facilities/Facility/Details/Brookview-Park-5" class="thumb"> <img src="/ImageRepository/Document?documentID=3925" alt="Brookview Park Basketball Court" /> </a> <div class="adr"> <p> <span class="street-address">5791 Kingman Avenue</span> <span class="locality">Portage, IN </span> <span class="postal-code">46368</span></p> <p> <a class="email" href="mailto:parks@portage-in.com">Email the Parks Department</a><br /> Phone: 219-762-1675 <br /> Fax: 219-841-9017</p> </div> <div class="available"> </div> </div> <div data-facilityID="17" class="item facility hasRating" style="z-index: 1; " > <h3> <a href="/Facilities/Facility/Details/Community-Acres-Park-17" id="scrollLink17"> <span> Community Acres Park</span> </a> </h3> <a href="/Facilities/Facility/Details/Community-Acres-Park-17" class="thumb"> <img src="/ImageRepository/Document?documentID=3930" alt="Community Acres Park Playground" /> </a> <div class="adr"> <p> <span class="street-address">3103 Hickory Street</span> <span class="locality">Portage, IN </span> <span class="postal-code">46368</span></p> <p> <a class="email" href="mailto:parks@portage-in.com">Email the Parks Department</a><br /> Phone: 219-762-1675 <br /> Fax: 219-841-9017</p> </div> <div class="available"> </div> </div> <div data-facilityID="35" class="item facility hasRating" style="z-index: 1; " > <h3> <a href="/Facilities/Facility/Details/Council-Chambers-35" id="scrollLink35"> <span> Council Chambers</span> </a> </h3> <a href="/Facilities/Facility/Details/Council-Chambers-35" class="thumb"> <img src="/ImageRepository/Path?filePath=%2fAreas%2fFacilities%2fAssets%2fImages%2fImageUnavailable.jpg&thumbnailSize=Thumb150X100" alt="Image Unavailable" /> </a> <div class="adr"> <p> <span class="street-address">6070 Central Avenue</span> <span class="locality">Portage, IN </span> <span class="postal-code">46368</span></p> <p> <a href="tel:2197625425">219-762-5425</a> <br /> </p> </div> <div class="available"> </div> </div> <div data-facilityID="32" class="item facility hasRating" style="z-index: 1; " > <h3> <a href="/Facilities/Facility/Details/Countryside-Hall-32" id="scrollLink32"> <span> Countryside Hall</span> </a> </h3> <a href="/Facilities/Facility/Details/Countryside-Hall-32" class="thumb"> <img src="/ImageRepository/Document?documentID=5791" alt="Countryside Pic" /> </a> <div class="adr"> <p> <span class="street-address">5250 U.S. Highway 6</span> <span class="locality">Portage, IN </span> <span class="postal-code">46368</span></p> <p> <a class="email" href="mailto:parks@portage-in.com">Parks Department</a><br /> Phone: 219-762-1675 <br /> Fax: 219-841-9017</p> </div> <div class="available"> </div> </div> <nav class="paginationContainer"> <p class="pagination"><strong class="active" data-pagenum="1">1</strong><a data-pagenum="2" href="javascript:SearchSidebar.searchByPage(2);" id="paging_2">2</a><a data-pagenum="3" href="javascript:SearchSidebar.searchByPage(3);" id="paging_3">3</a><a data-pagenum="4" href="javascript:SearchSidebar.searchByPage(4);" id="paging_4">4</a><a data-pagenum="5" href="javascript:SearchSidebar.searchByPage(5);" id="paging_5">5</a><a data-pagenum="6" href="javascript:SearchSidebar.searchByPage(6);" id="paging_6">6</a><a data-pagenum="7" href="javascript:SearchSidebar.searchByPage(7);" id="paging_7">7</a><a class="next arrow" data-pagenum="2" href="javascript:SearchSidebar.searchByPage(2)">►</a></p> <span class="perPage"> Show <select id="facilityListingPagingDropDown" name="facilityListingPagingDropDown" title="Number of items per page." onchange="javascript:SearchSidebar.search()"> <option value="5" selected>5</option> <option value="10" >10</option> <option value="25" >25</option> <option value="50" >50</option> <option value="100" >100</option> </select> Per Page </span> <input type="hidden" id="hiddenPageNumber" value="1"/> <input type="hidden" id="hiddenLastPageNumber" value="7"/> </nav> <script src="/Areas/Facilities/Assets/Scripts/FacilityListing/ListingResult.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function () { var ListingResultJS = new ListingResult(); ListingResultJS.initialize(); }); </script> </div> </div> <div id="mapResult" class="hidden map"> </div> </div> <input type="hidden" value="True" id="hdn_isListingTabActive" /> <script src="/Areas/Facilities/Assets/Scripts/Home/Index.js" type="text/javascript"></script> <script src="/Areas/Facilities/Assets/Scripts/FacilitiesCommon.js" type="text/javascript"></script> <script src="/Areas/Facilities/Assets/Scripts/SearchSidebar/SearchSidebarValidator.js" type="text/javascript"></script> <script src="/Areas/Facilities/Assets/Scripts/SearchSidebar/SearchSidebarReservableFlippers.js" type="text/javascript"></script> <script src="/Areas/Facilities/Assets/Scripts/SearchSidebar/SearchSidebarBinders.js" type="text/javascript"></script> <script src="/Areas/Facilities/Assets/Scripts/SearchSidebar/SearchSidebar.js" type="text/javascript"></script> <script src="/Areas/Facilities/Assets/Scripts/Shared/FacilitiesRWD.js" type="text/javascript"></script> <script language="javascript" type="text/javascript"> $(document).ready(function () { var indexJs = new Index(); indexJs.initializeHomePage(); }); </script> </div> <div class="footer selfClear"> <a class="backtotop" href="#">▲ Back to top</a> </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc88def463-9bb9-4b1a-b9ea-59cea67cfb9e" data-containerid="88def463-9bb9-4b1a-b9ea-59cea67cfb9e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="c228d63b-3db8-4e9a-af41-cd6a20a2298b"> <div class="row nest first last wide"> <div class="inner col col24 first last idc81c03a9-9d38-4b6d-9861-eca62652576a" style="" data-widgetcontainerid="c81c03a9-9d38-4b6d-9861-eca62652576a"> <div data-widget-id="cecdd5f9-350b-4848-8757-8304062db66a" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetcecdd5f9-350b-4848-8757-8304062db66a" 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="/documentcenter" target="_self" class="fancyButton fancyButton35 " > <span> <span><span class="text">Documents</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton35.fancyButton:link,.fancyButton35.fancyButton:visited, .fancyButton35div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=97'); background-repeat: no-repeat; background-position: center 1em ; background-size: 90px; transition:.2s ease-in-out;} .fancyButton35.fancyButton:hover,.fancyButton35.fancyButton:focus,.fancyButton35.fancyButton:active,.fancyButton35.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton35.fancyButton:link > span,.fancyButton35.fancyButton:visited > span, .fancyButton35div.fancyButton > span{ } .fancyButton35.fancyButton:hover > span,.fancyButton35.fancyButton:focus > span,.fancyButton35.fancyButton:active > span,.fancyButton35.fancyButton.hover > span{ } .fancyButton35.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; } .fancyButton35.fancyButton:hover .text,.fancyButton35.fancyButton:focus .text,.fancyButton35.fancyButton:active .text,.fancyButton35.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="/requesttracker.aspx" target="_self" class="fancyButton fancyButton61 " > <span> <span><span class="text">Report a Concern</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton61.fancyButton:link,.fancyButton61.fancyButton:visited, .fancyButton61div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=100'); background-repeat: no-repeat; background-position: center 1em ; background-size: 90px; transition:.2s ease-in-out;} .fancyButton61.fancyButton:hover,.fancyButton61.fancyButton:focus,.fancyButton61.fancyButton:active,.fancyButton61.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .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: #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; } .fancyButton61.fancyButton:hover .text,.fancyButton61.fancyButton:focus .text,.fancyButton61.fancyButton:active .text,.fancyButton61.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="/list.aspx" target="_self" class="fancyButton fancyButton62 " > <span> <span><span class="text">Notify Me®</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton62.fancyButton:link,.fancyButton62.fancyButton:visited, .fancyButton62div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=98'); background-repeat: no-repeat; background-position: center 1em ; background-size: 90px; transition:.2s ease-in-out;} .fancyButton62.fancyButton:hover,.fancyButton62.fancyButton:focus,.fancyButton62.fancyButton:active,.fancyButton62.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .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: #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; } .fancyButton62.fancyButton:hover .text,.fancyButton62.fancyButton:focus .text,.fancyButton62.fancyButton:active .text,.fancyButton62.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="/226/E-Payments" target="_self" class="fancyButton fancyButton64 " > <span> <span><span class="text">Payments</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton64.fancyButton:link,.fancyButton64.fancyButton:visited, .fancyButton64div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=99'); background-repeat: no-repeat; background-position: center 1em ; background-size: 90px; transition:.2s ease-in-out;} .fancyButton64.fancyButton:hover,.fancyButton64.fancyButton:focus,.fancyButton64.fancyButton:active,.fancyButton64.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .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: #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; } .fancyButton64.fancyButton:hover .text,.fancyButton64.fancyButton:focus .text,.fancyButton64.fancyButton:active .text,.fancyButton64.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="/101/Services" target="_self" class="fancyButton fancyButton65 " > <span> <span><span class="text">Services</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton65.fancyButton:link,.fancyButton65.fancyButton:visited, .fancyButton65div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=101'); background-repeat: no-repeat; background-position: center 1em ; background-size: 90px; transition:.2s ease-in-out;} .fancyButton65.fancyButton:hover,.fancyButton65.fancyButton:focus,.fancyButton65.fancyButton:active,.fancyButton65.fancyButton.hover{ background-repeat: no-repeat; background-position: center top; } .fancyButton65.fancyButton:link > span,.fancyButton65.fancyButton:visited > span, .fancyButton65div.fancyButton > span{ } .fancyButton65.fancyButton:hover > span,.fancyButton65.fancyButton:focus > span,.fancyButton65.fancyButton:active > span,.fancyButton65.fancyButton.hover > span{ } .fancyButton65.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; } .fancyButton65.fancyButton:hover .text,.fancyButton65.fancyButton:focus .text,.fancyButton65.fancyButton:active .text,.fancyButton65.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><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc5b21021d-1410-476a-98a1-0478cfabf07c" data-containerid="5b21021d-1410-476a-98a1-0478cfabf07c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col4 first" style="" data-widgetcontainerid="e7e2f2fd-94ef-4c5d-a376-e570aa6fd0a9"> <div class="row nest first wide"> <div class="inner col col4 first last idefecbcb3-a043-406a-b322-c526a4791ba2" style="" data-widgetcontainerid="efecbcb3-a043-406a-b322-c526a4791ba2"> <div data-widget-id="24fa1d27-ed80-4cf9-9583-29313081e237" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv24fa1d27-ed80-4cf9-9583-29313081e237" 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="header24fa1d27-ed80-4cf9-9583-29313081e237"> <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) { $('#divInfoAdv24fa1d27-ed80-4cf9-9583-29313081e237 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col4 first last idae8bf157-0131-4935-8c5b-7552ec0e6f0d" style="" data-widgetcontainerid="ae8bf157-0131-4935-8c5b-7552ec0e6f0d"> <div data-widget-id="8feb4af6-c85e-4e12-98f2-534e7f006403" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget8feb4af6-c85e-4e12-98f2-534e7f006403" 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=" 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=" Twitter graphic"><img src="/ImageRepository/Document?documentID=42" class="graphicButtonLink" alt=" Twitter" 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=" 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 col3" style="" data-widgetcontainerid="41076b5e-f961-4754-8b8c-415b17a3c096"> <div class="row nest first last wide"> <div class="inner col col3 first last id6e896c6c-02fa-4634-ae68-b038d2d1bb9a" style="" data-widgetcontainerid="6e896c6c-02fa-4634-ae68-b038d2d1bb9a"> <div class="widget widgetSpacer" id="39da0cbd-ca97-4120-a0d1-ee93d947ffbd"></div> </div>  </div>  </div><div class="outer col col3" style="" data-widgetcontainerid="9e75f103-37cf-4744-8613-2220fa1d9257"> <div class="row nest first last wide"> <div class="inner col col3 first last id07430849-47fd-41e0-b597-9b87c3a55f79" style="" data-widgetcontainerid="07430849-47fd-41e0-b597-9b87c3a55f79"> <div data-widget-id="c9e85b90-f067-43bf-9281-074ee449b6fa" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvc9e85b90-f067-43bf-9281-074ee449b6fa" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerc9e85b90-f067-43bf-9281-074ee449b6fa"> <header class="widgetHeader" id="headerc9e85b90-f067-43bf-9281-074ee449b6fa"> <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 id="isPasted">Portage City Hall</strong><br>6070 Central Avenue<br>Portage, IN 46368<br>Phone: <a href="tel: 219-762-5425" target="_self">219-762-5425</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) { $('#divInfoAdvc9e85b90-f067-43bf-9281-074ee449b6fa .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col3" style="" data-widgetcontainerid="48c71de0-7100-41f4-ab2a-cc27a48e37ee"> <div class="row nest first last wide"> <div class="inner col col3 first last idee98b43d-07b7-48f8-b6e8-a604949667e2" style="" data-widgetcontainerid="ee98b43d-07b7-48f8-b6e8-a604949667e2"> <div class="widget widgetSpacer" id="11714462-1486-47f1-b80a-87ef840aff1d"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="ef4fe0ed-4311-430c-b1a9-0fd8f7caf485"> <div class="row nest first last wide"> <div class="inner col col4 first last id83d9f362-0060-42a1-8e05-d4307e19eef0" style="" data-widgetcontainerid="83d9f362-0060-42a1-8e05-d4307e19eef0"> <div data-widget-id="b5ca05d8-9dd8-48f2-83de-7846e7c9bbcb" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkb5ca05d8-9dd8-48f2-83de-7846e7c9bbcb" class="widget widgetQuickLinks skin37 widgetOptionSet36 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderb5ca05d8-9dd8-48f2-83de-7846e7c9bbcb"> <header class="widgetHeader" id="quickLinksHeaderb5ca05d8-9dd8-48f2-83de-7846e7c9bbcb"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=18" >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="/193/Animal-Control" target="_self" >Animal Control</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://library.municode.com/in/portage/codes/code_of_ordinances?nodeId=MUNICIPAL_CODE_PORTAGE_INDIANA" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" aria-label="Municipal Code opens in new window">Municipal Code</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/262/Public-Safety" target="_self" >Public Safety</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/184/Recycling-Trash-Collection" target="_self" >Recycling and Trash Collection</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/175/Utility-Services" target="_self" >Utility Services</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="ba9ed886-c591-4f99-8b60-595e6b5746e0"> <div class="row nest first last wide"> <div class="inner col col3 first last ida17ef932-6011-4f3a-8dba-e4e01fa77936" style="" data-widgetcontainerid="a17ef932-6011-4f3a-8dba-e4e01fa77936"> <div class="widget widgetSpacer" id="c92acbc6-4b97-4437-a214-512e37ed93c9"></div> </div>  </div>  </div><div class="outer col col4 last" style="" data-widgetcontainerid="8f95f61f-9e24-4ade-a7f0-629a3ca45f57"> <div class="row nest first last wide"> <div class="inner col col4 first last id14932de6-317c-4b3f-902d-2a73c3fc5131" style="" data-widgetcontainerid="14932de6-317c-4b3f-902d-2a73c3fc5131"> <div data-widget-id="56d62cd1-298d-4a57-9d0e-cb4cb4d5b7b1" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink56d62cd1-298d-4a57-9d0e-cb4cb4d5b7b1" class="widget widgetQuickLinks skin37 widgetOptionSet36 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader56d62cd1-298d-4a57-9d0e-cb4cb4d5b7b1"> <header class="widgetHeader" id="quickLinksHeader56d62cd1-298d-4a57-9d0e-cb4cb4d5b7b1"> <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="cc32735677-6c50-4d39-b220-2fc8d9a1a007" data-containerid="32735677-6c50-4d39-b220-2fc8d9a1a007" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="26e2b941-083a-41fb-a4c2-05cd85abc019"> <div class="row nest first last wide"> <div class="inner col col24 first last ide838b6e2-e96d-4140-a4ec-7f2f65bede58" style="" data-widgetcontainerid="e838b6e2-e96d-4140-a4ec-7f2f65bede58"> <div data-widget-id='c59f26e3-4a42-4ff5-b415-620842f826af' data-moduleName="customHtml" id='widgetCustomHtmlc59f26e3-4a42-4ff5-b415-620842f826af' class="widget widgetCustomHtml skin63 narrow" > <div class="widgetBody pageStyles" id="widgetBodyc59f26e3-4a42-4ff5-b415-620842f826af"> <div id="customHtmlc59f26e3-4a42-4ff5-b415-620842f826af"><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: '', targetType: 0 } new SplashModalRender().triggerRender(filter); }); </script> <script type="text/javascript"> $(document).ready(function () { var LiveEditPostback = function (response) { var $response = $(response); var facilityID = $response.attr('data-facilityID'); var selector = 'div[data-facilityID=' + facilityID + ']'; $(selector).replaceWith(response); }; if (window.LiveEditMenu) { window.LiveEditMenu.callBack = LiveEditPostback; } }); </script> <link type="text/css" href="/asset.axd?id=sAAAAB-LCAAAAAAABABdjkEKgzAURO8y65D6FbvItscQFyWNIGoiya8IIXfvRxdSdzPvzWIyPjBdxgqDV_DsPENhOJgXxm52cZy0DcsSvLYpiQ4wVVH_g21M_L483X3k-bJ16UuvYPkY7Pw4zSa1roh0o4moFWLlXfNsJcBw_LryA000c06wAAAA" rel="stylesheet"/> <script src="/Scripts/json2.min.js" type="text/javascript"></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>