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 = {}; 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="Boards & Commissions" /> <meta name="category3" content="Board of Zoning Appeals" /> <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>Board of Zoning Appeals | Portage, IN</title> <meta name="description" content="Zoning is intended to guide the growth and development of the City in accordance with the goals, objectives, and strategies stated within the Portage Comprehensive Plan."> <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="/-524588952.css" rel="stylesheet" type="text/css" /> <link href="/531190784.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="#cc5f8c90dc-b4cb-431b-90ee-10648f8df655" 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="1" /> <input type="hidden" id="hdnContentCollectionID" value="bf460dc9-3431-457b-8970-d55161cd2f2f" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="1" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="211" /> <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-49" 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="cce809dce0-a4ac-4cfa-b2e0-11e69c4a01a8" data-containerid="e809dce0-a4ac-4cfa-b2e0-11e69c4a01a8" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="131d52ab-768e-46e8-811f-85dd5e345beb"> <div class="row nest first last wide"> <div class="inner col col24 first last idbdc2dc6f-2649-4d74-a37f-687101d82f3b" style="" data-widgetcontainerid="bdc2dc6f-2649-4d74-a37f-687101d82f3b"> <div data-widget-id="86137512-f2b7-4646-af4b-de7271b97e12" 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.widgetSearchButton86137512-f2b7-4646-af4b-de7271b97e12").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept86137512-f2b7-4646-af4b-de7271b97e12").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField86137512-f2b7-4646-af4b-de7271b97e12").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept86137512-f2b7-4646-af4b-de7271b97e12").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept86137512-f2b7-4646-af4b-de7271b97e12").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField86137512-f2b7-4646-af4b-de7271b97e12").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept86137512-f2b7-4646-af4b-de7271b97e12").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 ($("#searchField86137512-f2b7-4646-af4b-de7271b97e12").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField86137512-f2b7-4646-af4b-de7271b97e12")); } } }); }, 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 widgetSearchBox86137512-f2b7-4646-af4b-de7271b97e12" cp5ph="true" id="searchField86137512-f2b7-4646-af4b-de7271b97e12" 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 widgetSearchButton86137512-f2b7-4646-af4b-de7271b97e12" 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="searchField86137512-f2b7-4646-af4b-de7271b97e12">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 .widgetSearchBox86137512-f2b7-4646-af4b-de7271b97e12 { 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 .widgetSearchButton86137512-f2b7-4646-af4b-de7271b97e12 { margin: 9px; } .widgetSearch .widgetSearch-onlyDept86137512-f2b7-4646-af4b-de7271b97e12 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept86137512-f2b7-4646-af4b-de7271b97e12 { 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("searchField86137512-f2b7-4646-af4b-de7271b97e12").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=&themeID=1&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="cce558050b-a91c-4173-b29f-f76be09c2f10" data-containerid="e558050b-a91c-4173-b29f-f76be09c2f10" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cc6e1491e2-29c2-4155-8eac-a90adafcafee" data-containerid="6e1491e2-29c2-4155-8eac-a90adafcafee" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc4e83594e-92bf-4417-9dfa-082626904bdd" data-containerid="4e83594e-92bf-4417-9dfa-082626904bdd" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="ccc1af007a-1f90-40df-92ee-80cc16d5e861" data-containerid="c1af007a-1f90-40df-92ee-80cc16d5e861" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc10d62f86-d828-44d4-891c-874070ba50fa" data-containerid="10d62f86-d828-44d4-891c-874070ba50fa" 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="cc292e3543-9093-4a04-9507-24db1bc83727" data-containerid="292e3543-9093-4a04-9507-24db1bc83727" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </div> </div></div> </div> <div id="bannerImagesJSON2" 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":2,"ThemeID":1,"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":110,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=4131","Height":640,"Width":1316,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":111,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=4129","Height":576,"Width":1024,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":112,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=4130","Height":640,"Width":1316,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":113,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=4123","Height":640,"Width":1316,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Interior/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><a class="breadCrumb" href="/27/Government">Government</a></li><li><a class="breadCrumb" href="/208/Boards-Commissions">Boards & Commissions</a></li><li id="currentBCPage" data-pageid="211">Board of Zoning Appeals</li> </ol> </div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="211" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="208" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="2558" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Board of Zoning Appeals" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <h1 id="versionHeadLine" class="headline"> Board of Zoning Appeals </h1> <div id="cc5f8c90dc-b4cb-431b-90ee-10648f8df655" data-containerid="5f8c90dc-b4cb-431b-90ee-10648f8df655" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="5" data-smoothscrolling="True"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="8d9d884d-87e5-4ca6-9c5e-98916072e3e1"> <div class="row nest first last wide"> <div class="inner col col24 first last idbe491cac-e20a-4fa2-9e4c-18f69177a074" style="" data-widgetcontainerid="be491cac-e20a-4fa2-9e4c-18f69177a074"> <div class="widget editor pageStyles narrow" id="divEditor7628c440-0019-441b-aa6e-bc2aac36c423" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <h2 class="subhead1 ">DarrenMeetings</h2><ul><li>6:30 pm</li><li>4th Monday of every month (with holiday exceptions)</li><li>City Hall<br>Council Chambers<br>6070 Central Avenue<br>Portage, IN 46368</li></ul><h2 class="subhead1 ">Agendas & Minutes</h2><p>Agendas are available prior to the meetings. Minutes are available following approval.</p><h2 class="subhead1 ">Members</h2><ul><li>TBA, Plan Commission Representative</li><li>Darren Jones, Citizen/Mayor</li><li>Tom Cherry - Executive Secretary</li><li>TBA, Mayoral Representative from Plan Commission</li><li>Brent Wright, Citizen/Mayoral</li><li>Jim Weller, City Council Appointment</li><li>Scott McClure, Legal Counsel</li></ul><h2 class="subhead1">Overview</h2><p>Zoning is intended to guide the growth and development of the City in accordance with the goals, objectives, and strategies stated within the Portage Comprehensive Plan and for the following purposes:</p><ul><li>To secure adequate light, air, and convenience of access; and safety from fire, flood, and other dangers.</li><li>To promote public health, safety, comfort, convenience, morals, and general welfare.</li><li>To plan for the future development of the City with considerations such as:<ul><li>Community growth with adequate public ways, utility, health, educational and recreational facilities</li><li>The needs of industry and business are recognized in future growth</li><li>That residential areas provide healthful surroundings for family life</li><li>That the growth of the community is commensurate with and promotes the efficient and economical use of public funds</li><li>That the community strives for high aesthetic value and quality planning and design.</li></ul></li></ul><h3 class="subhead2">Activities Of the Board of Zoning Appeals</h3><ul><li>Review and hear appeals of decisions made under this chapter by the director of community development or by any other administrator, However, the BZA does not hear appeals of rulings made by the plan commission.</li><li>Review, hear and approve or deny all petitions for special exceptions based on the provisions of this chapter and the Indiana State Code.</li><li>Review, hear and approve or deny all petitions for variances from development standards (such as height, bulk, or area of this chapter.</li><li>Review, hear and approve or deny all petitions for variances of use regulations in this chapter.</li><li>Other duties as permitted by Indiana State Code.</li></ul><h3 class="subhead2">Term</h3><ul><li>4-year term</li><li>5 members:<ul><li>3 citizens appointed by the Mayor</li><li>1 appointed by the Council</li><li>1 appointed by the Plan Commission</li></ul></li></ul> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '7628c440-0019-441b-aa6e-bc2aac36c423')); }); </script> </div> </div>  </div>  </div></div>  </div> </div> <div class="newCP"> </div> </div> </div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccd6923f64-2522-4bce-8783-61ad1b416b69" data-containerid="d6923f64-2522-4bce-8783-61ad1b416b69" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="40"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="aa5602ac-dd53-47fa-b19d-30ef49206702"> <div class="row nest first last wide"> <div class="inner col col24 first last ida7b0e419-909f-42ce-9b20-b1e31df91b25" style="" data-widgetcontainerid="a7b0e419-909f-42ce-9b20-b1e31df91b25"> <div data-widget-id="fa3ad3dc-ed23-4d42-935e-0619247d8028" data-moduleWidgetType="cityDirectory" data-widget-controller-path="/CityDirectory/Widget"> <div id="cityDirectoryWidgetfa3ad3dc-ed23-4d42-935e-0619247d8028" class="widget widgetStaffDirectory skin49 wide" > <div class="widgetHeader"> <h3><a style="" href= /Directory.aspx>Contact Us</a></h3> </div> <ol class="semanticList"> <li class="widgetItem h-card"> <h4 class="widgetTitle field p-name">City Hall</h4> <div class="field h-adr"> <strong>Physical Address</strong> <button class="viewMap" data-moduleId="4" onclick="new CivicPlus.Maps().LoadMap(document.getElementById('googleMap7'), '100%', $(document.getElementById('googleMap7')).next('.infotext').children('.address').text());">View Map</button> <br /> <span class="p-street-address">6070 Central Avenue</span><br /> <span class="locality">Portage</span>, <span class="p-region">IN</span> <span class="p-postal-code">46368</span> </div> <br /> <script type="text/javascript"> $(document).ready(function () { var mode = 2; loadGoogleMapsScript(mode, 'loadMaps'); }); </script> <div class="field"> <br> <div class="mapWrapLazyLoaded"> <div id="googleMap7" class="googleMap" style=""></div> <div style="display: none" class="infotext"> <div class="address">6070 Central Avenue Portage IN 46368</div> </div> </div> <a href="https://www.google.com/maps/place/6070+Central+Avenue++Portage+IN+46368" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" class="mapLink" title="Open location on Google Maps">Directions</a> </div> <br /> <div class="field p-tel">Phone: <a href="tel:2197625425">219-762-5425</a></div> <div class="field">Fax: 219-762-1484</div> <br /> <div class="field p-note"> <p><span class="subhead2">Hours</span></p><p>Monday through Friday</p><p>8:30 am to 4:30 pm</p> </div> <br /> <div class="field"><a href="/directory.aspx?did=7">Directory</a></div> <br /> </li> </ol> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="f3decb3f-956f-4f32-a57b-af7a451f600a"> <div class="row nest first last wide"> <div class="inner col col24 first last idc5bcd682-2033-4f97-819f-a8a35f6fb05c" style="" data-widgetcontainerid="c5bcd682-2033-4f97-819f-a8a35f6fb05c"> <div data-widget-id="4b411ff5-0b9b-48ee-a564-8de703690f01" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink4b411ff5-0b9b-48ee-a564-8de703690f01" class="widget widgetQuickLinks skin49 widgetOptionSet2 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader4b411ff5-0b9b-48ee-a564-8de703690f01"> <header class="widgetHeader" id="quickLinksHeader4b411ff5-0b9b-48ee-a564-8de703690f01"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=29" >Quick Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://portage.maps.arcgis.com/home/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" >Zoning Maps</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.municode.com/library/in/portage/codes/code_of_ordinances?nodeId=MUCO_CH90ZO" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" >Zoning Ordinance</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> <a id="quickLinksViewAll4b411ff5-0b9b-48ee-a564-8de703690f01" class="widgetViewAll alignLeft" style="" href="/QuickLinks.aspx?CID=29" aria-labelledby="quickLinksHeader4b411ff5-0b9b-48ee-a564-8de703690f01 quickLinksViewAll4b411ff5-0b9b-48ee-a564-8de703690f01">View All</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="5d2922a9-16ac-4505-9fda-6cb4a4a1e7de"> <div class="row nest first last wide"> <div class="inner col col24 first last iddaf0355d-35af-4458-9a00-86c600016884" style="" data-widgetcontainerid="daf0355d-35af-4458-9a00-86c600016884"> <section class="widget widgetRelatedDocuments skin49 narrow" id="widgetRelDoc633b2684-a028-442f-b4c0-362a7a93a233" data-widgetid="633b2684-a028-442f-b4c0-362a7a93a233" data-sections="[{"Title":"","DocumentIDs":"3517,","FolderIds":",","SortedDocumentIds":"3517,"},{"Title":"Agendas","DocumentIDs":"4213,4220,4266,4303,4346,4367,4390,4409,4433,4481,4486,4506,4526,4550,4569,4764,4801,4872,4880,4892,4913,4972,5045,5085,5144,5180,5272,5361,5370,5434,5478,5558,5611,5632,5750,","FolderIds":",","SortedDocumentIds":"5750,5632,5611,5558,5478,5434,5370,5272,5180,5144,5085,5045,4972,4913,4892,4880,4872,4801,4764,4526,4506,4486,4481,4433,4409,4213,4220,4266,4303,4346,4367,4390,5361,4550,4569,"}]" data-columncount="1" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header633b2684-a028-442f-b4c0-362a7a93a233"> <div id="divRelatedDocuments_633b2684-a028-442f-b4c0-362a7a93a233" class="relatedDocuments"> <header class="widgetHeader" id="header633b2684-a028-442f-b4c0-362a7a93a233"><div><h3>Useful Documents</h3></div></header> <div class="widgetBody cpGrid cpGrid1"> <div class="row narrow sortableWidgetTitle"> <div class="relatedDocumentsSection selfClear" data-documentids="3517," data-folderids="," data-sorteddocumentids="3517,"> <div class=" first last"> <ol class="semanticList bullets" style="min-height:8px;"> <li class="widgetItem" data-documentid="3517"><a target="_blank" href="/DocumentCenter/View/3517/Zoning-Classification-Guide-BP-Business-Park-PDF" class="fileType pdf" aria-label="Zoning Classification Guide-BP, Business Park (PDF) pdf file">Zoning Classification Guide-BP, Business Park (PDF)</a> </li> </ol> </div> </div> <div class="relatedDocumentsSection selfClear" data-documentids="4213,4220,4266,4303,4346,4367,4390,4409,4433,4481,4486,4506,4526,4550,4569,4764,4801,4872,4880,4892,4913,4972,5045,5085,5144,5180,5272,5361,5370,5434,5478,5558,5611,5632,5750," data-folderids="," data-sorteddocumentids="5750,5632,5611,5558,5478,5434,5370,5272,5180,5144,5085,5045,4972,4913,4892,4880,4872,4801,4764,4526,4506,4486,4481,4433,4409,4213,4220,4266,4303,4346,4367,4390,5361,4550,4569,"> <h4 class="widgetTitle" style="clear:left;">Agendas</h4> <div class=" first last"> <ol class="semanticList bullets" style="min-height:8px;"> <li class="widgetItem" data-documentid="5750"><a target="_blank" href="/DocumentCenter/View/5750/01-27-25-BZA-Agenda---Election-of-Officers" class="fileType pdf" aria-label="01-27-25 BZA Agenda - Election of Officers pdf file">01-27-25 BZA Agenda - Election of Officers</a> </li> <li class="widgetItem" data-documentid="5632"><a target="_blank" href="/DocumentCenter/View/5632/12-23-24-BZA-Agenda" class="fileType pdf" aria-label="12-23-24 BZA Agenda pdf file">12-23-24 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="5611"><a target="_blank" href="/DocumentCenter/View/5611/11-25-24-BZA-Agenda" class="fileType pdf" aria-label="11-25-24 BZA Agenda pdf file">11-25-24 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="5558"><a target="_blank" href="/DocumentCenter/View/5558/10-28-24-BZA-Agenda" class="fileType pdf" aria-label="10-28-24 BZA Agenda pdf file">10-28-24 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="5478"><a target="_blank" href="/DocumentCenter/View/5478/09-23-24-BZA-Agenda" class="fileType pdf" aria-label="09-23-24 BZA Agenda pdf file">09-23-24 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="5434"><a target="_blank" href="/DocumentCenter/View/5434/08-26-24-BZA-Agenda" class="fileType pdf" aria-label="08-26-24 BZA Agenda pdf file">08-26-24 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="5370"><a target="_blank" href="/DocumentCenter/View/5370/07-22-24-BZA-Agendapdf" class="fileType pdf" aria-label="07-22-24 BZA Agenda.pdf pdf file">07-22-24 BZA Agenda.pdf</a> </li> <li class="widgetItem" data-documentid="5272"><a target="_blank" href="/DocumentCenter/View/5272/06-24-24-BZA-Agenda" class="fileType pdf" aria-label="06-24-24 BZA Agenda pdf file">06-24-24 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="5180"><a target="_blank" href="/DocumentCenter/View/5180/05-20-24-BZA-Agenda" class="fileType pdf" aria-label="05-20-24 BZA Agenda pdf file">05-20-24 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="5144"><a target="_blank" href="/DocumentCenter/View/5144/04-22-24-BZA-Agenda---Election-of-Officers" class="fileType pdf" aria-label="04-22-24 BZA Agenda - Election of Officers pdf file">04-22-24 BZA Agenda - Election of Officers</a> </li> <li class="widgetItem" data-documentid="5085"><a target="_blank" href="/DocumentCenter/View/5085/03-25-24-BZA-Agenda---Election-of-Officers" class="fileType pdf" aria-label="03-25-24 BZA Agenda - Election of Officers pdf file">03-25-24 BZA Agenda - Election of Officers</a> </li> <li class="widgetItem" data-documentid="5045"><a target="_blank" href="/DocumentCenter/View/5045/02-26-24-BZA-Agenda---Election-of-Officerspdf" class="fileType pdf" aria-label="02-26-24 BZA Agenda - Election of Officers.pdf pdf file">02-26-24 BZA Agenda - Election of Officers.pdf</a> </li> <li class="widgetItem" data-documentid="4972"><a target="_blank" href="/DocumentCenter/View/4972/01-22-24-BZA-Agenda" class="fileType pdf" aria-label="01-22-24 BZA Agenda pdf file">01-22-24 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4913"><a target="_blank" href="/DocumentCenter/View/4913/12-27-23-BZA-Agenda" class="fileType pdf" aria-label="12-27-23 BZA Agenda pdf file">12-27-23 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4892"><a target="_blank" href="/DocumentCenter/View/4892/11-27-23-BZA-Agenda" class="fileType pdf" aria-label="11-27-23 BZA Agenda pdf file">11-27-23 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4880"><a target="_blank" href="/DocumentCenter/View/4880/BZA-10-23-23-meeting-cancelled" class="fileType pdf" aria-label="BZA 10-23-23 meeting cancelled pdf file">BZA 10-23-23 meeting cancelled</a> </li> <li class="widgetItem" data-documentid="4872"><a target="_blank" href="/DocumentCenter/View/4872/10-23-23-BZA-Agenda" class="fileType pdf" aria-label="10-23-23 BZA Agenda pdf file">10-23-23 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4801"><a target="_blank" href="/DocumentCenter/View/4801/09-25-23-BZA-Agenda" class="fileType pdf" aria-label="09-25-23 BZA Agenda pdf file">09-25-23 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4764"><a target="_blank" href="/DocumentCenter/View/4764/08-28-23-BZA-Agenda" class="fileType pdf" aria-label="08-28-23 BZA Agenda pdf file">08-28-23 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4526"><a target="_blank" href="/DocumentCenter/View/4526/05-22-23-BZA-Agenda" class="fileType pdf" aria-label="05-22-23 BZA Agenda pdf file">05-22-23 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4506"><a target="_blank" href="/DocumentCenter/View/4506/04-24-23-BZA-Agenda" class="fileType pdf" aria-label="04-24-23 BZA Agenda pdf file">04-24-23 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4486"><a target="_blank" href="/DocumentCenter/View/4486/03-27-23-BZA-Agenda---Revised-Cancelled-due-to-a-lack-of-quorum" class="fileType pdf" aria-label="03-27-23 BZA Agenda - Revised Cancelled due to a lack of quorum pdf file">03-27-23 BZA Agenda - Revised Cancelled due to a lack of quorum</a> </li> <li class="widgetItem" data-documentid="4481"><a target="_blank" href="/DocumentCenter/View/4481/03-27-23-BZA-Agenda" class="fileType pdf" aria-label="03-27-23 BZA Agenda pdf file">03-27-23 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4433"><a target="_blank" href="/DocumentCenter/View/4433/02-27-23-BZA-Agenda-Revised" class="fileType pdf" aria-label="02-27-23 BZA Agenda Revised pdf file">02-27-23 BZA Agenda Revised</a> </li> <li class="widgetItem" data-documentid="4409"><a target="_blank" href="/DocumentCenter/View/4409/01-23-23-BZA-Agenda" class="fileType pdf" aria-label="01-23-23 BZA Agenda pdf file">01-23-23 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4213"><a target="_blank" href="/DocumentCenter/View/4213/05-23-22-BZA-Agenda" class="fileType pdf" aria-label="05-23-22 BZA Agenda pdf file">05-23-22 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4220"><a target="_blank" href="/DocumentCenter/View/4220/06-27-22-BZA-Agenda" class="fileType pdf" aria-label="06-27-22 BZA Agenda pdf file">06-27-22 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4266"><a target="_blank" href="/DocumentCenter/View/4266/07-25-22-BZA-Agenda---No-meeting" class="fileType pdf" aria-label="07-25-22 BZA Agenda - No meeting pdf file">07-25-22 BZA Agenda - No meeting</a> </li> <li class="widgetItem" data-documentid="4303"><a target="_blank" href="/DocumentCenter/View/4303/09-26-22-BZA-Agenda" class="fileType pdf" aria-label="09-26-22 BZA Agenda pdf file">09-26-22 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4346"><a target="_blank" href="/DocumentCenter/View/4346/10-25-22-BZA-Agenda" class="fileType pdf" aria-label="10-25-22 BZA Agenda pdf file">10-25-22 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4367"><a target="_blank" href="/DocumentCenter/View/4367/11-28-22-BZA-Agenda---No-meeting" class="fileType pdf" aria-label="11-28-22 BZA Agenda - No meeting pdf file">11-28-22 BZA Agenda - No meeting</a> </li> <li class="widgetItem" data-documentid="4390"><a target="_blank" href="/DocumentCenter/View/4390/12-28-22-BZA-Agenda" class="fileType pdf" aria-label="12-28-22 BZA Agenda pdf file">12-28-22 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="5361"><a target="_blank" href="/DocumentCenter/View/5361/2090_001pdf" class="fileType pdf" aria-label="2090_001.pdf pdf file">2090_001.pdf</a> </li> <li class="widgetItem" data-documentid="4550"><a target="_blank" href="/DocumentCenter/View/4550/06-26-23-BZA-Agenda" class="fileType pdf" aria-label="06-26-23 BZA Agenda pdf file">06-26-23 BZA Agenda</a> </li> <li class="widgetItem" data-documentid="4569"><a target="_blank" href="/DocumentCenter/View/4569/07-24-23-BZA-Agenda" class="fileType pdf" aria-label="07-24-23 BZA Agenda pdf file">07-24-23 BZA Agenda</a> </li> </ol> </div> </div> </div> <script type="text/javascript"> $(document).ready(function () { //Remove section heading when it is empty and live edit is off. if ('false' === 'false') { var jqh4Selector = $('#widgetRelDoc' + '633b2684-a028-442f-b4c0-362a7a93a233').find('div.widgetBody div.row div.relatedDocumentsSection h4.widgetTitle'); if (jqh4Selector.val() == "") { jqh4Selector .filter(function () { return $.trim($(this).text()) === '' }) .remove(); } } }); </script> </div> </div> </section> <script type="text/javascript"> var documentsToInsert = []; var foldersToInsert = []; $(document).ready(function () { var hasEditRights = false; if (window.File && window.FileList && window.FileReader && hasEditRights) { var RelatedDocumentsWidget = 5; makeWidgetAreaDroppable('633b2684-a028-442f-b4c0-362a7a93a233', $('#widgetRelDoc' + '633b2684-a028-442f-b4c0-362a7a93a233'), RelatedDocumentsWidget, true, RelatedDocumentsCallback); } if(hasEditRights) browserVersionNotCompatibleWithDragDropTextUpdate($('#addFile' + '633b2684-a028-442f-b4c0-362a7a93a233'), 'Add a new file'); }); function RelatedDocumentsCallback(widgetID, response) { if (window.ContentCollectionInstance.IsWorkingCopy) { $('#widgetRelDoc' + widgetID).replaceWith(response); contentUpdated(); attachRelatedDocumentsHandlers(); } else { ContentCollectionInstance.reloadContent(); } } </script> </div>  </div>  </div></div>  </div> </aside> </div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> <aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc81587fc1-4574-4c16-a9a7-f29043782807" data-containerid="81587fc1-4574-4c16-a9a7-f29043782807" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> <ol role="menu" id="secondaryMenusecondaryNav" data-parent="208" class="rootNavMenu accordionNav"> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem254" data-pageid="254"> <div class="accordionNavItem"> <a href="/254/ADA-Building-Grounds-Coordinator" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">ADA Building & Grounds Coordinator</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem252" data-pageid="252"> <div class="accordionNavItem"> <a href="/252/Advisory-Claims-Committee" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Advisory Claims Committee</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem253" data-pageid="253"> <div class="accordionNavItem"> <a href="/253/Alcoholic-Beverage-Commission" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Alcoholic Beverage Commission</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem209" data-pageid="209"> <div class="accordionNavItem"> <a href="/209/Board-of-Licensing-Registration" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Board of Licensing & Registration</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem210" data-pageid="210"> <div class="accordionNavItem"> <a href="/210/Board-of-Public-Works-Safety" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Board of Public Works & Safety</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem211" data-pageid="211"> <div class="accordionNavItem"> <a href="/211/Board-of-Zoning-Appeals" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Board of Zoning Appeals</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem256" data-pageid="256"> <div class="accordionNavItem"> <a href="/256/Convention-Recreation-Visitor-Commission" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Convention, Recreation & Visitor Commission</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem213" data-pageid="213"> <div class="accordionNavItem"> <a href="/213/Economic-Development-Commission" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Economic Development Commission</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem255" data-pageid="255"> <div class="accordionNavItem"> <a href="/255/Education-Foundation" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Education Foundation</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem258" data-pageid="258"> <div class="accordionNavItem"> <a href="/258/Ethics-Commissions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Ethics Commissions</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem216" data-pageid="216"> <div class="accordionNavItem"> <a href="/216/Fire-Merit-Board" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Fire Merit Board</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem259" data-pageid="259"> <div class="accordionNavItem"> <a href="/259/Hearing-Authority-for-Enforcement-of-Bui" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Hearing Authority for Enforcement of Buildings</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem218" data-pageid="218"> <div class="accordionNavItem"> <a href="/218/Park-Board" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Park Board</a> <a href="#" class="openAccordionNav accordionSecondaryNavItem" title="Expand Park Board Submenu"></a> </div> <ol role="menu" aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" style="display: none;" data-parent="218"> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem221" data-pageid="221"> <div class="accordionNavItem"> <a href="/Facilities/Facility/PrepopulatedSearch?isReservableOnly=false&categoryIDs=3" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks</span></a> </div> </li> </ol> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem219" data-pageid="219"> <div class="accordionNavItem"> <a href="/219/Planning-Commission" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Planning Commission</a> <a href="#" class="openAccordionNav accordionSecondaryNavItem" title="Expand Planning Commission Submenu"></a> </div> <ol role="menu" aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" style="display: none;" data-parent="219"> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem222" data-pageid="222"> <div class="accordionNavItem"> <a href="/222/Development-Review-Committee" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Development Review Committee</span></a> </div> </li> </ol> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem223" data-pageid="223"> <div class="accordionNavItem"> <a href="/223/Police-Merit-Board" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Police Merit Board</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem230" data-pageid="230"> <div class="accordionNavItem"> <a href="/230/Port-Authority" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Port Authority</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem260" data-pageid="260"> <div class="accordionNavItem"> <a href="/260/Portage-EDC" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Portage EDC</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem225" data-pageid="225"> <div class="accordionNavItem"> <a href="/225/Redevelopment-Commission" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Redevelopment Commission</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem232" data-pageid="232"> <div class="accordionNavItem"> <a href="/232/Sanitary-Board" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Sanitary Board</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem257" data-pageid="257"> <div class="accordionNavItem"> <a href="/257/Senior-Advisory-Committee" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Senior Advisory Committee</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem261" data-pageid="261"> <div class="accordionNavItem"> <a href="/261/Solid-Waste-Citizens-Advisory-Committee" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Solid Waste Citizens Advisory Committee</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem234" data-pageid="234"> <div class="accordionNavItem"> <a href="/234/Stormwater-Board" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Stormwater Board</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem235" data-pageid="235"> <div class="accordionNavItem"> <a href="/235/Traffic-Commission" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Traffic Commission</a> </div> </li> </ol> <script type="text/javascript"> window.addEventListener('load', function () { //setup menu manager properties for secondary menu menuManager.isSideMenuEditable = false; menuManager.sideMenuMaxSubMenuLevels = 4; menuManager.sideMenuHasCustomLinks = false; }); </script> <script type="text/javascript"> window.addEventListener('load', function () { $('*[id^="SideItem"]').each(function () { var ids = $('[id="' + this.id + '"]'); if (ids.length > 1) $.each(ids, function (index, value) { value.id = value.id + '_' + index; }); }); $('.hasAccordionChildren .openAccordionNav').click(function (e) { e.preventDefault(); showHideAccordionMenuForSecondaryNav($(this)); }); $("#secondaryNav .grippy").each(function () { menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); }); $("#secondaryNav li").each(function () { menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); }); }); </script> </nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="ccbfe1badb-ad85-41ce-818b-e420f8db9634" data-containerid="bfe1badb-ad85-41ce-818b-e420f8db9634" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside> </div> </div></div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cce932d3de-9e8e-49ea-8fc9-d393ab98f0c9" data-containerid="e932d3de-9e8e-49ea-8fc9-d393ab98f0c9" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="3f9520da-d69c-482b-b349-6cb7b86ff04e"> <div class="row nest first last wide"> <div class="inner col col24 first last id53210bff-d8f0-480d-a87e-ba61bc981d79" style="" data-widgetcontainerid="53210bff-d8f0-480d-a87e-ba61bc981d79"> <div data-widget-id="cec1d03e-410c-4113-921b-2d326368e06b" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetcec1d03e-410c-4113-921b-2d326368e06b" 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="ccf76b0d99-be3d-4ad9-a09d-381ab420218e" data-containerid="f76b0d99-be3d-4ad9-a09d-381ab420218e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col4 first" style="" data-widgetcontainerid="b3bc476b-ab21-4a32-9298-3da996b64b37"> <div class="row nest first wide"> <div class="inner col col4 first last id43f2ccbe-73b3-4af6-bf6b-ef68b95632c4" style="" data-widgetcontainerid="43f2ccbe-73b3-4af6-bf6b-ef68b95632c4"> <div data-widget-id="4856d49c-a1c8-4899-b553-a0216ab21fea" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv4856d49c-a1c8-4899-b553-a0216ab21fea" 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="header4856d49c-a1c8-4899-b553-a0216ab21fea"> <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) { $('#divInfoAdv4856d49c-a1c8-4899-b553-a0216ab21fea .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col4 first last id32db025d-232f-4f2f-9db9-bbfcf1c98d87" style="" data-widgetcontainerid="32db025d-232f-4f2f-9db9-bbfcf1c98d87"> <div data-widget-id="109638d7-754b-4897-acde-6974269e3665" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget109638d7-754b-4897-acde-6974269e3665" 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="537dd818-b30f-4b3f-9cec-c865b91add4d"> <div class="row nest first last wide"> <div class="inner col col3 first last id5b661fca-7229-494d-8175-4a1f4fe7d25e" style="" data-widgetcontainerid="5b661fca-7229-494d-8175-4a1f4fe7d25e"> <div class="widget widgetSpacer" id="ea72c33f-4c4d-4cac-a940-c1ab889f70fb"></div> </div>  </div>  </div><div class="outer col col3" style="" data-widgetcontainerid="a7ed7854-6a6d-4a2a-a65e-611d402dcb68"> <div class="row nest first last wide"> <div class="inner col col3 first last id242b7867-0d45-497a-ac58-96158b66f350" style="" data-widgetcontainerid="242b7867-0d45-497a-ac58-96158b66f350"> <div data-widget-id="b8d25c23-3702-47a1-93af-1b0e66e2ae34" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvb8d25c23-3702-47a1-93af-1b0e66e2ae34" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerb8d25c23-3702-47a1-93af-1b0e66e2ae34"> <header class="widgetHeader" id="headerb8d25c23-3702-47a1-93af-1b0e66e2ae34"> <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) { $('#divInfoAdvb8d25c23-3702-47a1-93af-1b0e66e2ae34 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col3" style="" data-widgetcontainerid="79ce85e1-f758-4a3e-85e5-1f92b83c7678"> <div class="row nest first last wide"> <div class="inner col col3 first last id9d4f7598-ba93-4e40-a59d-8b7ec877f887" style="" data-widgetcontainerid="9d4f7598-ba93-4e40-a59d-8b7ec877f887"> <div class="widget widgetSpacer" id="b722815f-3b97-4459-8de9-db9ed760dee2"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="3a81b4fa-6739-42b4-9a14-9db04c2ad879"> <div class="row nest first last wide"> <div class="inner col col4 first last id8e18e57f-72e8-4c46-995a-8ab47a712856" style="" data-widgetcontainerid="8e18e57f-72e8-4c46-995a-8ab47a712856"> <div data-widget-id="44d9a835-fb71-4fd6-b8e4-8de5523fbfc2" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink44d9a835-fb71-4fd6-b8e4-8de5523fbfc2" class="widget widgetQuickLinks skin37 widgetOptionSet36 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader44d9a835-fb71-4fd6-b8e4-8de5523fbfc2"> <header class="widgetHeader" id="quickLinksHeader44d9a835-fb71-4fd6-b8e4-8de5523fbfc2"> <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="48871a8b-6bfe-4c4d-8a41-5748c20ed44d"> <div class="row nest first last wide"> <div class="inner col col3 first last idcf1f1b29-05eb-42f9-9cb9-4f5114d7ad15" style="" data-widgetcontainerid="cf1f1b29-05eb-42f9-9cb9-4f5114d7ad15"> <div class="widget widgetSpacer" id="cc027ae1-35cb-4a56-a46d-38cfb76a61ea"></div> </div>  </div>  </div><div class="outer col col4 last" style="" data-widgetcontainerid="44115135-09f1-4587-85e2-4cca74e946e4"> <div class="row nest first last wide"> <div class="inner col col4 first last idd3347557-7ee0-4077-a80c-d7f1efd5c43d" style="" data-widgetcontainerid="d3347557-7ee0-4077-a80c-d7f1efd5c43d"> <div data-widget-id="9bc910e0-70ab-4c7a-9cf8-a0a656fbaf5b" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink9bc910e0-70ab-4c7a-9cf8-a0a656fbaf5b" class="widget widgetQuickLinks skin37 widgetOptionSet36 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader9bc910e0-70ab-4c7a-9cf8-a0a656fbaf5b"> <header class="widgetHeader" id="quickLinksHeader9bc910e0-70ab-4c7a-9cf8-a0a656fbaf5b"> <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="cc9f134458-e445-47ac-af5d-be32afe0566f" data-containerid="9f134458-e445-47ac-af5d-be32afe0566f" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="2f4d7b1c-eb1b-476b-b7d1-bc328a89771e"> <div class="row nest first last wide"> <div class="inner col col24 first last idaa45bb12-3115-4b15-9a04-b11022a809d1" style="" data-widgetcontainerid="aa45bb12-3115-4b15-9a04-b11022a809d1"> <div data-widget-id='0d0f7ca5-4f86-4628-9ca0-fa1a81e5019b' data-moduleName="customHtml" id='widgetCustomHtml0d0f7ca5-4f86-4628-9ca0-fa1a81e5019b' class="widget widgetCustomHtml skin63 narrow" > <div class="widgetBody pageStyles" id="widgetBody0d0f7ca5-4f86-4628-9ca0-fa1a81e5019b"> <div id="customHtml0d0f7ca5-4f86-4628-9ca0-fa1a81e5019b"><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: '211', 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>