PageSourceSearch

https://www.sjcity.com/544/Government

html sjcity.com collected 2026-09-24 21:12:42 UTC 167,529 bytes, 3,290 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5
6	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
7<!-- Google Tag Manager for GA4 -->
8				
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-BYN6V8ES5R';w[l]=w[l]||[];w[l].push({'gtm.start':
9				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
10				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
11				'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
12				})(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12
13				<!-- End Google Tag Manager for GA4 -->
14				
14<script type='text/javascript'>
15					var enableTelemetry = 'false'
16					var aiConfig = {
17					instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f'						
18					}
19					var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig);
20					window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length;
21					// Add telemetry initializer
22					appInsights.queue.push(function() {
23						appInsights.context.addTelemetryInitializer(function(envelope) {
24							var telemetryItem = envelope.data.baseData;
25							// To check the telemetry item’s type:
26							if (!false)
27							{
28								//If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that
29								if (envelope.name.indexOf('.Event') == -1)
30									return false;
31							}
32						});
33					});						
34					appInsights.trackPageView();
35				</script>
35
36	
36<script>
37		function populateAntiForgery(token) {
38			var input = document.createElement("input");
39			input.name = "__RequestVerificationToken";
40			input.type = "hidden";
41			input.value = token;
42			var absPat = /^https?:\/\/|^\/\//i;
43			var forms = document.getElementsByTagName("form");
44			for (var i = 0; i < forms.length; i++) {
45				if (forms[i].method == "post" &&
46					!forms[i].querySelector('[name="__RequestVerificationToken"]') &&
47					!absPat.test(forms[i].getAttribute("action"))) {
48					forms[i].appendChild(input.cloneNode());
49				}
50			}
51		}
52
53		function getAntiForgeryToken(callback, error) {
54			var xhr = new XMLHttpRequest();
55			xhr.open("GET", "/antiforgery");
56			xhr.addEventListener("load", function() {
57				try {
58					if (this.status !== 200) {
59						throw Error("Invalid status. Could not retrieve antiforgery token.");
60		}
61					var obj = JSON.parse(this.responseText);
62					callback(obj.token);
63				} catch (e) {
64					typeof error === "function" && error(e);
65				}
66			});
67			xhr.send();
68		}
69
70		getAntiForgeryToken(function(token) {
71			if (document.readyState === "complete"
72				|| document.readyState === "loaded" 
73				|| document.readyState === "interactive") {
74				populateAntiForgery(token);
75				return;
76			}
77			document.addEventListener("DOMContentLoaded", function() {
78				populateAntiForgery(token);
79			}, false);
80		}, console.error);
81			</script>
81
82			
83
84	
84<script type="text/javascript">
85		window.departmentHeader = {};
86		window.pageSectionTracker = {};
87		window.isResponsiveEnabled = true;
88		window.isRemoveSetHeights= true;
89		if (window.isRemoveSetHeights) {
90			document.documentElement.className += ' removeSetHeights';
91		}
92		window.mainMenuMediaQuery = 'screen and (max-width: 40em)';
93		window.isMobileBrowserIncludingTablets = false;
94		window.fixedResponsiveMenu = false;
95		window.fullWidthResponsiveMenu = true;
96		window.responsiveMenuHeight = '';
97		window.responsiveMenuFontSize = '';
98		window.isContentAdvisor = false;
99		(function () {
100			window.setSizeCookie = function () {
101				document.cookie = "dpi=" + window.devicePixelRatio + "; path=/";
102				document.cookie = "viewportWidth=" + window.innerWidth + "; path=/";
103				document.cookie = "viewportHeight=" + window.innerHeight + "; path=/";
104				if (screen && screen.width && screen.height) {
105					document.cookie = "screenWidth=" + screen.width + "; path=/";
106					document.cookie = "screenHeight=" + screen.height + "; path=/";
107				}
108				document.cookie = "responsiveGhost=1; path=/";
109			};
110
111			setSizeCookie();
112		}());
113	</script>
113
114		<meta name="viewport" content="width=device-width, initial-scale=1">
115
116	
116<script async src="https://docaccess.com/docbox.js"></script>
116
117	
118	<meta name="category0" content="Home" />
119<meta name="category1" content="Government" />
120
121	
122	<meta name="theme-color" content="rgb(32, 51, 110)">
123	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
124	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
125		<title>Government | Saint Joseph, MI</title>
126
127		<meta name="description" content="">
128			
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128
129	
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129
130	
131
132	<!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]-->
133	<!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]-->
134	<!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]-->
135	<!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]-->
136	
136<script type="text/javascript"><!--
137	var intCountryCode = 840;
138	var order = '';
139//--></script>
139
140	
141<link href="/-681783051.css" rel="stylesheet" type="text/css" />	<link href="/-2140275272.css" rel="stylesheet" type="text/css" />	<link href="/-1782063861.css" rel="stylesheet" type="text/css" />
142
143	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
144	
144<script type="text/javascript">
145		window.Pages = window.Pages || {};
146		// FrontEnd RWD initialization
147		window.Pages.rwdReady = $.Deferred();
148		window.Pages.toolBarDeferred = $.Deferred();
149		window.Pages.rwdSetupComplete = $.Deferred();
150		window.Pages.megaMenuLoaded = $.Deferred();
151		window.Pages.angularToolbarComplete = $.Deferred();
152		window.Pages.frontEndToolbarComplete = $.Deferred();
153	</script>
153
154	<!--CPHeadContent-->
155	
155<script src="/739942322.js" type="text/javascript"></script>
155
156	
157	
158	
159	
160
161
162
163
164	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
165	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
166	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
167	<!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]-->
168
169	
169<script type="text/javascript">
170		setEditorVariables(false, 840);
171		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
172	</script>
172
173	
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173
174</head>
175<body class="wide " >
176
177    
177<script>jQuery(document).click(function (event) {
178	var target = jQuery(event.target);
179	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
180		var text = target.attr('title');
181		
182		if (!text.length) {
183			text = "N/A";
184		}
185		ga('send',
186			{
187				hitType: 'event',
188				eventCategory: 'Image',
189				eventAction: 'Image - ' + text,
190				eventLabel: window.location.href
191			});
192	}
193	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
194		var text = "";
195		if (target.parents('.button')[0]) {
196			text = target.parents('.button').first().text();
197		} else if (target.text().length) {
198			text = target.text();
199		} else if (target.attr('title').length) {
200			text = target.attr('title');
201		}
202		if (!text.length) {
203			text = "N/A";
204		}
205		ga('send',
206			{
207				hitType: 'event',
208				eventCategory: 'Button',
209				eventAction: 'Button - ' + text,
210				eventLabel: window.location.href
211			});
212	}
213	if (target.parents('.widgetCustomHtml').length) {
214		ga('send',
215			{
216				hitType: 'event',
217				eventCategory: 'Custom Html',
218				eventAction: 'Custom Html Clicked',
219				eventLabel: window.location.href
220			});
221	}
222	if (target.parents('.editor').length) {
223		ga('send',
224			{
225				hitType: 'event',
226				eventCategory: 'Editor',
227				eventAction: 'Editor Link Clicked',
228				eventLabel: window.location.href
229			});
230	}
231	if (target.parents('.GraphicLinks').length) {
232		var text = "";
233		var targetGraphicLink = target;
234		if (target.hasClass('widgetGraphicLinksLink')) {
235			targetGraphicLink = jQuery(target.children()[0]);
236		}
237		if (targetGraphicLink.hasClass('text')) {
238			text = targetGraphicLink.text();
239		} else if (targetGraphicLink.attr('src').length) {
240			if (targetGraphicLink.attr('alt').length) {
241				text = targetGraphicLink.attr('alt');
242			} else {
243				text = targetGraphicLink.attr('src');
244			}
245		} else {
246			text = "N/A";
247		}
248		ga('send',
249			{
250				hitType: 'event',
251				eventCategory: 'Graphic Links',
252				eventAction: 'Graphic Link - ' + text,
253				eventLabel: window.location.href
254			});
255	}
256	if (target.parents('.InfoAdvanced').length) {
257		ga('send',
258			{
259				hitType: 'event',
260				eventCategory: 'Info Advanced',
261				eventAction: 'Info Advanced Clicked',
262				eventLabel: window.location.href
263			});
264	}
265	if (target.parents('.list').length) {
266		ga('send',
267			{
268				hitType: 'event',
269				eventCategory: 'List',
270				eventAction: 'List Clicked',
271				eventLabel: window.location.href
272			});
273	}
274	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
275		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
276		var breadCrumbs = [];
277		jQuery('.breadCrumbs > li').each(function () {
278			 breadCrumbs.push(this.textContent);
279		});
280		var pageTitle = breadCrumbs.join('>');
281		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
282		var text = "";
283		if (pageTitle) {
284			text += pageTitle + " | ";
285		} else {
286			text += document.title + ' - ';
287		}
288		if (target.text() == "" && megaMenuText == "") {
289			text += "N/A";
290		} else if (target.text().length && megaMenuText.length) {
291			if (megaMenuText == target.text()) {
292				text += megaMenuText;
293			} else {
294				text += megaMenuText + " - " + subTitleText + " - " + target.text();
295			}
296		} else if (target.text() == "") {
297			text += megaMenuText;
298		} else {
299			text += target.text();
300		}
301		if (!text.length) {
302			text = "N/A";
303		}
304		ga('send',
305			{
306				hitType: 'event',
307				eventCategory: 'Mega Menu',
308				eventAction: 'Mega Menu : ' + text,
309				eventLabel: window.location.href
310			});
311	}
312	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
313		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
314		if (!text.length) {
315			text = "N/A";
316		}
317		ga('send',
318			{
319				hitType: 'event',
320				eventCategory: 'News Flash',
321				eventAction: 'News Flash - ' + text,
322				eventLabel: window.location.href
323			});
324	}
325	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
326		var text = target.text();
327		if (!text.length) {
328			text = "N/A";
329		}
330		ga('send',
331			{
332				hitType: 'event',
333				eventCategory: 'Quick Links',
334				eventAction: 'Quick Links - ' + text,
335				eventLabel: window.location.href
336			});
337	}
338	if (target.attr('src') && target.parents('.cpSlideshow').length) {
339		var text = target.attr('title');
340		if (!text.length) {
341			text = "N/A";
342		}
343		ga('send',
344			{
345				hitType: 'event',
346				eventCategory: 'Slideshow',
347				eventAction: 'Slideshow - ' + text,
348				eventLabel: window.location.href
349			});
350	}
351	if (target.parents('.widgetText').length) {
352		ga('send',
353			{
354				hitType: 'event',
355				eventCategory: 'Text',
356				eventAction: 'Text Link Clicked',
357				eventLabel: window.location.href
358			});
359	}
360});</script>
360
361	<div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;">
362	<div class="cp-PopOver-header">
363		<h3 class="cp-PopOver-title"></h3>
364		<button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)">
365			<svg class="cp-Icon--close" alt="close" title="close">
366				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use>
367			</svg>
368		</button>
369	</div>
370	<div id="cpPopOverBody" class="cp-PopOver-body">
371		<form id="cpPopOverForm" name="cpPopOverForm" novalidate></form>
372	</div>
373	<div id="cpPopOverFooter" class="cp-PopOver-footer">
374		<div class="cp-BtnGroup" id="actionButtons">
375			<!-- Action buttons will be dynamically added here -->
376		</div>
377	</div>
378</div>
379    <div id="fb-root"></div>
380<div id=skipToContentLinks>
381<a href="#cc3b5e1bee-afba-4542-9f0e-69c8c7766229" target="_self" class="skipToContentLink">Skip to Main Content</a>
382</div>
383    <form id="frmReferenceFormForTelerikEditorDialogs"></form>
384
385        <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />
386
387
388
389    <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
390    <input type="hidden" id="hdnStructureID" value="11" />
391    <input type="hidden" id="hdnContentCollectionID" value="b08fcc5b-79c8-4fed-b35f-9fe35d9d0aab" />
392    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
393    <input type="hidden" id="hdnThemeID" value="27" />
394    <input type="hidden" id="pageIsFrontEnd" value="true" />
395    <input type="hidden" id="pageModuleID" />
396    <input type="hidden" id="pagePageID" value="544" />
397
398    <div id="stickyPlaceholder"></div>
399    <div id="outer-wrap" class="outer-wrap">
400        <div id="inner-wrap" class="inner-wrap">
401                <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
402                    
403
404
405
406<!-- Begin Signed Out Bar -->
407<div class="cpToolbar user public">
408    <div class="inner selfClear">
409        <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. &nbsp;&nbsp;</span></p>
410        <ul class="nav secondary">
411	        <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li>
412        </ul>
413    </div>
414</div>
415<script>
416    $(document).ready(function () {
417        $('#signedOutToolbarCreateProfileButton').click(function (event) {
418            event.preventDefault();
419            window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin;
420        });
421
422			
423				$('#loggedOutToolbarSignInButton').click(function (event) {
424					event.preventDefault();
425					window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host;
426				});
427			
428
429		if ('False' == 'True') {
430            $('#loggedOutToolbarSignInButton').hide();
431		}
432    })
433</script>
433
434<!-- End Signed Out Bar -->
435
436                </div>
437            <div id="bodyWrapper">
438                <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
439                
440<div data-cpRole="structuralContainer" id="bodyContainerTS">
441<div data-cpRole="banner" id="banner1" class="fixedBannerTS"><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS">
442<div class="siteWrap" id="flexHeaderTS"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">
443
444
445
446
447				<a id="bannerLogoTS-73" style="			display: block; text-align: center;
448" class="bannerObject" href="/" target="_self"><img alt="Saint Joseph Michigan Homepage" class="bannerObject" height="88" src="/ImageRepository/Document?documentID=128" width="450" /></a>
449</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
450<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
451--><li id="MainItem544" class="topMenuItem" role="none" data-pageid="544" data-displaymegamenu="True"><!--
452			--><!--
453			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu544" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/544/Government" target = "_self" >   Government  </a>			<!--
454			--><!--
455			--></li><!----><li id="MainItem812" class="topMenuItem" role="none" data-pageid="812" data-displaymegamenu="True"><!--
456			--><!--
457			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu812" id = "mainNavCommunityInformationResources" class="navMainItem mainNavItem mainNavItem2 " href="/812/Community-Information-Resources" target = "_self" >   Community Information &amp; Resources  </a>			<!--
458			--><!--
459			--></li><!----><li id="MainItem871" class="topMenuItem" role="none" data-pageid="871" data-displaymegamenu="True"><!--
460			--><!--
461			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu871" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem3 " href="/871/How-Do-I" target = "_self" >   How Do I  </a>			<!--
462			--><!--
463			--></li><!---->
464</ol>
465
466
467	
467<script type="text/javascript">
468		(function () {
469			function setupMenu() {
470				const menuID = 'mainNavMenu';
471				const menuType = MAIN_MENU;
472
473				//setup menu manager properties for main menu
474				if (!menuManager.mobileMainNav && true)
475					menuManager.adjustMainItemsWidth('#' + menuID);
476				menuManager.isMainMenuEditable = false;
477				menuManager.mainMenuMaxSubMenuLevels = 4;
478				menuManager.setMOMMode(2, menuType);
479
480				//Init main menu
481				const setupDraggable = menuManager.isMainMenuEditable;
482				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=27&menuContainerID=mainNav';
483
484				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
485				menuManager.mainMenuInit = true;
486				menuManager.mainMenuTextResizer = true;
487				if (1.00 > 0)
488					menuManager.mainMenuTextResizerRatio = 1.00;
489				if (window.isResponsiveEnabled)
490					menuManager.mainMenuReady.resolve();
491
492			}
493
494			if (document.readyState === "complete"
495				|| document.readyState === "loaded"
496				|| document.readyState === "interactive") {
497				setupMenu();
498				return;
499			}
500
501			document.addEventListener("DOMContentLoaded", setupMenu);
502		})();
503	</script>
503
504
505
506<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu544" class="contentTop mainNavMegaMenu megaMenuContainer pageID_544 hidden" data-orientation="horizontal">	<div id="cce5ef4e56-5a73-4c70-9949-7ff5437b7429" data-containerid="e5ef4e56-5a73-4c70-9949-7ff5437b7429" class="pageContent cpGrid cpGrid24">
507				                
508
509
510
511	</div>
512</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu812" class="contentTop mainNavMegaMenu megaMenuContainer pageID_812 hidden" data-orientation="horizontal">	<div id="ccc07d03ad-b7bc-4d30-88b0-89048541ca6f" data-containerid="c07d03ad-b7bc-4d30-88b0-89048541ca6f" class="pageContent cpGrid cpGrid24">
513				                
514
515
516
517	</div>
518</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu871" class="contentTop mainNavMegaMenu megaMenuContainer pageID_871 hidden" data-orientation="horizontal">	<div id="cc28173918-e341-493f-acaa-f2469d0c888d" data-containerid="28173918-e341-493f-acaa-f2469d0c888d" class="pageContent cpGrid cpGrid24">
519				                
520
521
522
523	</div>
524</aside></aside></nav><div data-cpRole="contentContainer" id="searchTS">	<div id="cc83e5adaa-b4c8-4a13-9a1f-f4af41a17dd0" data-containerid="83e5adaa-b4c8-4a13-9a1f-f4af41a17dd0" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
525				                
526
527		<div class="row outer wide"><!--
528--><div class="outer col col24 first last" style="" data-widgetcontainerid="74130c96-5b72-4af6-8589-260c1f4a8902">�				
529	<div class="row nest first last wide">�
530	
531	<div class="inner col col24 first last idb6f999f6-9440-4a6d-95ab-5ab5d5521c5a" style="" data-widgetcontainerid="b6f999f6-9440-4a6d-95ab-5ab5d5521c5a">�	
532<div data-widget-id="bdf95631-fc84-4b19-9551-513d1488ea30" data-widget-controller-path="/Layout/WidgetSearch">
533	
534	
534<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
534
535	
535<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
535
536	
536<script defer type="text/javascript">
537
538		$(document).ready(function () {
539			try {
540				// Minimum characters required before performing a search/autocomplete
541				var minPrefixLength = 3;
542				var autoCompleteDebounceDelay = 500;
543				var searchFieldSelector = "#searchField" + 'bdf95631-fc84-4b19-9551-513d1488ea30';
544				var checkboxSelector = "#ysnSearchOnlyDept" + 'bdf95631-fc84-4b19-9551-513d1488ea30';
545				var buttonSelector = ".widgetSearchButton" + 'bdf95631-fc84-4b19-9551-513d1488ea30';
546				var autoCompleteCache = {};
547				var autoCompleteCacheKeys = [];
548				var autoCompleteCacheLimit = 25;
549				var currentAutoCompleteRequest = null;
550				var currentAutoCompleteRequestKey = null;
551				var autoCompleteDebounceTimer = null;
552				var autoCompleteDebounceKey = null;
553				var pendingAutoCompleteResponses = [];
554
555				function normalizeAutoCompleteTerm(term) {
556					return $.trim((term || "") + "").replace(/\s+/g, " ");
557				}
558
559				function shouldSearch(term) {
560					return normalizeAutoCompleteTerm(term).length >= minPrefixLength;
561				}
562
563				function getAutoCompleteUrl() {
564					return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : '');
565				}
566
567				function getAutoCompleteCacheKey(requestUrl, term) {
568					return requestUrl + "|" + term.toLowerCase();
569				}
570
571				function cacheAutoCompleteResult(cacheKey, data) {
572					if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
573						autoCompleteCacheKeys.push(cacheKey);
574						if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) {
575							delete autoCompleteCache[autoCompleteCacheKeys.shift()];
576						}
577					}
578					autoCompleteCache[cacheKey] = data;
579				}
580
581				function respondToPendingAutoComplete(data) {
582					var responses = pendingAutoCompleteResponses;
583					pendingAutoCompleteResponses = [];
584					for (var i = 0; i < responses.length; i++) {
585						responses[i](data);
586					}
587				}
588
589				function cancelPendingAutoComplete() {
590					clearTimeout(autoCompleteDebounceTimer);
591					autoCompleteDebounceKey = null;
592					if (currentAutoCompleteRequest != null) {
593						currentAutoCompleteRequest.abort();
594						currentAutoCompleteRequest = null;
595					}
596					currentAutoCompleteRequestKey = null;
597					respondToPendingAutoComplete([]);
598				}
599
600				function createWidgetAutoCompleteSource(options) {
601					return function (request, response) {
602						var term = normalizeAutoCompleteTerm(request.term);
603						if (!options.shouldSearch(term)) {
604							response([]);
605							return;
606						}
607
608						var requestUrl = options.url();
609						var cacheKey = getAutoCompleteCacheKey(requestUrl, term);
610						if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
611							response(autoCompleteCache[cacheKey]);
612							if (options.success) {
613								options.success(autoCompleteCache[cacheKey]);
614							}
615							return;
616						}
617
618						if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) {
619							pendingAutoCompleteResponses.push(response);
620							return;
621						}
622
623						cancelPendingAutoComplete();
624						autoCompleteDebounceKey = cacheKey;
625						pendingAutoCompleteResponses.push(response);
626						autoCompleteDebounceTimer = setTimeout(function () {
627							autoCompleteDebounceKey = null;
628							currentAutoCompleteRequestKey = cacheKey;
629							currentAutoCompleteRequest = $.ajax({
630								url: requestUrl,
631								dataType: "json",
632								timeout: options.timeout,
633								data: {
634									term: term,
635								},
636								success: function (data) {
637									if (currentAutoCompleteRequestKey === cacheKey) {
638										cacheAutoCompleteResult(cacheKey, data);
639										respondToPendingAutoComplete(data);
640										if (options.success) {
641											options.success(data);
642										}
643									}
644								},
645								error: function (xmlhttprequest, textstatus, message) {
646									if (textstatus === "abort") {
647										return;
648									}
649
650									if (options.error) {
651										options.error(xmlhttprequest, textstatus, message);
652									}
653
654									respondToPendingAutoComplete([]);
655								},
656								complete: function (xmlhttprequest) {
657									if (currentAutoCompleteRequest === xmlhttprequest) {
658										currentAutoCompleteRequest = null;
659										currentAutoCompleteRequestKey = null;
660									}
661								}
662							});
663						}, options.delay);
664					};
665				}
666
667				// click handler for search buttons
668				$(buttonSelector).click(function (e) {
669					e.preventDefault();
670					var $btn = $(this);
671					var $field = $btn.siblings(".widgetSearchBox");
672					var term = $field.val() + "";
673					if (!shouldSearch(term)) {
674						// do nothing until user types enough characters
675						$field.focus();
676						return;
677					}
678
679					if ($(checkboxSelector).is(':checked') || false)
680					{
681						doWidgetSearch($.trim(term), Number(0));
682					}
683					else {
684						doWidgetSearch($.trim(term), 0);
685					}
686				});
687
688				// enter key handler for the search field
689				$(searchFieldSelector).keypress(function (e) {
690					var code = e.which || e.keyCode;
691					if (code === 13) {
692						e.preventDefault();
693						var $this = $(this);
694						var term = $this.val() + "";
695						if (!shouldSearch(term)) {
696							// do nothing until user types enough characters
697							$this.focus();
698							return false;
699						}
700
701						if ($(checkboxSelector).is(':checked') || false) {
702							doWidgetSearch($.trim(term), Number(0));
703						} else {
704							doWidgetSearch($.trim(term), 0);
705						}
706						return false;
707					}
708					return true;
709				});
710
711				// autocomplete: set minLength and guard source
712				if (true) {
713					var $searchField = $(searchFieldSelector).autocomplete({
714						minLength: minPrefixLength,
715						source: createWidgetAutoCompleteSource({
716							delay: autoCompleteDebounceDelay,
717							timeout: 10000,
718							shouldSearch: shouldSearch,
719							url: getAutoCompleteUrl,
720							success: function () {
721								$('.autoCompleteError').remove();
722							},
723							error: function (xmlhttprequest, textstatus, message) {
724								if (textstatus === "timeout") {
725									if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0)
726										$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector));
727								}
728							}
729						}),
730						html: true,
731						delay: 0,
732						select: function (event, ui) {
733							$(this).val(ui.item.value);
734							$(this).next().click();
735						}
736					});
737
738					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
739						return $("<li class=\"itemList\"></li>")
740							.data("ui-autocomplete-item", item)
741							.append("<a>" + item.label + "</a>")
742							.appendTo(ul);
743					};
744				}
745
746				// keep searchBtnApplyQuery consistent with prefix rule
747				window.searchBtnApplyQuery = function() {
748					var $field = $(searchFieldSelector);
749					var term = $field.val() + "";
750					if (shouldSearch(term)) {
751						// update href for the icon/button (if present)
752						var btn = document.getElementById("btnSearchIcon");
753						if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term));
754					} else {
755						var btn = document.getElementById("btnSearchIcon");
756						if (btn) btn.href = "#";
757					}
758				};
759			}
760			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.
761		});
762	</script>
762
763
764	<section id="widgetPreviewSearch" class="widget widgetSearch skin60 widgetOptionSet37" style="display: block;" aria-label="Search">
765				<!-- For the button right and inside -->
766		<div class="widgetBody buttonRightInside">
767			<input class="widgetSearchBox widgetSearchBoxbdf95631-fc84-4b19-9551-513d1488ea30" cp5ph="true" id="searchFieldbdf95631-fc84-4b19-9551-513d1488ea30" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search" type="text" value="" />
768						<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonbdf95631-fc84-4b19-9551-513d1488ea30" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=129" data-image="/ImageRepository/Document?documentID=130" src="/ImageRepository/Document?documentID=130" /></a>
769
770			<label class="searchLabel" aria-hidden="true" for="searchFieldbdf95631-fc84-4b19-9551-513d1488ea30">Search</label>
771		</div>
772
773	</section>
774
775
776<style scoped>
777	  
778		.widgetSearch ::-webkit-input-placeholder {
779		color: rgba(255, 255, 255, 1);
780	  }
781		.widgetSearch :-moz-placeholder { /* Firefox 18- */
782	   color: rgba(255, 255, 255, 1);
783	}
784		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
785	   color: rgba(255, 255, 255, 1);
786	}
787	.widgetSearch :-ms-input-placeholder {
788	   color: rgba(255, 255, 255, 1);
789	}
790	
791
792	.widgetSearch .widgetBody .widgetSearchBoxbdf95631-fc84-4b19-9551-513d1488ea30
793	{
794		color: rgba(0, 0, 0, 1);
795		background: none;
796border: 0;
797border-left: 2px solid rgba(247, 142, 30, 1);
798height: 60px;
799font-family: Poppins;
800font-style: italic;
801font-size: 1em;
802padding: 0 80px 0 20px;
803	}
804	.widgetSearch .widgetBody .widgetSearchButtonbdf95631-fc84-4b19-9551-513d1488ea30
805	{
806		
807	}
808	.widgetSearch .widgetSearch-onlyDeptbdf95631-fc84-4b19-9551-513d1488ea30
809	{
810		display: inline-block;
811		color: #333;
812		
813		
814		 padding-top: 10px;
815	}
816	#ysnSearchOnlyDeptbdf95631-fc84-4b19-9551-513d1488ea30
817	{
818		position: relative;
819		top: .125em;
820	}
821
822</style>
823
824<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
825<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
826
827
828
829<script type="text/javascript">
830	//Updates search icons href to have the correct queryString
831	function searchBtnApplyQuery() {
832		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldbdf95631-fc84-4b19-9551-513d1488ea30").value;
833	}
834</script>
834
835
836</div>
837
838	</div> <!-- inner column -->
839
840	</div> <!-- inner row -->
841
842			</div><!-- outer column --><!--		--></div> <!-- outer row -->
843
844
845	</div>
846</div></div>
847</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
848<div data-cpRole="structuralContainer" id="bannerSizingTS">
849<div data-cpRole="structuralContainer" id="bannerSearchTS">
850<div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS">	<div id="cc9f9c3963-deb8-4f76-95a1-4d177cf71c69" data-containerid="9f9c3963-deb8-4f76-95a1-4d177cf71c69" class="pageContent cpGrid cpGrid24 showInMobile">
851				                
852
853
854
855	</div>
856</div></div>
857</div>
858</div>
859</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
860<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
861<div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar">
862<aside data-cpRole="contentContainer" id="sidebarContainer1TS">	<div id="ccf9a2a381-e03c-4ff8-a098-83b11d6faa45" data-containerid="f9a2a381-e03c-4ff8-a098-83b11d6faa45" class="pageContent cpGrid cpGrid24 showInMobile">
863				                
864
865
866
867	</div>
868</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav">
869
870
871
872
873
874	<ol role="menu" id="secondaryMenusecondaryNav" data-parent="544" class="rootNavMenu accordionNav">
875	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem548" data-pageid="548">
876		<div class="accordionNavItem">
877			<a href="/548/City-Commission" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Commission</a>
878				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="City Commission Submenu" aria-expanded="false" aria-controls="submenu-lvl1-548"></a>
879		</div>
880					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-548" style="display: none;" data-parent="548">
881						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem546" data-pageid="546">
882			<div class="accordionNavItem">
883				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
884			</div>
885					</li>
886		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem547" data-pageid="547">
887			<div class="accordionNavItem">
888				<a href="/547/Agendas-Minutes" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Agendas &amp; Minutes</span></a>
889					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Agendas &amp; Minutes Submenu" aria-expanded="false" aria-controls="submenu-lvl2-547"></a>
890			</div>
891							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-547" style="display: none;" data-parent="547">
892							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem593" data-pageid="593">
893			<div class="accordionNavItem">
894				<a href="/573/Meeting-Recordings" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Meeting Recordings</span></a>
895			</div>
896					</li>
897
898				</ol>
899		</li>
900
901			</ol>
902	</li>
903	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem550" data-pageid="550">
904		<div class="accordionNavItem">
905			<a href="/550/Boards-and-Commissions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boards and Commissions</a>
906				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Boards and Commissions Submenu" aria-expanded="false" aria-controls="submenu-lvl1-550"></a>
907		</div>
908					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-550" style="display: none;" data-parent="550">
909						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem568" data-pageid="568">
910			<div class="accordionNavItem">
911				<a href="/568/Appointment-and-Re-Appointment-Process-a" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Appointment and Re-Appointment Process and Applications</span></a>
912					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Appointment and Re-Appointment Process and Applications Submenu" aria-expanded="false" aria-controls="submenu-lvl2-568"></a>
913			</div>
914							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-568" style="display: none;" data-parent="568">
915							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem552" data-pageid="552">
916			<div class="accordionNavItem">
917				<a href="/552/Application-for-Appointment-to-a-Board-C" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Application for Appointment to a Board, Commission or Committee</span></a>
918			</div>
919					</li>
920
921				</ol>
922		</li>
923		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem583" data-pageid="583">
924			<div class="accordionNavItem">
925				<a href="/583/Board-of-Review" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Board of Review</span></a>
926			</div>
927					</li>
928		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem558" data-pageid="558">
929			<div class="accordionNavItem">
930				<a href="/558/Brownfield-Redevelopment-Authority" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Brownfield Redevelopment Authority</span></a>
931					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Brownfield Redevelopment Authority Submenu" aria-expanded="false" aria-controls="submenu-lvl2-558"></a>
932			</div>
933							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-558" style="display: none;" data-parent="558">
934							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem553" data-pageid="553">
935			<div class="accordionNavItem">
936				<a href="/553/Understanding-Brownfield-Redevelopment" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Understanding Brownfield Redevelopment</span></a>
937			</div>
938					</li>
939
940				</ol>
941		</li>
942		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem581" data-pageid="581">
943			<div class="accordionNavItem">
944				<a href="/581/Cemetery-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Cemetery Board</span></a>
945			</div>
946					</li>
947		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem576" data-pageid="576">
948			<div class="accordionNavItem">
949				<a href="/576/Construction-Board-of-Appeals" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Construction Board of Appeals</span></a>
950			</div>
951					</li>
952		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem559" data-pageid="559">
953			<div class="accordionNavItem">
954				<a href="/559/Downtown-Development-Authority" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Downtown Development Authority</span></a>
955			</div>
956					</li>
957		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem579" data-pageid="579">
958			<div class="accordionNavItem">
959				<a href="/579/Municipal-Officers-Compensation-Commissi" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Municipal Officers Compensation Commission</span></a>
960			</div>
961					</li>
962		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem582" data-pageid="582">
963			<div class="accordionNavItem">
964				<a href="/582/Parks-Recreation-Advisory-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks &amp; Recreation Advisory Board</span></a>
965			</div>
966					</li>
967		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem555" data-pageid="555">
968			<div class="accordionNavItem">
969				<a href="/555/Planning-Commission" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning Commission</span></a>
970					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Planning Commission Submenu" aria-expanded="false" aria-controls="submenu-lvl2-555"></a>
971			</div>
972							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-555" style="display: none;" data-parent="555">
973							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem569" data-pageid="569">
974			<div class="accordionNavItem">
975				<a href="/569/Planning-Commission-Applications" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning Commission Applications</span></a>
976					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Planning Commission Applications Submenu" aria-expanded="false" aria-controls="submenu-lvl3-569"></a>
977			</div>
978							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-569" style="display: none;" data-parent="569">
979							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem570" data-pageid="570">
980			<div class="accordionNavItem">
981				<a href="/570/Annual-Reports" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Annual Reports</span></a>
982			</div>
983					</li>
984		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem571" data-pageid="571">
985			<div class="accordionNavItem">
986				<a href="/630/Sign-Information-and-Applications" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sign Information and Applications</span></a>
987			</div>
988					</li>
989
990				</ol>
991		</li>
992
993				</ol>
994		</li>
995		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem557" data-pageid="557">
996			<div class="accordionNavItem">
997				<a href="/557/Property-Maintenance-Board-of-Appeals" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Property Maintenance Board of Appeals</span></a>
998			</div>
999					</li>
1000		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem580" data-pageid="580">
1001			<div class="accordionNavItem">
1002				<a href="/580/Retirement-Board-of-Trustees" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Retirement Board of Trustees</span></a>
1003			</div>
1004					</li>
1005		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem584" data-pageid="584">
1006			<div class="accordionNavItem">
1007				<a href="/584/Sustainability-Committee" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sustainability Committee</span></a>
1008					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Sustainability Committee Submenu" aria-expanded="false" aria-controls="submenu-lvl2-584"></a>
1009			</div>
1010							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-584" style="display: none;" data-parent="584">
1011							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem585" data-pageid="585">
1012			<div class="accordionNavItem">
1013				<a href="/585/Bee-City-USA" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Bee City USA</span></a>
1014			</div>
1015					</li>
1016		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem586" data-pageid="586">
1017			<div class="accordionNavItem">
1018				<a href="/586/Home-Composting" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1018Home Composting</span></a>
1019			</div>
1020					</li>
1021		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem587" data-pageid="587">
1022			<div class="accordionNavItem">
1023				<a href="https://www.plugshare.com/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Find Nearby EV Chargers</span></a>
1024			</div>
1025					</li>
1026		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem588" data-pageid="588">
1027			<div class="accordionNavItem">
1028				<a href="https://stopfoodwaste.org/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Reducing Food Waste</span></a>
1029			</div>
1030					</li>
1031		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem589" data-pageid="589">
1032			<div class="accordionNavItem">
1033				<a href="/589/Pollinator-Habitat-Certification" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Pollinator Habitat Certification</span></a>
1034			</div>
1035					</li>
1036
1037				</ol>
1038		</li>
1039		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem591" data-pageid="591">
1040			<div class="accordionNavItem">
1041				<a href="/591/Water-Services-Joint-Operating-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Water Services Joint Operating Board</span></a>
1042			</div>
1043					</li>
1044		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem556" data-pageid="556">
1045			<div class="accordionNavItem">
1046				<a href="/556/Zoning-Board-of-Appeals" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Zoning Board of Appeals</span></a>
1047			</div>
1048					</li>
1049		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem574" data-pageid="574">
1050			<div class="accordionNavItem">
1051				<a href="/574/Other-Boards-and-Commissions" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Other Boards and Commissions</span></a>
1052					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Other Boards and Commissions Submenu" aria-expanded="false" aria-controls="submenu-lvl2-574"></a>
1053			</div>
1054							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-574" style="display: none;" data-parent="574">
1055							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem575" data-pageid="575">
1056			<div class="accordionNavItem">
1057				<a href="/575/Airport-Authority" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Airport Authority</span></a>
1058			</div>
1059					</li>
1060		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem577" data-pageid="577">
1061			<div class="accordionNavItem">
1062				<a href="/577/Hospital-Finance-Authority-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Hospital Finance Authority Board</span></a>
1063			</div>
1064					</li>
1065		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem578" data-pageid="578">
1066			<div class="accordionNavItem">
1067				<a href="/578/Housing-Commission" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Housing Commission</span></a>
1068			</div>
1069					</li>
1070		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem590" data-pageid="590">
1071			<div class="accordionNavItem">
1072				<a href="/590/Joint-Waste-Water-Treatment-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Joint Waste Water Treatment Board</span></a>
1073			</div>
1074					</li>
1075		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem899" data-pageid="899">
1076			<div class="accordionNavItem">
1077				<a href="/899/Recreational-Harbor-Authority" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Recreational Harbor Authority</span></a>
1078			</div>
1079					</li>
1080		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem551" data-pageid="551">
1081			<div class="accordionNavItem">
1082				<a href="/551/St-Joseph-River-Harbor-Authority" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">St. Joseph River Harbor Authority</span></a>
1083			</div>
1084					</li>
1085
1086				</ol>
1087		</li>
1088
1089			</ol>
1090	</li>
1091	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem592" data-pageid="592">
1092		<div class="accordionNavItem">
1093			<a href="/592/Agendas-and-Minutes" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Agendas and Minutes</a>
1094				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Agendas and Minutes Submenu" aria-expanded="false" aria-controls="submenu-lvl1-592"></a>
1095		</div>
1096					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-592" style="display: none;" data-parent="592">
1097						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem573" data-pageid="573">
1098			<div class="accordionNavItem">
1099				<a href="/573/Meeting-Recordings" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Meeting Recordings</span></a>
1100			</div>
1101					</li>
1102
1103			</ol>
1104	</li>
1105	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem596" data-pageid="596">
1106		<div class="accordionNavItem">
1107			<a href="https://library.municode.com/mi/st._joseph/codes/code_of_ordinances" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Code of Ordinances &amp; Zoning</a>
1108		</div>
1109			</li>
1110	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem597" data-pageid="597">
1111		<div class="accordionNavItem">
1112			<a href="/597/Departments" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Departments</a>
1113				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Departments Submenu" aria-expanded="false" aria-controls="submenu-lvl1-597"></a>
1114		</div>
1115					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-597" style="display: none;" data-parent="597">
1116						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem598" data-pageid="598">
1117			<div class="accordionNavItem">
1118				<a href="/598/Administration" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1118Administration</span></a>
1119					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Administration Submenu" aria-expanded="false" aria-controls="submenu-lvl2-598"></a>
1120			</div>
1121							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-598" style="display: none;" data-parent="598">
1122							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem599" data-pageid="599">
1123			<div class="accordionNavItem">
1124				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
1125			</div>
1126					</li>
1127		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem601" data-pageid="601">
1128			<div class="accordionNavItem">
1129				<a href="/601/City-Manager" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Manager</span></a>
1130			</div>
1131					</li>
1132		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem602" data-pageid="602">
1133			<div class="accordionNavItem">
1134				<a href="/602/City-Attorney" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Attorney</span></a>
1135			</div>
1136					</li>
1137		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem603" data-pageid="603">
1138			<div class="accordionNavItem">
1139				<a href="/820/City-Resident-Downtown-Parking-Waiver-Ap" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Resident Downtown Parking Waiver Application</span></a>
1140			</div>
1141					</li>
1142		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem604" data-pageid="604">
1143			<div class="accordionNavItem">
1144				<a href="/776/Curbside-Recycling-Guide" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Curbside Recycling Guide</span></a>
1145			</div>
1146					</li>
1147		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem605" data-pageid="605">
1148			<div class="accordionNavItem">
1149				<a href="/819/New-Business-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">New Business Resources</span></a>
1150			</div>
1151					</li>
1152		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem606" data-pageid="606">
1153			<div class="accordionNavItem">
1154				<a href="/606/Rummage-or-Garage-Sales" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Rummage or Garage Sales</span></a>
1155			</div>
1156					</li>
1157		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem607" data-pageid="607">
1158			<div class="accordionNavItem">
1159				<a href="/607/Vendor-Permits" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Vendor Permits</span></a>
1160			</div>
1161					</li>
1162
1163				</ol>
1164		</li>
1165		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem608" data-pageid="608">
1166			<div class="accordionNavItem">
1167				<a href="/608/Assessing" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Assessing</span></a>
1168					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Assessing Submenu" aria-expanded="false" aria-controls="submenu-lvl2-608"></a>
1169			</div>
1170							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-608" style="display: none;" data-parent="608">
1171							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem609" data-pageid="609">
1172			<div class="accordionNavItem">
1173				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
1174			</div>
1175					</li>
1176		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem610" data-pageid="610">
1177			<div class="accordionNavItem">
1178				<a href="/610/Understanding-Your-Property-Assessment-a" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Understanding Your Property Assessment and Taxable Value and 1994 Proposal A</span></a>
1179			</div>
1180					</li>
1181		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem611" data-pageid="611">
1182			<div class="accordionNavItem">
1183				<a href="/611/Assessing-General-Information-Documents-" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Assessing General Information Documents and Forms</span></a>
1184			</div>
1185					</li>
1186		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem612" data-pageid="612">
1187			<div class="accordionNavItem">
1188				<a href="/612/Name-Address-Change-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Name &amp; Address Change Information</span></a>
1189			</div>
1190					</li>
1191		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem613" data-pageid="613">
1192			<div class="accordionNavItem">
1193				<a href="/613/Personal-Property-Tax-Information-and-Do" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Personal Property Tax Information and Documents</span></a>
1194			</div>
1195					</li>
1196		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem614" data-pageid="614">
1197			<div class="accordionNavItem">
1198				<a href="/614/Board-of-Review" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Board of Review</span></a>
1199			</div>
1200					</li>
1201		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem615" data-pageid="615">
1202			<div class="accordionNavItem">
1203				<a href="/615/Land-Values-and-ECF-Analysis" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Land Values and ECF Analysis</span></a>
1204			</div>
1205					</li>
1206
1207				</ol>
1208		</li>
1209		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem616" data-pageid="616">
1210			<div class="accordionNavItem">
1211				<a href="/616/Building-Inspections" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Building Inspections</span></a>
1212					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Building Inspections Submenu" aria-expanded="false" aria-controls="submenu-lvl2-616"></a>
1213			</div>
1214							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-616" style="display: none;" data-parent="616">
1215							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem618" data-pageid="618">
1216			<div class="accordionNavItem">
1217				<a href="/676/Annual-Fee-Schedule" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Annual Fee Schedule</span></a>
1218			</div>
1219					</li>
1220		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem620" data-pageid="620">
1221			<div class="accordionNavItem">
1222				<a href="/620/Building-Permit-Information-and-General-" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Building Permit Information and General Applications</span></a>
1223					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Building Permit Information and General Applications Submenu" aria-expanded="false" aria-controls="submenu-lvl3-620"></a>
1224			</div>
1225							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-620" style="display: none;" data-parent="620">
1226							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem621" data-pageid="621">
1227			<div class="accordionNavItem">
1228				<a href="/621/Adopted-Building-Codes-and-State-of-Mich" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Adopted Building Codes and State of Michigan Information</span></a>
1229			</div>
1230					</li>
1231		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem622" data-pageid="622">
1232			<div class="accordionNavItem">
1233				<a href="/622/Demolition-and-Temporary-Dumpster-Permit" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Demolition and Temporary Dumpster Permits</span></a>
1234			</div>
1235					</li>
1236
1237				</ol>
1238		</li>
1239		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem623" data-pageid="623">
1240			<div class="accordionNavItem">
1241				<a href="/623/Site-Plans-City-Zoning-and-Berrien-Count" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Site Plans, City Zoning and Berrien County Tax Maps</span></a>
1242			</div>
1243					</li>
1244		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem624" data-pageid="624">
1245			<div class="accordionNavItem">
1246				<a href="/624/Accessory-Structures---Garages-Gazebos-a" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Accessory Structures - Garages, Gazebos and Sheds</span></a>
1247			</div>
1248					</li>
1249		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem625" data-pageid="625">
1250			<div class="accordionNavItem">
1251				<a href="/625/Fence-Regulations-and-Applications" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fence Regulations and Applications</span></a>
1252			</div>
1253					</li>
1254		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem626" data-pageid="626">
1255			<div class="accordionNavItem">
1256				<a href="/626/Property-Maintenance-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Property Maintenance Program</span></a>
1257					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Property Maintenance Program Submenu" aria-expanded="false" aria-controls="submenu-lvl3-626"></a>
1258			</div>
1259							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-626" style="display: none;" data-parent="626">
1260							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem627" data-pageid="627">
1261			<div class="accordionNavItem">
1262				<a href="/627/2025-Property-Maintenance-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2025 Property Maintenance Program</span></a>
1263			</div>
1264					</li>
1265		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem628" data-pageid="628">
1266			<div class="accordionNavItem">
1267				<a href="/628/2024-Property-Maintenance-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2024 Property Maintenance Program</span></a>
1268			</div>
1269					</li>
1270
1271				</ol>
1272		</li>
1273		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem629" data-pageid="629">
1274			<div class="accordionNavItem">
1275				<a href="/629/Residential-Rental-Program-and-Permits" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Residential Rental Program and Permits</span></a>
1276			</div>
1277					</li>
1278		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem630" data-pageid="630">
1279			<div class="accordionNavItem">
1280				<a href="/630/Sign-Information-and-Applications" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sign Information and Applications</span></a>
1281			</div>
1282					</li>
1283
1284				</ol>
1285		</li>
1286		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem631" data-pageid="631">
1287			<div class="accordionNavItem">
1288				<a href="/631/Clerk-Elections" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Clerk &amp; Elections</span></a>
1289					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Clerk &amp; Elections Submenu" aria-expanded="false" aria-controls="submenu-lvl2-631"></a>
1290			</div>
1291							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-631" style="display: none;" data-parent="631">
1292							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem632" data-pageid="632">
1293			<div class="accordionNavItem">
1294				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
1295			</div>
1296					</li>
1297		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem636" data-pageid="636">
1298			<div class="accordionNavItem">
1299				<a href="/636/Election-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Election Information</span></a>
1300					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Election Information Submenu" aria-expanded="false" aria-controls="submenu-lvl3-636"></a>
1301			</div>
1302							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-636" style="display: none;" data-parent="636">
1303							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem634" data-pageid="634">
1304			<div class="accordionNavItem">
1305				<a href="/634/Voting" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Voting</span></a>
1306			</div>
1307					</li>
1308		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem637" data-pageid="637">
1309			<div class="accordionNavItem">
1310				<a href="/637/Temporary-Signage" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1310Temporary Signage</span></a>
1311			</div>
1312					</li>
1313
1314				</ol>
1315		</li>
1316		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem633" data-pageid="633">
1317			<div class="accordionNavItem">
1318				<a href="/633/City-Charter" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Charter</span></a>
1319			</div>
1320					</li>
1321		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem638" data-pageid="638">
1322			<div class="accordionNavItem">
1323				<a href="/638/FOIA-Requests" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FOIA Requests</span></a>
1324			</div>
1325					</li>
1326		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem639" data-pageid="639">
1327			<div class="accordionNavItem">
1328				<a href="/639/Licenses-Permits" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Licenses &amp; Permits</span></a>
1329					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Licenses &amp; Permits Submenu" aria-expanded="false" aria-controls="submenu-lvl3-639"></a>
1330			</div>
1331							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-639" style="display: none;" data-parent="639">
1332							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem640" data-pageid="640">
1333			<div class="accordionNavItem">
1334				<a href="/640/Fireworks-Permit" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fireworks Permit</span></a>
1335			</div>
1336					</li>
1337		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem641" data-pageid="641">
1338			<div class="accordionNavItem">
1339				<a href="/641/Vending-Permit" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Vending Permit</span></a>
1340			</div>
1341					</li>
1342
1343				</ol>
1344		</li>
1345		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem643" data-pageid="643">
1346			<div class="accordionNavItem">
1347				<a href="/765/Parking-Passes" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parking Passes</span></a>
1348			</div>
1349					</li>
1350		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem644" data-pageid="644">
1351			<div class="accordionNavItem">
1352				<a href="/562/Sidewalk-Amenities-Policy-and-Applicatio" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sidewalk Amenities Policy and Application for the DDA</span></a>
1353			</div>
1354					</li>
1355
1356				</ol>
1357		</li>
1358		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem645" data-pageid="645">
1359			<div class="accordionNavItem">
1360				<a href="/645/Engineering" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engineering</span></a>
1361					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Engineering Submenu" aria-expanded="false" aria-controls="submenu-lvl2-645"></a>
1362			</div>
1363							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-645" style="display: none;" data-parent="645">
1364							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem646" data-pageid="646">
1365			<div class="accordionNavItem">
1366				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
1367			</div>
1368					</li>
1369		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem647" data-pageid="647">
1370			<div class="accordionNavItem">
1371				<a href="/647/Programs" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Programs</span></a>
1372					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Programs Submenu" aria-expanded="false" aria-controls="submenu-lvl3-647"></a>
1373			</div>
1374							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-647" style="display: none;" data-parent="647">
1375							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem648" data-pageid="648">
1376			<div class="accordionNavItem">
1377				<a href="/648/Drinking-Water-State-Revolving-Fund-DWSR" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Drinking Water State Revolving Fund (DWSRF) Loan Program</span></a>
1378			</div>
1379					</li>
1380		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem649" data-pageid="649">
1381			<div class="accordionNavItem">
1382				<a href="/649/Asset-Management-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Asset Management Program</span></a>
1383			</div>
1384					</li>
1385		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem652" data-pageid="652">
1386			<div class="accordionNavItem">
1387				<a href="/652/Combined-Sewer-Overflow-CSO-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Combined Sewer Overflow (CSO) Program</span></a>
1388			</div>
1389					</li>
1390		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem653" data-pageid="653">
1391			<div class="accordionNavItem">
1392				<a href="/653/Lead-Service-Replacement-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Lead Service Replacement Program</span></a>
1393			</div>
1394					</li>
1395		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem656" data-pageid="656">
1396			<div class="accordionNavItem">
1397				<a href="/656/Sidewalk-Replacement-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sidewalk Replacement Program</span></a>
1398			</div>
1399					</li>
1400
1401				</ol>
1402		</li>
1403		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem657" data-pageid="657">
1404			<div class="accordionNavItem">
1405				<a href="/657/Projects" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Projects</span></a>
1406					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Projects Submenu" aria-expanded="false" aria-controls="submenu-lvl3-657"></a>
1407			</div>
1408							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-657" style="display: none;" data-parent="657">
1409							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem658" data-pageid="658">
1410			<div class="accordionNavItem">
1411				<a href="/658/2025-Botham-Avenue-Reconstruction-Projec" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2025 Botham Avenue Reconstruction Project</span></a>
1412			</div>
1413					</li>
1414		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem659" data-pageid="659">
1415			<div class="accordionNavItem">
1416				<a href="/659/2028-Upton-Drive-Reconstruction-Project" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2028 Upton Drive Reconstruction Project</span></a>
1417			</div>
1418					</li>
1419		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem660" data-pageid="660">
1420			<div class="accordionNavItem">
1421				<a href="/660/Anchors-Way-High-Water-Infrastructure-HW" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Anchors Way High Water Infrastructure (HWI) Grant Project</span></a>
1422			</div>
1423					</li>
1424		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem661" data-pageid="661">
1425			<div class="accordionNavItem">
1426				<a href="/661/MDOT-2027-Main-Street-Reconstruction-Pro" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">MDOT 2027 Main Street Reconstruction Project</span></a>
1427			</div>
1428					</li>
1429
1430				</ol>
1431		</li>
1432		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem662" data-pageid="662">
1433			<div class="accordionNavItem">
1434				<a href="/662/Reports-Studies" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Reports &amp; Studies</span></a>
1435					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Reports &amp; Studies Submenu" aria-expanded="false" aria-controls="submenu-lvl3-662"></a>
1436			</div>
1437							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-662" style="display: none;" data-parent="662">
1438							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem663" data-pageid="663">
1439			<div class="accordionNavItem">
1440				<a href="/663/2009-Report-on-Lake-Boulevard-Bluff-Eval" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2009 Report on Lake Boulevard Bluff Evaluation</span></a>
1441			</div>
1442					</li>
1443		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem664" data-pageid="664">
1444			<div class="accordionNavItem">
1445				<a href="/664/2017-Coastal-Study-and-Addendums" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2017 Coastal Study and Addendums</span></a>
1446			</div>
1447					</li>
1448		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem665" data-pageid="665">
1449			<div class="accordionNavItem">
1450				<a href="/665/2024-Shoreline-Softening-Study" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2024 Shoreline Softening Study</span></a>
1451			</div>
1452					</li>
1453
1454				</ol>
1455		</li>
1456		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem666" data-pageid="666">
1457			<div class="accordionNavItem">
1458				<a href="/666/Right-of-Way-Permits" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Right-of-Way Permits</span></a>
1459			</div>
1460					</li>
1461		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem667" data-pageid="667">
1462			<div class="accordionNavItem">
1463				<a href="/667/Water-Main-Permits" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Water Main Permits</span></a>
1464			</div>
1465					</li>
1466		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem668" data-pageid="668">
1467			<div class="accordionNavItem">
1468				<a href="/668/Post-Construction-Storm-Water-Runoff-Per" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Post-Construction Storm Water Runoff Permits</span></a>
1469			</div>
1470					</li>
1471
1472				</ol>
1473		</li>
1474		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem669" data-pageid="669">
1475			<div class="accordionNavItem">
1476				<a href="/669/Finance-Utility-Billing" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Finance &amp; Utility Billing</span></a>
1477					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Finance &amp; Utility Billing Submenu" aria-expanded="false" aria-controls="submenu-lvl2-669"></a>
1478			</div>
1479							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-669" style="display: none;" data-parent="669">
1480							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem670" data-pageid="670">
1481			<div class="accordionNavItem">
1482				<a href="/670/Pay-My-Bill" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Pay My Bill</span></a>
1483			</div>
1484					</li>
1485		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem671" data-pageid="671">
1486			<div class="accordionNavItem">
1487				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
1488			</div>
1489					</li>
1490		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem672" data-pageid="672">
1491			<div class="accordionNavItem">
1492				<a href="/672/Accounting-and-Reporting-Documents" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Accounting and Reporting Documents</span></a>
1493					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Accounting and Reporting Documents Submenu" aria-expanded="false" aria-controls="submenu-lvl3-672"></a>
1494			</div>
1495							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-672" style="display: none;" data-parent="672">
1496							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem673" data-pageid="673">
1497			<div class="accordionNavItem">
1498				<a href="/673/Annual-Audit-Reports" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Annual Audit Reports</span></a>
1499			</div>
1500					</li>
1501		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem674" data-pageid="674">
1502			<div class="accordionNavItem">
1503				<a href="/674/Annual-City-Budget-and-Capital-Improveme" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Annual City Budget and Capital Improvement Plan</span></a>
1504			</div>
1505					</li>
1506		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem675" data-pageid="675">
1507			<div class="accordionNavItem">
1508				<a href="/675/PensionOPEB-5572-Report" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1508Pension/OPEB 5572 Report</span></a>
1509			</div>
1510					</li>
1511
1512				</ol>
1513		</li>
1514		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem676" data-pageid="676">
1515			<div class="accordionNavItem">
1516				<a href="/676/Annual-Fee-Schedule" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Annual Fee Schedule</span></a>
1517			</div>
1518					</li>
1519		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem679" data-pageid="679">
1520			<div class="accordionNavItem">
1521				<a href="/679/Property-Taxes" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Property Taxes</span></a>
1522					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Property Taxes Submenu" aria-expanded="false" aria-controls="submenu-lvl3-679"></a>
1523			</div>
1524							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-679" style="display: none;" data-parent="679">
1525							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem680" data-pageid="680">
1526			<div class="accordionNavItem">
1527				<a href="/680/Property-Tax-Deferment" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Property Tax Deferment</span></a>
1528			</div>
1529					</li>
1530		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem681" data-pageid="681">
1531			<div class="accordionNavItem">
1532				<a href="/681/Winter-and-Summer-Property-Taxes" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Winter and Summer Property Taxes</span></a>
1533			</div>
1534					</li>
1535
1536				</ol>
1537		</li>
1538		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem682" data-pageid="682">
1539			<div class="accordionNavItem">
1540				<a href="/682/Water-Billing" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Water Billing</span></a>
1541					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Water Billing Submenu" aria-expanded="false" aria-controls="submenu-lvl3-682"></a>
1542			</div>
1543							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-682" style="display: none;" data-parent="682">
1544							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem683" data-pageid="683">
1545			<div class="accordionNavItem">
1546				<a href="/683/How-to-Start-and-Stop-Water-Service" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">How to Start and Stop Water Service</span></a>
1547			</div>
1548					</li>
1549		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem684" data-pageid="684">
1550			<div class="accordionNavItem">
1551				<a href="/684/Water-Billing-Cycles" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Water Billing Cycles</span></a>
1552			</div>
1553					</li>
1554		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem685" data-pageid="685">
1555			<div class="accordionNavItem">
1556				<a href="/685/Water-Billing-Forms-and-Documents" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Water Billing Forms and Documents</span></a>
1557			</div>
1558					</li>
1559
1560				</ol>
1561		</li>
1562
1563				</ol>
1564		</li>
1565		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem686" data-pageid="686">
1566			<div class="accordionNavItem">
1567				<a href="/686/Human-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Human Resources</span></a>
1568					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Human Resources Submenu" aria-expanded="false" aria-controls="submenu-lvl2-686"></a>
1569			</div>
1570							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-686" style="display: none;" data-parent="686">
1571							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem687" data-pageid="687">
1572			<div class="accordionNavItem">
1573				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
1574			</div>
1575					</li>
1576		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem688" data-pageid="688">
1577			<div class="accordionNavItem">
1578				<a href="/688/Human-Resources-Forms-and-Documents" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Human Resources Forms and Documents</span></a>
1579			</div>
1580					</li>
1581		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem689" data-pageid="689">
1582			<div class="accordionNavItem">
1583				<a href="/Jobs.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Job Openings</span></a>
1584			</div>
1585					</li>
1586		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem690" data-pageid="690">
1587			<div class="accordionNavItem">
1588				<a href="/690/Pension" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Pension</span></a>
1589			</div>
1590					</li>
1591		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem691" data-pageid="691">
1592			<div class="accordionNavItem">
1593				<a href="/691/Pension-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Pension Information</span></a>
1594			</div>
1595					</li>
1596		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem692" data-pageid="692">
1597			<div class="accordionNavItem">
1598				<a href="/692/Title-VI-Non-Discrimination-Plan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Title VI Non-Discrimination Plan</span></a>
1599			</div>
1600					</li>
1601
1602				</ol>
1603		</li>
1604		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem693" data-pageid="693">
1605			<div class="accordionNavItem">
1606				<a href="/693/Parks-Recreation" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks &amp; Recreation</span></a>
1607					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Parks &amp; Recreation Submenu" aria-expanded="false" aria-controls="submenu-lvl2-693"></a>
1608			</div>
1609							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-693" style="display: none;" data-parent="693">
1610							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem694" data-pageid="694">
1611			<div class="accordionNavItem">
1612				<a href="/694/Facility-Rental" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Facility Rental</span></a>
1613			</div>
1614					</li>
1615		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem695" data-pageid="695">
1616			<div class="accordionNavItem">
1617				<a href="/695/Whirlpool-Compass-Fountain" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Whirlpool Compass Fountain</span></a>
1618			</div>
1619					</li>
1620		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem697" data-pageid="697">
1621			<div class="accordionNavItem">
1622				<a href="/697/John-Dede-Howard-Ice-Arena" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">John &amp; Dede Howard Ice Arena</span></a>
1623			</div>
1624					</li>
1625		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem698" data-pageid="698">
1626			<div class="accordionNavItem">
1627				<a href="/698/Parks" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks</span></a>
1628					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Parks Submenu" aria-expanded="false" aria-controls="submenu-lvl3-698"></a>
1629			</div>
1630							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-698" style="display: none;" data-parent="698">
1631							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem699" data-pageid="699">
1632			<div class="accordionNavItem">
1633				<a href="https://forecast.weather.gov/product.php?site=iwx&amp;product=OMR&amp;issuedby=iwx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Beach Conditions</span></a>
1634			</div>
1635					</li>
1636		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem700" data-pageid="700">
1637			<div class="accordionNavItem">
1638				<a href="/700/Invasive-Plant-Survey-and-Assessment" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Invasive Plant Survey and Assessment</span></a>
1639			</div>
1640					</li>
1641		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem701" data-pageid="701">
1642			<div class="accordionNavItem">
1643				<a href="/701/Volunteer-for-Park-Service" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Volunteer for Park Service</span></a>
1644			</div>
1645					</li>
1646		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem702" data-pageid="702">
1647			<div class="accordionNavItem">
1648				<a href="/702/North-Pier-Lighthouses" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">North Pier Lighthouses</span></a>
1649			</div>
1650					</li>
1651
1652				</ol>
1653		</li>
1654		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem722" data-pageid="722">
1655			<div class="accordionNavItem">
1656				<a href="/722/Cemeteries" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Cemeteries</span></a>
1657					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Cemeteries Submenu" aria-expanded="false" aria-controls="submenu-lvl3-722"></a>
1658			</div>
1659							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-722" style="display: none;" data-parent="722">
1660							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem723" data-pageid="723">
1661			<div class="accordionNavItem">
1662				<a href="/581/Cemetery-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Cemetery Board</span></a>
1663			</div>
1664					</li>
1665		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem901" data-pageid="901">
1666			<div class="accordionNavItem">
1667				<a href="/901/Plantings" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Plantings</span></a>
1668			</div>
1669					</li>
1670		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem900" data-pageid="900">
1671			<div class="accordionNavItem">
1672				<a href="/900/Cemetery-Memorial-Fund" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Cemetery Memorial Fund</span></a>
1673			</div>
1674					</li>
1675		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem726" data-pageid="726">
1676			<div class="accordionNavItem">
1677				<a href="https://stjoseph.berrien.mi.govern.com/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Riverview Cemetery Search</span></a>
1678			</div>
1679					</li>
1680
1681				</ol>
1682		</li>
1683		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem727" data-pageid="727">
1684			<div class="accordionNavItem">
1685				<a href="/727/Right-of-Way-Trees" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Right-of-Way Trees</span></a>
1686					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Right-of-Way Trees Submenu" aria-expanded="false" aria-controls="submenu-lvl3-727"></a>
1687			</div>
1688							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-727" style="display: none;" data-parent="727">
1689							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem728" data-pageid="728">
1690			<div class="accordionNavItem">
1691				<a href="/728/Tree-FAQs" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Tree FAQs</span></a>
1692			</div>
1693					</li>
1694		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem729" data-pageid="729">
1695			<div class="accordionNavItem">
1696				<a href="/729/Tree-TrimmingRemoval" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Tree Trimming/Removal</span></a>
1697			</div>
1698					</li>
1699		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem730" data-pageid="730">
1700			<div class="accordionNavItem">
1701				<a href="/730/Tree-Planting" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Tree Planting</span></a>
1702			</div>
1703					</li>
1704
1705				</ol>
1706		</li>
1707		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem731" data-pageid="731">
1708			<div class="accordionNavItem">
1709				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
1710			</div>
1711					</li>
1712		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem838" data-pageid="838">
1713			<div class="accordionNavItem">
1714				<a href="/838/St-Joseph-Municipal-Band" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">St. Joseph Municipal Band</span></a>
1715					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="St. Joseph Municipal Band Submenu" aria-expanded="false" aria-controls="submenu-lvl3-838"></a>
1716			</div>
1717							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-838" style="display: none;" data-parent="838">
1718							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem839" data-pageid="839">
1719			<div class="accordionNavItem">
1720				<a href="/839/St-Joseph-Municipal-Band-Director" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">St Joseph Municipal Band Director</span></a>
1721			</div>
1722					</li>
1723		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem840" data-pageid="840">
1724			<div class="accordionNavItem">
1725				<a href="https://www.sjcity.com/m/newsflash?cat=11" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Upcoming Concerts</span></a>
1726			</div>
1727					</li>
1728		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem841" data-pageid="841">
1729			<div class="accordionNavItem">
1730				<a href="/841/City-of-St-Joseph-Municipal-Band-History" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City of St Joseph Municipal Band History</span></a>
1731			</div>
1732					</li>
1733
1734				</ol>
1735		</li>
1736
1737				</ol>
1738		</li>
1739		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem732" data-pageid="732">
1740			<div class="accordionNavItem">
1741				<a href="/732/Planning-Zoning" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning &amp; Zoning</span></a>
1742					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Planning &amp; Zoning Submenu" aria-expanded="false" aria-controls="submenu-lvl2-732"></a>
1743			</div>
1744							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-732" style="display: none;" data-parent="732">
1745							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem733" data-pageid="733">
1746			<div class="accordionNavItem">
1747				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
1748			</div>
1749					</li>
1750		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem734" data-pageid="734">
1751			<div class="accordionNavItem">
1752				<a href="/676/Annual-Fee-Schedule" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Annual Fee Schedule</span></a>
1753			</div>
1754					</li>
1755		<li class="sideNavLi subMenuI
1755tem hasAccordionChildren" id="SideItem735" data-pageid="735">
1756			<div class="accordionNavItem">
1757				<a href="/735/Zoning-Ordinance-and-Map" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Zoning Ordinance and Map</span></a>
1758			</div>
1759					</li>
1760		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem736" data-pageid="736">
1761			<div class="accordionNavItem">
1762				<a href="/736/2016-Master-Plan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2016 Master Plan</span></a>
1763			</div>
1764					</li>
1765		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem737" data-pageid="737">
1766			<div class="accordionNavItem">
1767				<a href="/555/Planning-Commission" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning Commission</span></a>
1768			</div>
1769					</li>
1770		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem738" data-pageid="738">
1771			<div class="accordionNavItem">
1772				<a href="/556/Zoning-Board-of-Appeals" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Zoning Board of Appeals</span></a>
1773			</div>
1774					</li>
1775		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem739" data-pageid="739">
1776			<div class="accordionNavItem">
1777				<a href="/739/Floodplain-or-Special-Flood-Hazard-Area-" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Floodplain or Special Flood Hazard Area Management</span></a>
1778					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Floodplain or Special Flood Hazard Area Management Submenu" aria-expanded="false" aria-controls="submenu-lvl3-739"></a>
1779			</div>
1780							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-739" style="display: none;" data-parent="739">
1781							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem740" data-pageid="740">
1782			<div class="accordionNavItem">
1783				<a href="/740/Berrien-County-FEMA-Preliminary-August-3" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Berrien County FEMA Preliminary August 30, 2024 Floodplain Maps and Flood Insurance Study Project</span></a>
1784			</div>
1785					</li>
1786		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem741" data-pageid="741">
1787			<div class="accordionNavItem">
1788				<a href="/741/Adopted-Floodplain-Maps---Effective-Date" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Adopted Floodplain Maps - Effective Date - April 25, 2024</span></a>
1789			</div>
1790					</li>
1791		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem742" data-pageid="742">
1792			<div class="accordionNavItem">
1793				<a href="/742/2017-Coast-Study-and-Addenda" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2017 Coast Study and Addenda</span></a>
1794			</div>
1795					</li>
1796
1797				</ol>
1798		</li>
1799		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem743" data-pageid="743">
1800			<div class="accordionNavItem">
1801				<a href="/743/Planning-Zoning-Applications" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning &amp; Zoning Applications</span></a>
1802			</div>
1803					</li>
1804		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem744" data-pageid="744">
1805			<div class="accordionNavItem">
1806				<a href="/744/Recreational-Vehicles-and-Similar-Equipm" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Recreational Vehicles and Similar Equipment</span></a>
1807			</div>
1808					</li>
1809		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem745" data-pageid="745">
1810			<div class="accordionNavItem">
1811				<a href="/630/Sign-Information-and-Applications" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sign Information and Applications</span></a>
1812			</div>
1813					</li>
1814		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem746" data-pageid="746">
1815			<div class="accordionNavItem">
1816				<a href="/553/Understanding-Brownfield-Redevelopment" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Understanding Brownfield Redevelopment</span></a>
1817			</div>
1818					</li>
1819		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem747" data-pageid="747">
1820			<div class="accordionNavItem">
1821				<a href="/747/Understanding-Neighborhood-Enterprise-Zo" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Understanding Neighborhood Enterprise Zones</span></a>
1822			</div>
1823					</li>
1824
1825				</ol>
1826		</li>
1827		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem748" data-pageid="748">
1828			<div class="accordionNavItem">
1829				<a href="/748/Public-Safety" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Safety</span></a>
1830					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Public Safety Submenu" aria-expanded="false" aria-controls="submenu-lvl2-748"></a>
1831			</div>
1832							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-748" style="display: none;" data-parent="748">
1833							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem749" data-pageid="749">
1834			<div class="accordionNavItem">
1835				<a href="/DocumentCenter/View/506/Citizen-Complaint-Form" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Citizen Complaint Form</span></a>
1836			</div>
1837					</li>
1838		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem750" data-pageid="750">
1839			<div class="accordionNavItem">
1840				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
1841			</div>
1842					</li>
1843		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem751" data-pageid="751">
1844			<div class="accordionNavItem">
1845				<a href="https://drive.google.com/file/d/1-mAamojbLHoiSk9PdXzDifoYMAP0ciFi/view?usp=sharing" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Connect Info. Video</span></a>
1846			</div>
1847					</li>
1848		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem752" data-pageid="752">
1849			<div class="accordionNavItem">
1850				<a href="https://www.communityconnect.io/info/mi-cityofstjoseph" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Connect Registration</span></a>
1851			</div>
1852					</li>
1853		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem753" data-pageid="753">
1854			<div class="accordionNavItem">
1855				<a href="/753/Community-Programs" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Programs</span></a>
1856			</div>
1857					</li>
1858		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem763" data-pageid="763">
1859			<div class="accordionNavItem">
1860				<a href="/763/File-a-Police-Report" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1860File a Police Report</span></a>
1861			</div>
1862					</li>
1863		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem764" data-pageid="764">
1864			<div class="accordionNavItem">
1865				<a href="/638/FOIA-Requests" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Freedom of Information Requests</span></a>
1866			</div>
1867					</li>
1868		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem768" data-pageid="768">
1869			<div class="accordionNavItem">
1870				<a href="/768/Overnight-Streetside-Parking-Request" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Overnight Streetside Parking Request</span></a>
1871			</div>
1872					</li>
1873		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem770" data-pageid="770">
1874			<div class="accordionNavItem">
1875				<a href="/770/Parking-Tickets" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parking Tickets</span></a>
1876			</div>
1877					</li>
1878		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem771" data-pageid="771">
1879			<div class="accordionNavItem">
1880				<a href="https://www.smart911.com/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Plan Ahead For Any Emergency</span></a>
1881			</div>
1882					</li>
1883		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem772" data-pageid="772">
1884			<div class="accordionNavItem">
1885				<a href="/772/Register-a-Bicycle" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Register a Bicycle</span></a>
1886			</div>
1887					</li>
1888		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem773" data-pageid="773">
1889			<div class="accordionNavItem">
1890				<a href="/773/Street-Light-Report" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Street Light Report</span></a>
1891			</div>
1892					</li>
1893
1894				</ol>
1895		</li>
1896		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem774" data-pageid="774">
1897			<div class="accordionNavItem">
1898				<a href="/774/Public-Works" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Works</span></a>
1899					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Public Works Submenu" aria-expanded="false" aria-controls="submenu-lvl2-774"></a>
1900			</div>
1901							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-774" style="display: none;" data-parent="774">
1902							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem775" data-pageid="775">
1903			<div class="accordionNavItem">
1904				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
1905			</div>
1906					</li>
1907		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem777" data-pageid="777">
1908			<div class="accordionNavItem">
1909				<a href="/777/Streets-Sanitation" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Streets &amp; Sanitation</span></a>
1910					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Streets &amp; Sanitation Submenu" aria-expanded="false" aria-controls="submenu-lvl3-777"></a>
1911			</div>
1912							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-777" style="display: none;" data-parent="777">
1913							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem778" data-pageid="778">
1914			<div class="accordionNavItem">
1915				<a href="/778/Brush-Collection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Brush Collection</span></a>
1916			</div>
1917					</li>
1918		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem779" data-pageid="779">
1919			<div class="accordionNavItem">
1920				<a href="/779/Downtown-Commercial-Rubbish" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Downtown &amp; Commercial Rubbish</span></a>
1921			</div>
1922					</li>
1923		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem780" data-pageid="780">
1924			<div class="accordionNavItem">
1925				<a href="/780/Leaf-Pick-Up" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Leaf Pick-Up</span></a>
1926			</div>
1927					</li>
1928		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem781" data-pageid="781">
1929			<div class="accordionNavItem">
1930				<a href="/781/Motor-Pool" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Motor Pool</span></a>
1931			</div>
1932					</li>
1933		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem782" data-pageid="782">
1934			<div class="accordionNavItem">
1935				<a href="/782/Stormwater" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Stormwater</span></a>
1936			</div>
1937					</li>
1938		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem783" data-pageid="783">
1939			<div class="accordionNavItem">
1940				<a href="/783/Street-Programs-and-Descriptions" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Street Programs and Descriptions</span></a>
1941			</div>
1942					</li>
1943		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem785" data-pageid="785">
1944			<div class="accordionNavItem">
1945				<a href="/785/Waste-Recycling" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Waste &amp; Recycling</span></a>
1946			</div>
1947					</li>
1948		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem787" data-pageid="787">
1949			<div class="accordionNavItem">
1950				<a href="/787/Winter-Snow-Removal" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Winter Snow Removal</span></a>
1951			</div>
1952					</li>
1953
1954				</ol>
1955		</li>
1956		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem788" data-pageid="788">
1957			<div class="accordionNavItem">
1958				<a href="/788/Water-Distribution" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Water Distribution</span></a>
1959					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Water Distribution Submenu" aria-expanded="false" aria-controls="submenu-lvl3-788"></a>
1960			</div>
1961							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-788" style="display: none;" data-parent="788">
1962							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem789" data-pageid="789">
1963			<div class="accordionNavItem">
1964				<a href="/789/MISS-DIG-Utility-Locates-811" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">MISS DIG (Utility Locates) 811</span></a>
1965			</div>
1966					</li>
1967		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem790" data-pageid="790">
1968			<div class="accordionNavItem">
1969				<a href="/653/Lead-Service-Replacement-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Lead Service Replacement Program</span></a>
1970			</div>
1971					</li>
1972		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem791" data-pageid="791">
1973			<div class="accordionNavItem">
1974				<a href="/791/Sanitary-Sewer" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sanitary Sewer</span></a>
1975			</div>
1976					</li>
1977
1978				</ol>
1979		</li>
1980		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem792" data-pageid="792">
1981			<div class="accordionNavItem">
1982				<a href="/792/Additional-Public-Works-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Additional Public Works Information</span></a>
1983			</div>
1984					</li>
1985		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem793" data-pageid="793">
1986			<div class="accordionNavItem">
1987				<a href="/793/Hazardous-Waste" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Hazardous Waste</span></a>
1988			</div>
1989					</li>
1990		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem794" data-pageid="794">
1991			<div class="accordionNavItem">
1992				<a href="/794/Street-Lights" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Street Lights</span></a>
1993			</div>
1994					</li>
1995
1996				</ol>
1997		</li>
1998		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem796" data-pageid="796">
1999			<div class="accordionNavItem">
2000				<a href="/796/Water-Treatment-Plant" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Water Treatment Plant</span></a>
2001					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Water Treatment Plant Submenu" aria-expanded="false" aria-controls="submenu-lvl2-796"></a>
2002			</div>
2003							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-796" style="display: none;" data-parent="796">
2004							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem797" data-pageid="797">
2005			<div class="accordionNavItem">
2006				<a href="/599/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code of Ordinances</span></a>
2007			</div>
2008					</li>
2009		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem798" data-pageid="798">
2010			<div class="accordionNavItem">
2011				<a href="/798/Learn-About-the-St-Joseph-Water-Plant" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Learn About the St. Joseph Water Plant</span></a>
2012			</div>
2013					</li>
2014		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem800" data-pageid="800">
2015			<div class="accordionNavItem">
2016				<a href="/800/Residential-Cross-Connection-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Residential Cross Connection Program</span></a>
2017					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Residential Cross Connection Program Submenu" aria-expanded="false" aria-controls="submenu-lvl3-800"></a>
2018			</div>
2019							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-800" style="display: none;" data-parent="800">
2020							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem801" data-pageid="801">
2021			<div class="accordionNavItem">
2022				<a href="/801/How-to-Schedule-Cross-Connection-Inspect" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">How to Schedule Cross Connection Inspection</span></a>
2023			</div>
2024					</li>
2025
2026				</ol>
2027		</li>
2028		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem802" data-pageid="802">
2029			<div class="accordionNavItem">
2030				<a href="/802/Water-Filtration-Plant-Monthly-Reports" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Water Filtration Plant Monthly Reports</span></a>
2031					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Water Filtration Plant Monthly Reports Submenu" aria-expanded="false" aria-controls="submenu-lvl3-802"></a>
2032			</div>
2033							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-802" style="display: none;" data-parent="802">
2034							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem803" data-pageid="803">
2035			<div class="accordionNavItem">
2036				<a href="/803/2022-Water-Filtration-Plant-Monthly-Repo" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2022 Water Filtration Plant Monthly Reports</span></a>
2037			</div>
2038					</li>
2039		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem804" data-pageid="804">
2040			<div class="accordionNavItem">
2041				<a href="/804/2021-Water-Filtration-Plant-Monthly-Repo" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">2021 Water Filtration Plant Monthly Reports</span></a>
2042			</div>
2043					</li>
2044
2045				</ol>
2046		</li>
2047		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem799" data-pageid="799">
2048			<div class="accordionNavItem">
2049				<a href="/799/Boil-Water-Advisories-and-Boil-Water-Not" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Boil Water Advisories and Boil Water Notices</span></a>
2050			</div>
2051					</li>
2052
2053				</ol>
2054		</li>
2055
2056			</ol>
2057	</li>
2058	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem805" data-pageid="805">
2059		<div class="accordionNavItem">
2060			<a href="/805/Applications-Forms-and-Permits" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Applications, Forms, and Permits</a>
2061		</div>
2062			</li>
2063	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem806" data-pageid="806">
2064		<div class="accordionNavItem">
2065			<a href="/Bids.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Bids and RFPs</a>
2066		</div>
2067			</li>
2068	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem807" data-pageid="807">
2069		<div class="accordionNavItem">
2070			<a href="/674/Annual-City-Budget-and-Capital-Improveme" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Current Budget and Fee Schedule</a>
2071		</div>
2072			</li>
2073	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem808" data-pageid="808">
2074		<div class="accordionNavItem">
2075			<a href="/638/FOIA-Requests" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Freedom of Information (FOIA) Requests</a>
2076		</div>
2077			</li>
2078	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem809" data-pageid="809">
2079		<div class="accordionNavItem">
2080			<a href="/Jobs.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Job Opportunities</a>
2081		</div>
2082			</li>
2083	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem810" data-pageid="810">
2084		<div class="accordionNavItem">
2085			<a href="/DocumentCenter" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Maps, Plans, Reports, and Studies</a>
2086		</div>
2087			</li>
2088	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem811" data-pageid="811">
2089		<div class="accordionNavItem">
2090			<a href="/Directory.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Staff Directory</a>
2091		</div>
2092			</li>
2093
2094	</ol>
2095
2096
2097	
2097<script type="text/javascript">
2098		(function () {
2099			function setupSecondaryMenuProperties() {
2100				//setup menu manager properties for secondary menu
2101				menuManager.isSideMenuEditable = false;
2102				menuManager.sideMenuMaxSubMenuLevels = 4;
2103				menuManager.sideMenuHasCustomLinks = false;
2104			}
2105
2106			if (document.readyState === "loading") {
2107				document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true });
2108				return;
2109			}
2110
2111			setupSecondaryMenuProperties();
2112		})();
2113	</script>
2113
2114
2115	
2115<script type="text/javascript">
2116		(function () {
2117			function setupAccordionSecondaryNav() {
2118				var $menuContainer = $('#secondaryNav');
2119
2120				$menuContainer.find('*[id^="SideItem"]').each(function () {
2121					var ids = $('[id="' + this.id + '"]');
2122					if (ids.length > 1)
2123						$.each(ids, function (index, value) {
2124							value.id = value.id + '_' + index;
2125						});
2126				});
2127
2128				$menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) {
2129					e.preventDefault();
2130					showHideAccordionMenuForSecondaryNav($(this));
2131				});
2132
2133				$menuContainer.find(".grippy").each(function () {
2134					menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav');
2135				});
2136
2137				$menuContainer.find("li").each(function () {
2138					menuManager.setupDroppableAccordionElement($(this), SIDE_MENU);
2139				});
2140			}
2141
2142			if (document.readyState === "loading") {
2143				document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true });
2144				return;
2145			}
2146
2147			setupAccordionSecondaryNav();
2148		})();
2149	</script>
2149
2150
2151
2152
2153</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS">	<div id="cc3b2de887-983f-42c1-bd76-2fca11155dcf" data-containerid="3b2de887-983f-42c1-bd76-2fca11155dcf" class="pageContent cpGrid cpGrid24 showInMobile">
2154				                
2155
2156
2157
2158	</div>
2159</aside>
2160</div><div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
2161<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
2162<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">		<ol class="semanticList breadCrumbs">
2163			<li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="544"><a href class="breadCrumb" aria-current="page">Government</a></li>
2164		</ol>
2165
2166	   
2167    
2168</div><div data-cpRole="mainContentContainer" id="moduleContent">
2169	
2170	<div id="page" class="moduleContentNew">
2171		
2172
2173	<input id="hdnPageID" name="hdnPageID" type="hidden" value="544" />
2174	<input id="hdnParentID" name="hdnParentID" type="hidden" value="1" />
2175	<input id="hdnVersionID" name="hdnVersionID" type="hidden" value="2107" />
2176	<input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Government" />
2177	<input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
2178	<input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" />
2179	<input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" />
2180
2181				<h1 id="versionHeadLine" class="headline">
2182
2183Government		</h1>
2184	
2185		<div id="cc3b5e1bee-afba-4542-9f0e-69c8c7766229" data-containerid="3b5e1bee-afba-4542-9f0e-69c8c7766229" class="pageContent cpGrid cpGrid24"  data-contentcontainerbreakpoint="30" >
2186			
2187
2188		<div class="row outer wide"><!--
2189--><div class="outer col col24 first last" style="" data-widgetcontainerid="5088ffd0-3491-4d6f-8778-04612fbdcbea">�				
2190	<div class="row nest first last wide">�
2191	
2192	<div class="inner col col24 first last id12f49b87-a975-4215-aea1-ecf3ced17506" style="" data-widgetcontainerid="12f49b87-a975-4215-aea1-ecf3ced17506">�	
2193		<nav class="widget clear dynamicSubpage widgetPages skin60 wide" id="widgetPagee7383bb8-9530-4fc8-97d3-95655d077b4b" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label = Pages>
2194				<div class="hidden widgetTypeID">9</div>
2195	<div class="hidden depth">1</div>
2196	<div class="hidden cols">1</div>
2197	<div class="hidden format">2</div>		
2198	<div class="widgetBody">
2199		
2200	<div class="widgetBody cpGrid cpGrid1 ">
2201		<div class="row wide">
2202
2203					<div class="col col1">
2204						<ol class="semanticList layout2">
2205										<li class="megaMenuItem widgetItem" data-pageid="548" role="none">
2206				<div class="widgetTitle">
2207					<a href="/548/City-Commission" target="_self" >City Commission</a>
2208				</div>
2209				<p class="widgetDesc"></p>
2210				
2211			</li>			<li class="megaMenuItem widgetItem" data-pageid="550" role="none">
2212				<div class="widgetTitle">
2213					<a href="/550/Boards-and-Commissions" target="_self" >Boards and Commissions</a>
2214				</div>
2215				<p class="widgetDesc"></p>
2216				
2217			</li>			<li class="megaMenuItem widgetItem" data-pageid="592" role="none">
2218				<div class="widgetTitle">
2219					<a href="/592/Agendas-and-Minutes" target="_self" >Agendas and Minutes</a>
2220				</div>
2221				<p class="widgetDesc"></p>
2222				
2223			</li>			<li class="megaMenuItem widgetItem" data-pageid="596" role="none">
2224				<div class="widgetTitle">
2225					<a href="https://library.municode.com/mi/st._joseph/codes/code_of_ordinances" target="_self" >Code of Ordinances &amp; Zoning</a>
2226				</div>
2227				<p class="widgetDesc"></p>
2228				
2229			</li>			<li class="megaMenuItem widgetItem" data-pageid="597" role="none">
2230				<div class="widgetTitle">
2231					<a href="/597/Departments" target="_self" >Departments</a>
2232				</div>
2233				<p class="widgetDesc"></p>
2234				
2235			</li>			<li class="megaMenuItem widgetItem" data-pageid="805" role="none">
2236				<div class="widgetTitle">
2237					<a href="/805/Applications-Forms-and-Permits" target="_self" >Applications, Forms, and Permits</a>
2238				</div>
2239				<p class="widgetDesc"></p>
2240				
2241			</li>			<li class="megaMenuItem widgetItem" data-pageid="806" role="none">
2242				<div class="widgetTitle">
2243					<a href="/Bids.aspx" target="_self" >Bids and RFPs</a>
2244				</div>
2245				<p class="widgetDesc"></p>
2246				
2247			</li>			<li class="megaMenuItem widgetItem" data-pageid="807" role="none">
2248				<div class="widgetTitle">
2249					<a href="/674/Annual-City-Budget-and-Capital-Improveme" target="_self" >Current Budget and Fee Schedule</a>
2250				</div>
2251				<p class="widgetDesc"></p>
2252				
2253			</li>			<li class="megaMenuItem widgetItem" data-pageid="808" role="none">
2254				<div class="widgetTitle">
2255					<a href="/638/FOIA-Requests" target="_self" >Freedom of Information (FOIA) Requests</a>
2256				</div>
2257				<p class="widgetDesc"></p>
2258				
2259			</li>			<li class="megaMenuItem widgetItem" data-pageid="809" role="none">
2260				<div class="widgetTitle">
2261					<a href="/Jobs.aspx" target="_self" >Job Opportunities</a>
2262				</div>
2263				<p class="widgetDesc"></p>
2264				
2265			</li>			<li class="megaMenuItem widgetItem" data-pageid="810" role="none">
2266				<div class="widgetTitle">
2267					<a href="/DocumentCenter" target="_self" >Maps, Plans, Reports, and Studies</a>
2268				</div>
2269				<p class="widgetDesc"></p>
2270				
2271			</li>			<li class="megaMenuItem widgetItem" data-pageid="811" role="none">
2272				<div class="widgetTitle">
2273					<a href="/Directory.aspx" target="_self" >Staff Directory</a>
2274				</div>
2275				<p class="widgetDesc"></p>
2276				
2277			</li>						</ol>
2278					</div>
2279		</div>
2280	</div>
2281
2282
2283
2284
2285	</div>
2286
2287		</nav>
2288
2289
2290
2291	</div> <!-- inner column -->
2292
2293	</div> <!-- inner row -->
2294
2295			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2296
2297
2298		</div>
2299
2300	</div>
2301
2302	
2303	<div class="newCP">
2304
2305	</div>
2306</div>
2307</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent">	<div id="ccb03054af-a2a9-406e-8322-5fbfb98aa4eb" data-containerid="b03054af-a2a9-406e-8322-5fbfb98aa4eb" class="pageContent cpGrid cpGrid24 showInMobile">
2308				                
2309
2310
2311
2312	</div>
2313</aside>
2314</div>
2315</div></div>
2316</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
2317<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS">	<div id="ccc39aadf6-8e81-4fc5-b05c-8e437c9150fc" data-containerid="c39aadf6-8e81-4fc5-b05c-8e437c9150fc" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="36">
2318				                
2319
2320		<div class="row outer wide"><!--
2321--><div class="outer col col8 first" style="" data-widgetcontainerid="ed6f97cc-2b95-46ef-8bc5-bd02a49e39b6">�				
2322	<div class="row nest first last wide">�
2323	
2324	<div class="inner col col8 first last id51498b28-38d9-4035-8cfa-6003184c3904" style="" data-widgetcontainerid="51498b28-38d9-4035-8cfa-6003184c3904">�	
2325<div data-widget-id="22280b45-2154-442e-89c3-77965d6a50ec" data-widget-controller-path="/GraphicLinks/Widget">
2326
2327
2328
2329
2330<div id="graphicLinkWidget22280b45-2154-442e-89c3-77965d6a50ec" class="widget widgetGraphicLinks skin63 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:24em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2331	<div class="widgetHeader">
2332		<div class="">
2333				</div>
2334	</div>
2335	<div class="widgetBody cpGrid cpGrid2 ">
2336		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2337				<div class="row   wide">
2338					<!--
2339--><div class="col col1 first "><ul class="semanticList"><!--
2340	    --><li class="widgetItem GraphicLinks">
2341
2342<div>
2343	<a href="/592/Agendas-and-Minutes" target="_self" class="fancyButton fancyButton73 " >
2344		<span>
2345			<span><span class="text">Agendas &amp; Minutes</span></span>
2346		</span>
2347	</a>
2348</div>
2349		<style scoped="scoped">.fancyButton73.fancyButton:link,.fancyButton73.fancyButton:visited, .fancyButton73div.fancyButton{
2350	padding-right: 20px;
2351	padding-left: 85px;
2352	background-image: url('/ImageRepository/Document?documentID=208');
2353	background-repeat: no-repeat;
2354	background-position: 20px  center;
2355transition: all .3s ease-in-out;
2356line-height: 1.2;}
2357.fancyButton73.fancyButton:hover,.fancyButton73.fancyButton:focus,.fancyButton73.fancyButton:active,.fancyButton73.fancyButton.hover{
2358	background-color: rgb(0, 121, 194);
2359}
2360.fancyButton73.fancyButton:link > span,.fancyButton73.fancyButton:visited > span, .fancyButton73div.fancyButton > span{
2361}
2362.fancyButton73.fancyButton:hover > span,.fancyButton73.fancyButton:focus > span,.fancyButton73.fancyButton:active > span,.fancyButton73.fancyButton.hover > span{
2363}
2364.fancyButton73.fancyButton .text{
2365	color: rgb(255, 255, 255);
2366	font-size: 1.2em;
2367	font-family: "Poppins";
2368	text-align: left;
2369	font-weight: 700;
2370	text-decoration: none;
2371	background-repeat: no-repeat;
2372	background-position: left top;
2373height: 120px;
2374
2375}
2376.fancyButton73.fancyButton:hover .text,.fancyButton73.fancyButton:focus .text,.fancyButton73.fancyButton:active .text,.fancyButton73.fancyButton.hover .text{
2377	text-decoration: underline;
2378	background-repeat: no-repeat;
2379	background-position: left top;
2380
2381
2382}
2383</style>
2384
2385 </li><!--
2386--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2387	    --><li class="widgetItem GraphicLinks">
2388
2389<div>
2390	<a href="/calendar" target="_self" class="fancyButton fancyButton74 " >
2391		<span>
2392			<span><span class="text">Calendar</span></span>
2393		</span>
2394	</a>
2395</div>
2396		<style scoped="scoped">.fancyButton74.fancyButton:link,.fancyButton74.fancyButton:visited, .fancyButton74div.fancyButton{
2397	padding-right: 20px;
2398	padding-left: 85px;
2399	background-image: url('/ImageRepository/Document?documentID=209');
2400	background-repeat: no-repeat;
2401	background-position: 20px  center;
2402transition: all .3s ease-in-out;
2403line-height: 1.2;}
2404.fancyButton74.fancyButton:hover,.fancyButton74.fancyButton:focus,.fancyButton74.fancyButton:active,.fancyButton74.fancyButton.hover{
2405	background-color: rgb(0, 121, 194);
2406}
2407.fancyButton74.fancyButton:link > span,.fancyButton74.fancyButton:visited > span, .fancyButton74div.fancyButton > span{
2408}
2409.fancyButton74.fancyButton:hover > span,.fancyButton74.fancyButton:focus > span,.fancyButton74.fancyButton:active > span,.fancyButton74.fancyButton.hover > span{
2410}
2411.fancyButton74.fancyButton .text{
2412	color: rgb(255, 255, 255);
2413	font-size: 1.2em;
2414	font-family: "Poppins";
2415	text-align: left;
2416	font-weight: 700;
2417	text-decoration: none;
2418	background-repeat: no-repeat;
2419	background-position: left top;
2420height: 120px;
2421
2422}
2423.fancyButton74.fancyButton:hover .text,.fancyButton74.fancyButton:focus .text,.fancyButton74.fancyButton:active .text,.fancyButton74.fancyButton.hover .text{
2424	text-decoration: underline;
2425	background-repeat: no-repeat;
2426	background-position: left top;
2427
2428
2429}
2430</style>
2431
2432 </li><!--
2433--></ul></div><!--				-->
2434				</div>
2435			</nav>
2436		</div>
2437	<div class="widgetFooter">
2438			</div>
2439</div>
2440</div>
2441
2442	</div> <!-- inner column -->
2443
2444	</div> <!-- inner row -->
2445
2446			</div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="039bf55a-9675-4877-b7bd-cda538dcb1c2">�				
2447	<div class="row nest first last wide">�
2448	
2449	<div class="inner col col8 first last id5ec3784d-3af7-434c-b52d-1d0a55535ced" style="" data-widgetcontainerid="5ec3784d-3af7-434c-b52d-1d0a55535ced">�	
2450<div data-widget-id="58ce7c92-de57-4d3f-b0d2-49485e82bb8e" data-widget-controller-path="/GraphicLinks/Widget">
2451
2452
2453
2454
2455<div id="graphicLinkWidget58ce7c92-de57-4d3f-b0d2-49485e82bb8e" class="widget widgetGraphicLinks skin63 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:24em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2456	<div class="widgetHeader">
2457		<div class="">
2458				</div>
2459	</div>
2460	<div class="widgetBody cpGrid cpGrid2 ">
2461		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2462				<div class="row   wide">
2463					<!--
2464--><div class="col col1 first "><ul class="semanticList"><!--
2465	    --><li class="widgetItem GraphicLinks">
2466
2467<div>
2468	<a href="/805/Applications-Forms-Permits" target="_self" class="fancyButton fancyButton80 " >
2469		<span>
2470			<span><span class="text">Forms &amp; Permits</span></span>
2471		</span>
2472	</a>
2473</div>
2474		<style scoped="scoped">.fancyButton80.fancyButton:link,.fancyButton80.fancyButton:visited, .fancyButton80div.fancyButton{
2475	padding-right: 20px;
2476	padding-left: 85px;
2477	background-image: url('/ImageRepository/Document?documentID=211');
2478	background-repeat: no-repeat;
2479	background-position: 20px  center;
2480transition: all .3s ease-in-out;
2481line-height: 1.2;}
2482.fancyButton80.fancyButton:hover,.fancyButton80.fancyButton:focus,.fancyButton80.fancyButton:active,.fancyButton80.fancyButton.hover{
2483	background-color: rgb(0, 121, 194);
2484}
2485.fancyButton80.fancyButton:link > span,.fancyButton80.fancyButton:visited > span, .fancyButton80div.fancyButton > span{
2486}
2487.fancyButton80.fancyButton:hover > span,.fancyButton80.fancyButton:focus > span,.fancyButton80.fancyButton:active > span,.fancyButton80.fancyButton.hover > span{
2488}
2489.fancyButton80.fancyButton .text{
2490	color: rgb(255, 255, 255);
2491	font-size: 1.2em;
2492	font-family: "Poppins";
2493	text-align: left;
2494	font-weight: 700;
2495	text-decoration: none;
2496	background-repeat: no-repeat;
2497	background-position: left top;
2498height: 120px;
2499
2500}
2501.fancyButton80.fancyButton:hover .text,.fancyButton80.fancyButton:focus .text,.fancyButton80.fancyButton:active .text,.fancyButton80.fancyButton.hover .text{
2502	text-decoration: underline;
2503	background-repeat: no-repeat;
2504	background-position: left top;
2505
2506
2507}
2508</style>
2509
2510 </li><!--
2511--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2512	    --><li class="widgetItem GraphicLinks">
2513
2514<div>
2515	<a href="/683/How-to-Start-and-Stop-Water-Service" target="_self" class="fancyButton fancyButton81 " >
2516		<span>
2517			<span><span class="text">Start or End Water Service</span></span>
2518		</span>
2519	</a>
2520</div>
2521		<style scoped="scoped">.fancyButton81.fancyButton:link,.fancyButton81.fancyButton:visited, .fancyButton81div.fancyButton{
2522	padding-right: 20px;
2523	padding-left: 85px;
2524	background-image: url('/ImageRepository/Document?documentID=1462');
2525	background-repeat: no-repeat;
2526	background-position: 20px  center;
2527transition: all .3s ease-in-out;
2528line-height: 1.2;}
2529.fancyButton81.fancyButton:hover,.fancyButton81.fancyButton:focus,.fancyButton81.fancyButton:active,.fancyButton81.fancyButton.hover{
2530	background-color: rgb(0, 121, 194);
2531}
2532.fancyButton81.fancyButton:link > span,.fancyButton81.fancyButton:visited > span, .fancyButton81div.fancyButton > span{
2533}
2534.fancyButton81.fancyButton:hover > span,.fancyButton81.fancyButton:focus > span,.fancyButton81.fancyButton:active > span,.fancyButton81.fancyButton.hover > span{
2535}
2536.fancyButton81.fancyButton .text{
2537	color: rgb(255, 255, 255);
2538	font-size: 1.2em;
2539	font-family: "Poppins";
2540	text-align: left;
2541	font-weight: 700;
2542	text-decoration: none;
2543	background-repeat: no-repeat;
2544	background-position: left top;
2545height: 120px;
2546
2547}
2548.fancyButton81.fancyButton:hover .text,.fancyButton81.fancyButton:focus .text,.fancyButton81.fancyButton:active .text,.fancyButton81.fancyButton.hover .text{
2549	text-decoration: underline;
2550	background-repeat: no-repeat;
2551	background-position: left top;
2552
2553
2554}
2555.fancyButton81.fancyButton .textStyle1{
2556	color: rgb(255, 255, 255);
2557	font-size: 1.2em;
2558	font-family: Poppins;
2559	font-style: normal;
2560	text-decoration: none;
2561
2562}
2563.fancyButton81.fancyButton:hover .textStyle1, .fancyButton81.fancyButton.hover .textStyle1{
2564	text-decoration: underline;
2565
2566}
2567</style>
2568
2569 </li><!--
2570--></ul></div><!--				-->
2571				</div>
2572			</nav>
2573		</div>
2574	<div class="widgetFooter">
2575			</div>
2576</div>
2577</div>
2578
2579	</div> <!-- inner column -->
2580
2581	</div> <!-- inner row -->
2582
2583			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="4af19ec0-9942-42f1-a705-0e3ad22508df">�				
2584	<div class="row nest first last wide">�
2585	
2586	<div class="inner col col8 first last id7fdd61ed-2e1b-4409-a6a3-4c33b9ff98e8" style="" data-widgetcontainerid="7fdd61ed-2e1b-4409-a6a3-4c33b9ff98e8">�	
2587<div data-widget-id="02e3392d-3ff3-4a63-a9f8-6ef25670ced9" data-widget-controller-path="/GraphicLinks/Widget">
2588
2589
2590
2591
2592<div id="graphicLinkWidget02e3392d-3ff3-4a63-a9f8-6ef25670ced9" class="widget widgetGraphicLinks skin63 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:24em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2593	<div class="widgetHeader">
2594		<div class="">
2595				</div>
2596	</div>
2597	<div class="widgetBody cpGrid cpGrid2 ">
2598		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2599				<div class="row   wide">
2600					<!--
2601--><div class="col col1 first "><ul class="semanticList"><!--
2602	    --><li class="widgetItem GraphicLinks">
2603
2604<div>
2605	<a href="/670/Pay-My-Bill" target="_self" class="fancyButton fancyButton82 " >
2606		<span>
2607			<span><span class="text">Online Payments</span></span>
2608		</span>
2609	</a>
2610</div>
2611		<style scoped="scoped">.fancyButton82.fancyButton:link,.fancyButton82.fancyButton:visited, .fancyButton82div.fancyButton{
2612	padding-right: 20px;
2613	padding-left: 85px;
2614	background-image: url('/ImageRepository/Document?documentID=213');
2615	background-repeat: no-repeat;
2616	background-position: 20px  center;
2617transition: all .3s ease-in-out;
2618line-height: 1.2;}
2619.fancyButton82.fancyButton:hover,.fancyButton82.fancyButton:focus,.fancyButton82.fancyButton:active,.fancyButton82.fancyButton.hover{
2620	background-color: rgb(0, 121, 194);
2621}
2622.fancyButton82.fancyButton:link > span,.fancyButton82.fancyButton:visited > span, .fancyButton82div.fancyButton > span{
2623}
2624.fancyButton82.fancyButton:hover > span,.fancyButton82.fancyButton:focus > span,.fancyButton82.fancyButton:active > span,.fancyButton82.fancyButton.hover > span{
2625}
2626.fancyButton82.fancyButton .text{
2627	color: rgb(255, 255, 255);
2628	font-size: 1.2em;
2629	font-family: "Poppins";
2630	text-align: left;
2631	font-weight: 700;
2632	text-decoration: none;
2633	background-repeat: no-repeat;
2634	background-position: left top;
2635height: 120px;
2636
2637}
2638.fancyButton82.fancyButton:hover .text,.fancyButton82.fancyButton:focus .text,.fancyButton82.fancyButton:active .text,.fancyButton82.fancyButton.hover .text{
2639	text-decoration: underline;
2640	background-repeat: no-repeat;
2641	background-position: left top;
2642
2643
2644}
2645</style>
2646
2647 </li><!--
2648--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2649	    --><li class="widgetItem GraphicLinks">
2650
2651<div>
2652	<a href="/list.aspx" target="_self" class="fancyButton fancyButton83 " >
2653		<span>
2654			<span><span class="text">Notify Me®</span></span>
2655		</span>
2656	</a>
2657</div>
2658		<style scoped="scoped">.fancyButton83.fancyButton:link,.fancyButton83.fancyButton:visited, .fancyButton83div.fancyButton{
2659	padding-right: 20px;
2660	padding-left: 85px;
2661	background-image: url('/ImageRepository/Document?documentID=212');
2662	background-repeat: no-repeat;
2663	background-position: 20px  center;
2664transition: all .3s ease-in-out;
2665line-height: 1.2;}
2666.fancyButton83.fancyButton:hover,.fancyButton83.fancyButton:focus,.fancyButton83.fancyButton:active,.fancyButton83.fancyButton.hover{
2667	background-color: rgb(0, 121, 194);
2668}
2669.fancyButton83.fancyButton:link > span,.fancyButton83.fancyButton:visited > span, .fancyButton83div.fancyButton > span{
2670}
2671.fancyButton83.fancyButton:hover > span,.fancyButton83.fancyButton:focus > span,.fancyButton83.fancyButton:active > span,.fancyButton83.fancyButton.hover > span{
2672}
2673.fancyButton83.fancyButton .text{
2674	color: rgb(255, 255, 255);
2675	font-size: 1.2em;
2676	font-family: "Poppins";
2677	text-align: left;
2678	font-weight: 700;
2679	text-decoration: none;
2680	background-repeat: no-repeat;
2681	background-position: left top;
2682height: 120px;
2683
2684}
2685.fancyButton83.fancyButton:hover .text,.fancyButton83.fancyButton:focus .text,.fancyButton83.fancyButton:active .text,.fancyButton83.fancyButton.hover .text{
2686	text-decoration: underline;
2687	background-repeat: no-repeat;
2688	background-position: left top;
2689
2690
2691}
2692</style>
2693
2694 </li><!--
2695--></ul></div><!--				-->
2696				</div>
2697			</nav>
2698		</div>
2699	<div class="widgetFooter">
2700			</div>
2701</div>
2702</div>
2703
2704	</div> <!-- inner column -->
2705
2706	</div> <!-- inner row -->
2707
2708			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2709
2710
2711	</div>
2712</div></div>
2713</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS">
2714<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS">	<div id="cca56190f1-1741-4f30-a97d-e125d9d92bf1" data-containerid="a56190f1-1741-4f30-a97d-e125d9d92bf1" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50">
2715				                
2716
2717		<div class="row outer wide"><!--
2718--><div class="outer col col6 first" style="" data-widgetcontainerid="40e11bf9-cfdd-48dd-a418-0f7d4ba27cc3">�				
2719	<div class="row nest first wide">�
2720	
2721	<div class="inner col col6 first last id284caf80-b08a-4ca3-a82a-6c3e3b2aadd7" style="" data-widgetcontainerid="284caf80-b08a-4ca3-a82a-6c3e3b2aadd7">�	
2722    <div data-widget-id="3fbbae0a-a801-4030-ba9f-5c0eeba83e74" data-widget-controller-path="/InfoAdvanced/Widget">
2723
2724
2725
2726
2727
2728	<section id="divInfoAdv3fbbae0a-a801-4030-ba9f-5c0eeba83e74" class="widget widgetInfoAdvanced skin60 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2729			<header class="widgetHeader" id="header3fbbae0a-a801-4030-ba9f-5c0eeba83e74">
2730		<div class="">
2731								</div>
2732	</header>
2733	<div class="widgetBody  cpGrid cpGrid1 ">
2734		<div class="row  wide">
2735					<div class="col col1 first last">
2736						<ol class="pageStyles semanticList">
2737
2738<li class="InfoAdvanced widgetItem fr-view">
2739	<p><a href="/"><img src="/ImageRepository/Document?documentId=131" class="fr-dii" alt="Civic Standard 5"></a></p>
2740</li>						</ol>
2741					</div>
2742		</div>
2743	</div>
2744	<div class="widgetFooter">
2745
2746	</div>
2747
2748	</section>
2749
2750
2751
2752<script type="text/javascript">
2753	//Render slideshow if info advacned items contain one.
2754	$(document).ready(function (e) {
2755		$('#divInfoAdv3fbbae0a-a801-4030-ba9f-5c0eeba83e74 .InfoAdvanced.widgetItem').each(function () {
2756			renderSlideshowIfApplicable($(this));		
2757		});
2758	});
2759</script>
2759</div>
2760	</div> <!-- inner column -->
2761
2762	</div> <!-- inner row -->
2763	<div class="row nest last wide">�
2764	
2765	<div class="inner col col6 first last id63d74c7c-af41-4480-9026-592c694724c5" style="" data-widgetcontainerid="63d74c7c-af41-4480-9026-592c694724c5">�	
2766<div data-widget-id="998e7639-815c-424a-95f8-c2435540dcd9" data-widget-controller-path="/GraphicLinks/Widget">
2767
2768
2769
2770
2771<div id="graphicLinkWidget998e7639-815c-424a-95f8-c2435540dcd9" class="widget widgetGraphicLinks skin66 widgetOptionSet36 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2772	<div class="widgetHeader">
2773		<div class="">
2774				</div>
2775	</div>
2776	<div class="widgetBody cpGrid cpGrid4 ">
2777		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2778				<div class="row autoWidths center wide">
2779					<!--
2780--><div class="col col1 first "><ul class="semanticList"><!--
2781	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/sjcitygov" target="_blank">
2782
2783<img src="/ImageRepository/Document?documentID=133" 
2784     class="graphicButtonLink" alt="Facebook (opens in new window)" 
2785     onmouseover="this.src='/ImageRepository/Document?documentID=133'" 
2786	onmouseout="this.src='/ImageRepository/Document?documentID=133'"
2787     onfocus="this.src='/ImageRepository/Document?documentID=133'" 
2788	onblur="this.src='/ImageRepository/Document?documentID=133'"> 
2789</a></li><!--
2790--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
2791	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/cityofstjoseph" target="_blank">
2792
2793<img src="/ImageRepository/Document?documentID=134" 
2794     class="graphicButtonLink" alt="Instagram (opens in new window)" 
2795     onmouseover="this.src='/ImageRepository/Document?documentID=134'" 
2796	onmouseout="this.src='/ImageRepository/Document?documentID=134'"
2797     onfocus="this.src='/ImageRepository/Document?documentID=134'" 
2798	onblur="this.src='/ImageRepository/Document?documentID=134'"> 
2799</a></li><!--
2800--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
2801	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/@cityofstjosephmi5546" target="_blank">
2802
2803<img src="/ImageRepository/Document?documentID=146" 
2804     class="graphicButtonLink" alt="YouTube (opens in new window)" 
2805     onmouseover="this.src='/ImageRepository/Document?documentID=146'" 
2806	onmouseout="this.src='/ImageRepository/Document?documentID=146'"
2807     onfocus="this.src='/ImageRepository/Document?documentID=146'" 
2808	onblur="this.src='/ImageRepository/Document?documentID=146'"> 
2809</a></li><!--
2810--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2811	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/sjcity" target="_blank">
2812
2813<img src="/ImageRepository/Document?documentID=190" 
2814     class="graphicButtonLink" alt="Linkedin (opens in new window)" 
2815     onmouseover="this.src='/ImageRepository/Document?documentID=190'" 
2816	onmouseout="this.src='/ImageRepository/Document?documentID=190'"
2817     onfocus="this.src='/ImageRepository/Document?documentID=190'" 
2818	onblur="this.src='/ImageRepository/Document?documentID=190'"> 
2819</a></li><!--
2820--></ul></div><!--				-->
2821				</div>
2822			</nav>
2823		</div>
2824	<div class="widgetFooter">
2825			</div>
2826</div>
2827</div>
2828
2829	</div> <!-- inner column -->
2830
2831	</div> <!-- inner row -->
2832
2833			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="46b512a3-5d57-4465-974a-5737ec059e60">�				
2834	<div class="row nest first last wide">�
2835	
2836	<div class="inner col col1 first last id1685df7b-7391-424b-8310-d12454f1c14e" style="" data-widgetcontainerid="1685df7b-7391-424b-8310-d12454f1c14e">�	
2837
2838<div class="widget widgetSpacer" id="6cc7ed1c-ef28-4205-860e-3298ae48b98c"></div>
2839	</div> <!-- inner column -->
2840
2841	</div> <!-- inner row -->
2842
2843			</div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="c38b68f1-4431-4e2e-acb3-2e0af02002b4">�				
2844	<div class="row nest first last wide">�
2845	
2846	<div class="inner col col5 first last id8b349e2d-2057-4874-a761-71de946407b4" style="" data-widgetcontainerid="8b349e2d-2057-4874-a761-71de946407b4">�	
2847    <div data-widget-id="7802efb5-9ee1-4d1c-a58a-b234b1626f92" data-widget-controller-path="/InfoAdvanced/Widget">
2848
2849
2850
2851
2852
2853	<section id="divInfoAdv7802efb5-9ee1-4d1c-a58a-b234b1626f92" class="widget widgetInfoAdvanced skin64 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header7802efb5-9ee1-4d1c-a58a-b234b1626f92">
2854			<header class="widgetHeader" id="header7802efb5-9ee1-4d1c-a58a-b234b1626f92">
2855		<div class="">
2856					<h3 >Contact Us</h3>
2857								</div>
2858	</header>
2859	<div class="widgetBody  cpGrid cpGrid1 ">
2860		<div class="row  wide">
2861					<div class="col col1 first last">
2862						<ol class="pageStyles semanticList">
2863
2864<li class="InfoAdvanced widgetItem fr-view">
2865	<p>City of St. Joseph</p>
2866</li>
2867<li class="InfoAdvanced widgetItem fr-view">
2868	<p>City Hall</p>
2869</li>
2870<li class="InfoAdvanced widgetItem fr-view">
2871	<p>700 Broad St.</p>
2872</li>
2873<li class="InfoAdvanced widgetItem fr-view">
2874	<p>St. Joseph, MI 49085</p>
2875</li>
2876<li class="InfoAdvanced widgetItem fr-view">
2877	<p>Phone: <a href="tel:%20269-983-5541">269-983-5541</a></p>
2878</li>
2879<li class="InfoAdvanced widgetItem fr-view">
2880	<p>Office Hours at City Hall: Mon - Fri: 8:00 a.m. &ndash; 5:00 p.m.</p>
2881</li>						</ol>
2882					</div>
2883		</div>
2884	</div>
2885	<div class="widgetFooter">
2886
2887	</div>
2888
2889	</section>
2890
2891
2892
2893<script type="text/javascript">
2894	//Render slideshow if info advacned items contain one.
2895	$(document).ready(function (e) {
2896		$('#divInfoAdv7802efb5-9ee1-4d1c-a58a-b234b1626f92 .InfoAdvanced.widgetItem').each(function () {
2897			renderSlideshowIfApplicable($(this));		
2898		});
2899	});
2900</script>
2900</div>
2901	</div> <!-- inner column -->
2902
2903	</div> <!-- inner row -->
2904
2905			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="7b896235-47ac-40f1-be94-ea8600209adb">�				
2906	<div class="row nest first last wide">�
2907	
2908	<div class="inner col col1 first last id6f9cfcca-28cd-4017-9d10-f25431764c5c" style="" data-widgetcontainerid="6f9cfcca-28cd-4017-9d10-f25431764c5c">�	
2909
2910<div class="widget widgetSpacer" id="f25132c6-dca3-4144-847a-1144562ac6f8"></div>
2911	</div> <!-- inner column -->
2912
2913	</div> <!-- inner row -->
2914
2915			</div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="ab69e1b3-f2db-4c51-89d9-6344fdb2a76a">�				
2916	<div class="row nest first last wide">�
2917	
2918	<div class="inner col col5 first last idb39912f8-ee0d-4ddf-9cff-323ab715540d" style="" data-widgetcontainerid="b39912f8-ee0d-4ddf-9cff-323ab715540d">�	
2919	<div data-widget-id="c2bcc1d2-1d96-484d-ac18-0916ffaeb2fe" data-widget-controller-path="/QuickLinks/Widget">
2920
2921
2922
2923
2924
2925
2926
2927
2928	<section id="widgetQuicklinkc2bcc1d2-1d96-484d-ac18-0916ffaeb2fe" class="widget widgetQuickLinks skin64 widgetOptionSet29 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderc2bcc1d2-1d96-484d-ac18-0916ffaeb2fe">
2929			<header class="widgetHeader" id="quickLinksHeaderc2bcc1d2-1d96-484d-ac18-0916ffaeb2fe">
2930		<div class="">
2931					<h3><a  style="" href="/QuickLinks.aspx?CID=16" >Quick Links</a></h3>
2932						</div>
2933	</header>
2934	<div class="widgetBody cpGrid cpGrid1 ">
2935        <div class="row  narrow">
2936				<div class="col col1 first last">
2937					<ol class="semanticList">
2938
2939    <li style="position:relative" class="widgetItem QuickLinks">
2940        <a class="widgetDesc widgetQuickLinksLink" href="/835/Library" target="_self" >Library</a>
2941        <div class="widgetMeta"></div>
2942    </li>
2943
2944    <li style="position:relative" class="widgetItem QuickLinks">
2945        <a class="widgetDesc widgetQuickLinksLink" href="https://library.municode.com/mi/st._joseph/codes/code_of_ordinances" target="_self" >Code of Ordinances</a>
2946        <div class="widgetMeta"></div>
2947    </li>
2948
2949    <li style="position:relative" class="widgetItem QuickLinks">
2950        <a class="widgetDesc widgetQuickLinksLink" href="/620/Building-Permit-Information-and-General-" target="_self" >Building Permit Information and General Applications</a>
2951        <div class="widgetMeta"></div>
2952    </li>
2953
2954    <li style="position:relative" class="widgetItem QuickLinks">
2955        <a class="widgetDesc widgetQuickLinksLink" href="https://www.berriencounty.org/304/Community-Development" target="_self" >Berrien County Community Development</a>
2956        <div class="widgetMeta"></div>
2957    </li>
2958
2959    <li style="position:relative" class="widgetItem QuickLinks">
2960        <a class="widgetDesc widgetQuickLinksLink" href="/827/Education" target="_self" >Education</a>
2961        <div class="widgetMeta"></div>
2962    </li>
2963					</ol>
2964				</div>
2965		</div>
2966        
2967	</div>
2968	<div class="widgetFooter">
2969	</div>
2970	<div class="addItemModal hidden">
2971		<div class="url hidden">/QuickLinks.aspx</div>
2972	</div>
2973
2974	</section>
2975</div>
2976
2977	</div> <!-- inner column -->
2978
2979	</div> <!-- inner row -->
2980
2981			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="eea20e01-7638-4ab3-ae89-b2beb5e4cad8">�				
2982	<div class="row nest first last wide">�
2983	
2984	<div class="inner col col1 first last idfa4f8e3b-da0e-4bbb-b154-3f4e83193d9b" style="" data-widgetcontainerid="fa4f8e3b-da0e-4bbb-b154-3f4e83193d9b">�	
2985
2986<div class="widget widgetSpacer" id="b791091f-6ed8-4bb0-8d17-43e9241f9afb"></div>
2987	</div> <!-- inner column -->
2988
2989	</div> <!-- inner row -->
2990
2991			</div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="3ae2b43f-3f2b-4765-9e9b-e2cfc5c48421">�				
2992	<div class="row nest first last wide">�
2993	
2994	<div class="inner col col5 first last id839f2a92-407f-430e-aa41-b31c7897ef35" style="" data-widgetcontainerid="839f2a92-407f-430e-aa41-b31c7897ef35">�	
2995	<div data-widget-id="b2eeedfb-76de-4b1b-910a-c2fb9545a67d" data-widget-controller-path="/QuickLinks/Widget">
2996
2997
2998
2999
3000
3001
3002
3003
3004	<section id="widgetQuicklinkb2eeedfb-76de-4b1b-910a-c2fb9545a67d" class="widget widgetQuickLinks skin64 widgetOptionSet29 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderb2eeedfb-76de-4b1b-910a-c2fb9545a67d">
3005			<header class="widgetHeader" id="quickLinksHeaderb2eeedfb-76de-4b1b-910a-c2fb9545a67d">
3006		<div class="">
3007					<h3><a  style="" href="/QuickLinks.aspx?CID=17" >Helpful Links</a></h3>
3008						</div>
3009	</header>
3010	<div class="widgetBody cpGrid cpGrid1 ">
3011        <div class="row  narrow">
3012				<div class="col col1 first last">
3013					<ol class="semanticList">
3014
3015    <li style="position:relative" class="widgetItem QuickLinks">
3016        <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a>
3017        <div class="widgetMeta"></div>
3018    </li>
3019
3020    <li style="position:relative" class="widgetItem QuickLinks">
3021        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a>
3022        <div class="widgetMeta"></div>
3023    </li>
3024
3025    <li style="position:relative" class="widgetItem QuickLinks">
3026        <a class="widgetDesc widgetQuickLinksLink" href="/directory" target="_self" >Contact Us</a>
3027        <div class="widgetMeta"></div>
3028    </li>
3029
3030    <li style="position:relative" class="widgetItem QuickLinks">
3031        <a class="widgetDesc widgetQuickLinksLink" href="/site/accessibility" target="_self" >Accessibility</a>
3032        <div class="widgetMeta"></div>
3033    </li>
3034
3035    <li style="position:relative" class="widgetItem QuickLinks">
3036        <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a>
3037        <div class="widgetMeta"></div>
3038    </li>
3039					</ol>
3040				</div>
3041		</div>
3042        
3043	</div>
3044	<div class="widgetFooter">
3045	</div>
3046	<div class="addItemModal hidden">
3047		<div class="url hidden">/QuickLinks.aspx</div>
3048	</div>
3049
3050	</section>
3051</div>
3052
3053	</div> <!-- inner column -->
3054
3055	</div> <!-- inner row -->
3056
3057			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3058
3059
3060	</div>
3061</div></div>
3062</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS">
3063<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS">	<div id="ccc7dde915-3f4a-422b-9ff8-1ab45cca0bf2" data-containerid="c7dde915-3f4a-422b-9ff8-1ab45cca0bf2" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
3064				                
3065
3066		<div class="row outer wide"><!--
3067--><div class="outer col col24 first last" style="" data-widgetcontainerid="27085f98-033f-46a6-88f6-b81ad29eedab">�				
3068	<div class="row nest first last wide">�
3069	
3070	<div class="inner col col24 first last id3c697965-32df-4273-ba86-ddcfc1a24e72" style="" data-widgetcontainerid="3c697965-32df-4273-ba86-ddcfc1a24e72">�	
3071 
3072	<div data-widget-id='ed1c105e-3820-4b49-acd2-0d78b95a07c2' data-moduleName="customHtml" id='widgetCustomHtmled1c105e-3820-4b49-acd2-0d78b95a07c2' class="widget widgetCustomHtml skin65 narrow" >
3073	<div class="widgetBody pageStyles" id="widgetBodyed1c105e-3820-4b49-acd2-0d78b95a07c2">
3074		<div id="customHtmled1c105e-3820-4b49-acd2-0d78b95a07c2"><div><style>
3075  /* CP icon */
3076  .cpBylineIconTS {
3077    color: #fff;
3078  }
3079  /* CP Text */
3080  .cpBylineTextTS,
3081  .cpBylineTextTS a:link {
3082    color: #fff;
3083  }
3084
3085  .cpBylineTS {
3086    text-align: center;
3087  }
3088  
3089  .cpBylineIconTS {
3090    fill: currentColor;
3091    width: 39px;
3092    height: 26px;
3093    display: inline;
3094    vertical-align: middle;
3095  }
3096</style>
3097
3098<div class="widgetItem cpBylineTS">
3099  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
3100    <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>
3101    <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>
3102  </svg>
3103  <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
3104</div>
3105</div></div>
3106	</div>
3107
3108	</div>
3109
3110	</div> <!-- inner column -->
3111
3112	</div> <!-- inner row -->
3113
3114			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3115
3116
3117	</div>
3118</div></div>
3119</div>
3120
3121
3122
3123
3124		<div id="bannerImagesJSON74" class="hidden"></div>
3125		<div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none">
3126			<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>
3127			<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>
3128		</div>
3129			
3129<script type="text/javascript">
3130				$(window).on("load", function () {
3131					$.when(window.Pages.rwdSetupComplete)
3132						.done(function () {
3133							renderExternalBannerSlideshow('banner1',
3134								{"BannerOptionID":74,"ThemeID":27,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":202,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=855","Height":1733,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":203,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=851","Height":1733,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":204,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=846","Height":1950,"Width":2850,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":205,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=838","Height":1950,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":7,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":206,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1694","Height":1362,"Width":2048,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":8,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":207,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1695","Height":1733,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":9,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":208,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1696","Height":1733,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":10,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":209,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1697","Height":1733,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":11,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":210,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1699","Height":1200,"Width":1800,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":12,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":211,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1700","Height":768,"Width":1024,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":13,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":212,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1703","Height":1950,"Width":2850,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":14,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":213,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1704","Height":1950,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":15,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":214,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=866","Height":1733,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":16,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":215,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1711","Height":1733,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":17,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":216,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1710","Height":1950,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":18,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":217,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=1708","Height":2009,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":19,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":11,"BannerOptionID":74,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202503181103344363.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
3135								'/App_Themes/Interior/Images/',
3136								'Rotating');
3137						});
3138				});
3139			</script>
3139
3140
3141</div>
3142</div>
3143
3144            </div>
3145        </div>
3146    </div>
3147
3148<link href="/745732998.css" rel="stylesheet" type="text/css" />
3149
3150<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
3151	<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">
3152		<div class="cp-Splash-header">
3153			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
3154			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
3155				<svg id="iconClose" viewBox="0 0 25 25">
3156					<polygon style="fill:currentcolor"
3157							 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>
3158				</svg>
3159			</button>
3160		</div>
3161		<div class="cp-Splash-body">
3162			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
3163				<!-- Content from the Froala Editor will go here. -->
3164				Loading
3165			</div>
3166		</div>
3167		<div class="cp-Splash-footer">
3168			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
3169			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
3170		</div>
3171	</div>
3172</div>
3173
3174<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3174
3174
3175<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3175
3175
3176<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3176
3176
3177<script>
3178
3179		$(document).ready(function () {
3180			var filter = {
3181				targetId: '544',
3182				targetType: 1
3183			}
3184
3185			new SplashModalRender().triggerRender(filter);
3186		});
3187</script>
3187
3188
3189
3190	
3191	
3192	
3193	
3194
3195
3196
3197	
3198
3199
3200
3201
3202
3203
3204    
3204<script src="/-1442400649.js" type="text/javascript"></script>
3204
3205    <!-- Move banner to outer wrap --> 
3206<script> 
3207function moveBannerToOuterWrap() { 
3208    if ($(".fixedBannerTS").length) { 
3209		if ($("#bannerDivbanner1").length) { 
3210			$("#bannerDivbanner1").appendTo("#outer-wrap"); 
3211		} else { 
3212			setTimeout(function() { 
3213				moveBannerToOuterWrap(); 
3214			}, 500); 
3215		} 
3216	}
3217} 
3218moveBannerToOuterWrap(); 
3219</script>
3219 
3220<style> 
3221#structuralContainer1 { 
3222    background-color: transparent !important; 
3223} 
3224</style> 
3225<!-- end move banner to outer wrap -->
3226
3227
3228    
3228<script type="text/javascript">
3229        $(function () {
3230            document.cookie = "responsiveGhost=0; path=/";
3231        });
3232        $(window).on("load", function () {
3233            $('body').addClass('doneLoading').removeClass('hideContent');
3234
3235            if ($('#404Content').length > 0)
3236                $('div#bodyWrapper').css('padding', '0px');
3237        });
3238    </script>
3238
3239
3240    <noscript>
3241        <style>
3242            body.hideContent {
3243                opacity: 1 !important;
3244            }
3245        </style>
3246    </noscript>
3247
3248        
3249<div style="display: none;">
3250	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
3251
3252		<symbol id="iconArrow--left" viewbox="0 0 25 25">
3253			<title>Arrow Left</title>
3254			<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>
3255		</symbol>
3256
3257		<symbol id="iconArrow--right" viewbox="0 0 25 25">
3258			<title>Arrow Right</title>
3259			<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>
3260		</symbol>
3261
3262	</svg>
3263</div>
3264    
3264<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Poppins:500,500italic,600,600italic,700,700italic,italic,regular|');</script>
3264
3265    
3266
3267    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
3268        <div style="display: none;">
3269            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
3270                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
3271                    <title>Slideshow Left Arrow</title>
3272                    <g>
3273                        <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>
3274                    </g>
3275                </symbol>
3276                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
3277                    <title>Slideshow Right Arrow</title>
3278                    <g>
3279                        <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>
3280                    </g>
3281                </symbol>
3282            </svg>
3283        </div>
3284    
3285	
3286	
3287
3288    <div id="root-picker-outlet"></div>
3289</body>
3290</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.