PageSourceSearch

https://ofallon.org/27/Government

html ofallon.org collected 2026-10-02 11:23:53 UTC 109,295 bytes, 2,700 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-VE9T8LSCLC';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= false;
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(2, 45, 88)">
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 | O&#39;Fallon, IL</title>
126
127		<meta name="description" content="Gather information about government services, offices, boards, commissions, and elected officials.">
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="/-2140275272.css" rel="stylesheet" type="text/css" />	<link href="/-979191166.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="#cc5f8c90dc-b4cb-431b-90ee-10648f8df655" 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="1" />
391    <input type="hidden" id="hdnContentCollectionID" value="54d4a616-729c-473b-9621-5602cce24190" />
392    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
393    <input type="hidden" id="hdnThemeID" value="1" />
394    <input type="hidden" id="pageIsFrontEnd" value="true" />
395    <input type="hidden" id="pageModuleID" />
396    <input type="hidden" id="pagePageID" value="27" />
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<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS">
442<div class="siteWrap3" data-skip-leftpad=""><div data-cpRole="structuralContainer" id="headerInnerContainerTS">
443<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">
444
445
446
447
448				<a id="bannerLogoTS-48" style="			display: block; text-align: center;
449" class="bannerObject" href="/" target="_self"><img alt="O&amp;#39Fallon Illinois Home Page" class="bannerObject" height="382" src="/ImageRepository/Document?documentID=71" width="776" /></a>
450</div><div data-cpRole="contentContainer" id="searchTS">	<div id="cc8b026577-7257-4d83-8acc-c7450d6add0f" data-containerid="8b026577-7257-4d83-8acc-c7450d6add0f" class="pageContent cpGrid cpGrid24 showInMobile">
451				                
452
453
454
455	</div>
456</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
457<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
458--><li id="MainItem149" class="topMenuItem" role="none" data-pageid="149" data-displaymegamenu="True"><!--
459			--><!--
460			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu149" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem1 " href="/149/Departments" target = "_self" >   Departments  </a>			<!--
461			--><!--
462			--></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!--
463			--><!--
464			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem2 " href="/27/Government" target = "_self" >   Government  </a>			<!--
465			--><!--
466			--></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!--
467			--><!--
468			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem3 " href="/101/Community" target = "_self" >   Community  </a>			<!--
469			--><!--
470			--></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!--
471			--><!--
472			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavBusinesses" class="navMainItem mainNavItem mainNavItem4 " href="/35/Businesses" target = "_self" >   Businesses  </a>			<!--
473			--><!--
474			--></li><!----><li id="MainItem482" class="topMenuItem" role="none" data-pageid="482" data-displaymegamenu="True"><!--
475			--><!--
476			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu482" id = "mainNavIWantTo" class="navMainItem mainNavItem mainNavItem5 " href="/482/I-Want-To" target = "_self" >   I Want To  </a>			<!--
477			--><!--
478			--></li><!---->
479</ol>
480
481
482	
482<script type="text/javascript">
483		(function () {
484			function setupMenu() {
485				const menuID = 'mainNavMenu';
486				const menuType = MAIN_MENU;
487
488				//setup menu manager properties for main menu
489				if (!menuManager.mobileMainNav && true)
490					menuManager.adjustMainItemsWidth('#' + menuID);
491				menuManager.isMainMenuEditable = false;
492				menuManager.mainMenuMaxSubMenuLevels = 4;
493				menuManager.setMOMMode(2, menuType);
494
495				//Init main menu
496				const setupDraggable = menuManager.isMainMenuEditable;
497				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=1&menuContainerID=mainNav';
498
499				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
500				menuManager.mainMenuInit = true;
501				menuManager.mainMenuTextResizer = false;
502				if (1.00 > 0)
503					menuManager.mainMenuTextResizerRatio = 1.00;
504				if (window.isResponsiveEnabled)
505					menuManager.mainMenuReady.resolve();
506
507			}
508
509			if (document.readyState === "complete"
510				|| document.readyState === "loaded"
511				|| document.readyState === "interactive") {
512				setupMenu();
513				return;
514			}
515
516			document.addEventListener("DOMContentLoaded", setupMenu);
517		})();
518	</script>
518
519
520
521<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="0"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu149" class="contentTop mainNavMegaMenu megaMenuContainer pageID_149 hidden" data-orientation="horizontal">	<div id="cc994859dc-35b9-42af-a4c5-bf34af4ff311" data-containerid="994859dc-35b9-42af-a4c5-bf34af4ff311" class="pageContent cpGrid cpGrid24">
522				                
523
524
525
526	</div>
527</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal">	<div id="ccd3120f7a-f64b-4b29-aa29-ba2108bae189" data-containerid="d3120f7a-f64b-4b29-aa29-ba2108bae189" class="pageContent cpGrid cpGrid24">
528				                
529
530
531
532	</div>
533</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal">	<div id="cc1261a70f-73e2-4dcd-b08d-f63eeabf1d52" data-containerid="1261a70f-73e2-4dcd-b08d-f63eeabf1d52" class="pageContent cpGrid cpGrid24">
534				                
535
536
537
538	</div>
539</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal">	<div id="ccbec4935c-f911-4107-9b8b-98b46bedff75" data-containerid="bec4935c-f911-4107-9b8b-98b46bedff75" class="pageContent cpGrid cpGrid24">
540				                
541
542
543
544	</div>
545</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu482" class="contentTop mainNavMegaMenu megaMenuContainer pageID_482 hidden" data-orientation="horizontal">	<div id="cc31e4b63b-ba9a-4832-9fcf-c82a6b650373" data-containerid="31e4b63b-ba9a-4832-9fcf-c82a6b650373" class="pageContent cpGrid cpGrid24">
546				                
547
548
549
550	</div>
551</aside></aside></nav>
552</div></div>
553</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
554<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS">
555<div class="siteWrap"><div data-cpRole="structuralContainer" id="bannerContentTS">
556<div data-cpRole="contentContainer" id="bannerContentTSa">	<div id="cc51066a59-a273-49e1-a1f3-364ff3af6c7b" data-containerid="51066a59-a273-49e1-a1f3-364ff3af6c7b" class="pageContent cpGrid cpGrid24 showInMobile">
557				                
558
559
560
561	</div>
562</div>
563</div></div>
564</div>
565
566
567
568
569		<div id="bannerImagesJSON2" class="hidden"></div>
570		<div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none">
571			<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>
572			<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>
573		</div>
574			
574<script type="text/javascript">
575				$(window).on("load", function () {
576					$.when(window.Pages.rwdSetupComplete)
577						.done(function () {
578							renderExternalBannerSlideshow('banner1',
579								{"BannerOptionID":2,"ThemeID":1,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":3,"SlideShowSlideTiming":"9","SlideshowTransition":0,"SlideShowTransitionTiming":null,"ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":89,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=823","Height":1157,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":97,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=832","Height":450,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":102,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=914","Height":450,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":103,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=915","Height":873,"Width":1849,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
580								'/App_Themes/Interior/Images/',
581								'Slideshow');
582						});
583				});
584			</script>
584
585
586</div>
587</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
588<div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
589<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
590<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
591<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">		<ol class="semanticList breadCrumbs">
592			<li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="27"><a href class="breadCrumb" aria-current="page">Government</a></li>
593		</ol>
594
595	   
596    
597</div><div data-cpRole="mainContentContainer" id="moduleContent">
598	
599	<div id="page" class="moduleContentNew">
600		
601
602	<input id="hdnPageID" name="hdnPageID" type="hidden" value="27" />
603	<input id="hdnParentID" name="hdnParentID" type="hidden" value="1" />
604	<input id="hdnVersionID" name="hdnVersionID" type="hidden" value="2006" />
605	<input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Government" />
606	<input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
607	<input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" />
608	<input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" />
609
610				<h1 id="versionHeadLine" class="headline">
611
612Government		</h1>
613	
614		<div id="cc5f8c90dc-b4cb-431b-90ee-10648f8df655" data-containerid="5f8c90dc-b4cb-431b-90ee-10648f8df655" class="pageContent cpGrid cpGrid24"  data-contentcontainerbreakpoint="30" >
615			
616
617		<div class="row outer wide"><!--
618--><div class="outer col col24 first last" style="" data-widgetcontainerid="b9b8b250-4774-4db3-9bde-87adc3ec349c">�				
619	<div class="row nest first last wide">�
620	
621	<div class="inner col col24 first last idd93c4781-e935-480f-ae33-ff83ae8048a8" style="" data-widgetcontainerid="d93c4781-e935-480f-ae33-ff83ae8048a8">�	
622		<nav class="widget clear dynamicSubpage widgetPages skin43 wide" id="widgetPage75ff5b0c-48f5-4ad0-8946-60b715b718fd" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label = Pages>
623				<div class="hidden widgetTypeID">9</div>
624	<div class="hidden depth">1</div>
625	<div class="hidden cols">1</div>
626	<div class="hidden format">2</div>		
627	<div class="widgetBody">
628		
629	<div class="widgetBody cpGrid cpGrid1 ">
630		<div class="row wide">
631
632					<div class="col col1">
633						<ol class="semanticList layout2">
634										<li class="megaMenuItem widgetItem" data-pageid="129" role="none">
635				<div class="widgetTitle">
636					<a href="https://ofallon.community.diligentoneplatform.com/Portal/" target="_blank" rel="noopener">Agendas &amp; Minutes</a>
637				</div>
638				<p class="widgetDesc">Access searchable meeting agendas and minutes for various boards, commissions, and committees.</p>
639				
640			</li>			<li class="megaMenuItem widgetItem" data-pageid="673" role="none">
641				<div class="widgetTitle">
642					<a href="https://ofallon.community.diligentoneplatform.com/Portal/Subscribe.aspx" target="_self" >Sign Up for Agenda Notices</a>
643				</div>
644				<p class="widgetDesc">Sign up for agenda notices to be notified whenever a new meeting agenda is published.</p>
645				
646			</li>			<li class="megaMenuItem widgetItem" data-pageid="187" role="none">
647				<div class="widgetTitle">
648					<a href="/187/Meeting-Broadcasts" target="_self" >Meeting Broadcasts</a>
649				</div>
650				<p class="widgetDesc">Learn how to view public meetings online.</p>
651				
652			</li>			<li class="megaMenuItem widgetItem" data-pageid="428" role="none">
653				<div class="widgetTitle">
654					<a href="https://codelibrary.amlegal.com/codes/ofallon/latest/overview" target="_self" >Code of Ordinances</a>
655				</div>
656				<p class="widgetDesc">Read the City of O’Fallon, Illinois Code of Ordinances.
657</p>
658				
659			</li>			<li class="megaMenuItem widgetItem" data-pageid="341" role="none">
660				<div class="widgetTitle">
661					<a href="/341/Mayor-City-Council" target="_self" >Mayor &amp; City Council</a>
662				</div>
663				<p class="widgetDesc">Our city&#39;s government is here to serve. </p>
664				
665			</li>			<li class="megaMenuItem widgetItem" data-pageid="333" role="none">
666				<div class="widgetTitle">
667					<a href="/333/Boards-Commissions" target="_self" >Boards &amp; Commissions</a>
668				</div>
669				<p class="widgetDesc">Learn about the boards and commissions serving the O&#39;Fallon community. </p>
670				
671			</li>			<li class="megaMenuItem widgetItem" data-pageid="547" role="none">
672				<div class="widgetTitle">
673					<a href="/547/Volunteer-Application-for-BoardCommissio" target="_self" >Volunteer Application for Board/Commission</a>
674				</div>
675				<p class="widgetDesc"></p>
676				
677			</li>			<li class="megaMenuItem widgetItem" data-pageid="584" role="none">
678				<div class="widgetTitle">
679					<a href="/373/ElectionsVoter-Registration" target="_self" >Elections/Voter Registration</a>
680				</div>
681				<p class="widgetDesc"></p>
682				
683			</li>						</ol>
684					</div>
685		</div>
686	</div>
687
688
689
690
691	</div>
692
693		</nav>
694
695
696
697	</div> <!-- inner column -->
698
699	</div> <!-- inner row -->
700
701			</div><!-- outer column --><!--		--></div> <!-- outer row -->
702
703
704		</div>
705
706	</div>
707
708	
709	<div class="newCP">
710
711	</div>
712</div>
713</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent">	<div id="ccd6923f64-2522-4bce-8783-61ad1b416b69" data-containerid="d6923f64-2522-4bce-8783-61ad1b416b69" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="40">
714				                
715
716
717
718	</div>
719</aside>
720</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar">
721<aside data-cpRole="contentContainer" id="sidebarContainer1TS">	<div id="cc115a0bd0-71a7-4f4d-8f02-650935775f43" data-containerid="115a0bd0-71a7-4f4d-8f02-650935775f43" class="pageContent cpGrid cpGrid24 showInMobile">
722				                
723
724
725
726	</div>
727</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav">
728
729
730
731
732
733	<ol role="menu" id="secondaryMenusecondaryNav" data-parent="27" class="rootNavMenu accordionNav">
734	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem129" data-pageid="129">
735		<div class="accordionNavItem">
736			<a href="https://ofallon.community.diligentoneplatform.com/Portal/" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Agendas &amp; Minutes</a>
737		</div>
738			</li>
739	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem673" data-pageid="673">
740		<div class="accordionNavItem">
741			<a href="https://ofallon.community.diligentoneplatform.com/Portal/Subscribe.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Sign Up for Agenda Notices</a>
742		</div>
743			</li>
744	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem187" data-pageid="187">
745		<div class="accordionNavItem">
746			<a href="/187/Meeting-Broadcasts" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Meeting Broadcasts</a>
747		</div>
748			</li>
749	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem428" data-pageid="428">
750		<div class="accordionNavItem">
751			<a href="https://codelibrary.amlegal.com/codes/ofallon/latest/overview" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Code of Ordinances</a>
752		</div>
753			</li>
754	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem341" data-pageid="341">
755		<div class="accordionNavItem">
756			<a href="/341/Mayor-City-Council" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mayor &amp; City Council</a>
757				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Mayor &amp; City Council Submenu" aria-expanded="false" aria-controls="submenu-lvl1-341"></a>
758		</div>
759					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-341" style="display: none;" data-parent="341">
760						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem686" data-pageid="686">
761			<div class="accordionNavItem">
762				<a href="/686/City-Council-Meetings" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Council Meetings</span></a>
763			</div>
764					</li>
765		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem507" data-pageid="507">
766			<div class="accordionNavItem">
767				<a href="/507/Committees" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Committees</span></a>
768					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Committees Submenu" aria-expanded="false" aria-controls="submenu-lvl2-507"></a>
769			</div>
770							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-507" style="display: none;" data-parent="507">
771							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem354" data-pageid="354">
772			<div class="accordionNavItem">
773				<a href="/354/Community-Development-Committee" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Development Committee</span></a>
774			</div>
775					</li>
776		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem361" data-pageid="361">
777			<div class="accordionNavItem">
778				<a href="/361/Public-Works-Committee" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Works Committee</span></a>
779			</div>
780					</li>
781		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem359" data-pageid="359">
782			<div class="accordionNavItem">
783				<a href="/359/Public-Safety-Committee" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Safety Committee</span></a>
784			</div>
785					</li>
786		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem357" data-pageid="357">
787			<div class="accordionNavItem">
788				<a href="/357/Parks-Environment-Committee" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks &amp; Environment Committee</span></a>
789			</div>
790					</li>
791		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem355" data-pageid="355">
792			<div class="accordionNavItem">
793				<a href="/355/Finance-Administration-Committee" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Finance &amp; Administration Committee</span></a>
794			</div>
795					</li>
796		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem508" data-pageid="508">
797			<div class="accordionNavItem">
798				<a href="https://www.youtube.com/playlist?list=PLbJqqq4M5S2rMZ9llySLfgTKlyDvH8udr" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Meeting Broadcasts</span></a>
799			</div>
800					</li>
801
802				</ol>
803		</li>
804		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem348" data-pageid="348">
805			<div class="accordionNavItem">
806				<a href="/348/Mayors-Office" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Mayor&#39;s Office</span></a>
807			</div>
808					</li>
809		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem504" data-pageid="504">
810			<div class="accordionNavItem">
811				<a href="/504/Council-Members" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Council Members</span></a>
812			</div>
813					</li>
814		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem528" data-pageid="528">
815			<div class="accordionNavItem">
816				<a href="/170/City-Clerk" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Clerk</span></a>
817			</div>
818					</li>
819		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem295" data-pageid="295">
820			<div class="accordionNavItem">
821				<a href="/295/Treasurer" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Treasurer</span></a>
822			</div>
823					</li>
824		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem501" data-pageid="501">
825			<div class="accordionNavItem">
826				<a href="/501/Background" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Background</span></a>
827					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Background Submenu" aria-expanded="false" aria-controls="submenu-lvl2-501"></a>
828			</div>
829							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-501" style="display: none;" data-parent="501">
830							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem345" data-pageid="345">
831			<div class="accordionNavItem">
832				<a href="/345/Form-of-Government" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Form of Government</span></a>
833			</div>
834					</li>
835
836				</ol>
837		</li>
838		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem506" data-pageid="506">
839			<div class="accordionNavItem">
840				<a href="https://ofallon.maps.arcgis.com/home/webmap/viewer.html?webmap=3bf535e5c0444be3be3a959346fd56af" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Find My Ward</span></a>
841			</div>
842					</li>
843
844			</ol>
845	</li>
846	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem333" data-pageid="333">
847		<div class="accordionNavItem">
848			<a href="/333/Boards-Commissions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boards &amp; Commissions</a>
849				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Boards &amp; Commissions Submenu" aria-expanded="false" aria-controls="submenu-lvl1-333"></a>
850		</div>
851					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-333" style="display: none;" data-parent="333">
852						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem334" data-pageid="334">
853			<div class="accordionNavItem">
854				<a href="/334/Arts-Commission" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Arts Commission</span></a>
855					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Arts Commission Submenu" aria-expanded="false" aria-controls="submenu-lvl2-334"></a>
856			</div>
857							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-334" style="display: none;" data-parent="334">
858							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem335" data-pageid="335">
859			<div class="accordionNavItem">
860				<a href="/335/Holiday-Decorations" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Holiday Decorations</span></a>
861			</div>
862					</li>
863		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem336" data-pageid="336">
864			<div class="accordionNavItem">
865				<a href="/336/Parks-Recreation-Foundation" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks &amp; Recreation Foundation</span></a>
866			</div>
867					</li>
868
869				</ol>
870		</li>
871		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem337" data-pageid="337">
872			<div class="accordionNavItem">
873				<a href="/337/Board-of-Fire-Police-Commissioners" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Board of Fire &amp; Police Commissioners</span></a>
874			</div>
875					</li>
876		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem338" data-pageid="338">
877			<div class="accordionNavItem">
878				<a href="/338/Building-Code-Review" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Building Code Review</span></a>
879			</div>
880					</li>
881		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem339" data-pageid="339">
882			<div class="accordionNavItem">
883				<a href="/339/Fire-Pension-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fire Pension Board</span></a>
884			</div>
885					</li>
886		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem340" data-pageid="340">
887			<div class="accordionNavItem">
888				<a href="/340/Historic-Preservation-Commission" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Historic Preservation Commission</span></a>
889			</div>
890					</li>
891		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem352" data-pageid="352">
892			<div class="accordionNavItem">
893				<a href="/352/Library-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Board</span></a>
894			</div>
895					</li>
896		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem353" data-pageid="353">
897			<div class="accordionNavItem">
898				<a href="/353/Planning-Commission" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning Commission</span></a>
899					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Planning Commission Submenu" aria-expanded="false" aria-controls="submenu-lvl2-353"></a>
900			</div>
901							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-353" style="display: none;" data-parent="353">
902							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem358" data-pageid="358">
903			<div class="accordionNavItem">
904				<a href="/DocumentCenter/View/716/Planning-Commission-By-Laws-and-Resolution-PDF" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning Commission By-Laws &amp; Resolution (PDF)</span></a>
905			</div>
906					</li>
907
908				</ol>
909		</li>
910		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem360" data-pageid="360">
911			<div class="accordionNavItem">
912				<a href="/360/Police-Pension-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Police Pension Board</span></a>
913			</div>
914					</li>
915		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem367" data-pageid="367">
916			<div class="accordionNavItem">
917				<a href="/367/Rural-Fire-District" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Rural Fire District</span></a>
918			</div>
919					</li>
920		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem368" data-pageid="368">
921			<div class="accordionNavItem">
922				<a href="/368/Zoning-Hearing-Officer" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Zoning Hearing Officer</span></a>
923			</div>
924					</li>
925
926			</ol>
927	</li>
928	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem547" data-pageid="547">
929		<div class="accordionNavItem">
930			<a href="/547/Volunteer-Application-for-BoardCommissio" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Volunteer Application for Board/Commission</a>
931		</div>
932			</li>
933	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem584" data-pageid="584">
934		<div class="accordionNavItem">
935			<a href="/373/ElectionsVoter-Registration" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Elections/Voter Registration</a>
936		</div>
937			</li>
938
939	</ol>
940
941
942	
942<script type="text/javascript">
943		(function () {
944			function setupSecondaryMenuProperties() {
945				//setup menu manager properties for secondary menu
946				menuManager.isSideMenuEditable = false;
947				menuManager.sideMenuMaxSubMenuLevels = 4;
948				menuManager.sideMenuHasCustomLinks = false;
949			}
950
951			if (document.readyState === "loading") {
952				document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true });
953				return;
954			}
955
956			setupSecondaryMenuProperties();
957		})();
958	</script>
958
959
960	
960<script type="text/javascript">
961		(function () {
962			function setupAccordionSecondaryNav() {
963				var $menuContainer = $('#secondaryNav');
964
965				$menuContainer.find('*[id^="SideItem"]').each(function () {
966					var ids = $('[id="' + this.id + '"]');
967					if (ids.length > 1)
968						$.each(ids, function (index, value) {
969							value.id = value.id + '_' + index;
970						});
971				});
972
973				$menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) {
974					e.preventDefault();
975					showHideAccordionMenuForSecondaryNav($(this));
976				});
977
978				$menuContainer.find(".grippy").each(function () {
979					menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav');
980				});
981
982				$menuContainer.find("li").each(function () {
983					menuManager.setupDroppableAccordionElement($(this), SIDE_MENU);
984				});
985			}
986
987			if (document.readyState === "loading") {
988				document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true });
989				return;
990			}
991
992			setupAccordionSecondaryNav();
993		})();
994	</script>
994
995
996
997
998</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS">	<div id="cccb1192f2-3e88-4706-b94c-071eb0dfb1c5" data-containerid="cb1192f2-3e88-4706-b94c-071eb0dfb1c5" class="pageContent cpGrid cpGrid24 showInMobile">
999				                
1000
1001
1002
1003	</div>
1004</aside>
1005</div>
1006</div></div>
1007</div><!-- Fixed Left GBs --><div data-cpRole="structuralContainer" id="fixedGbsContainerTS" class="fixedLeftTS">
1008<div class="siteWrap" data-skip-leftpad=""><div data-cpRole="contentContainer" id="fixedGbsTS">	<div id="cc8e889aa1-756b-42df-8019-45aa1c5840ce" data-containerid="8e889aa1-756b-42df-8019-45aa1c5840ce" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
1009				                
1010
1011		<div class="row outer wide"><!--
1012--><div class="outer col col24 first last" style="" data-widgetcontainerid="61ba7b22-0340-40aa-9482-95f0c9c97706">�				
1013	<div class="row nest first last wide">�
1014	
1015	<div class="inner col col24 first last id9969a04e-2935-4b21-977b-20b76cfc06fe" style="" data-widgetcontainerid="9969a04e-2935-4b21-977b-20b76cfc06fe">�	
1016<div data-widget-id="27ec108d-bed2-44f1-a7b6-7efcf4273290" data-widget-controller-path="/GraphicLinks/Widget">
1017
1018
1019
1020
1021<div id="graphicLinkWidget27ec108d-bed2-44f1-a7b6-7efcf4273290" class="widget widgetGraphicLinks skin45 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:10em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1022	<div class="widgetHeader">
1023		<div class="">
1024				</div>
1025	</div>
1026	<div class="widgetBody cpGrid cpGrid6 ">
1027		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1028				<div class="row   wide">
1029					<!--
1030--><div class="col col1 first "><ul class="semanticList"><!--
1031	    --><li class="widgetItem GraphicLinks">
1032
1033<div>
1034	<a href="https://www.ofpl.info/" target="_blank" class="fancyButton fancyButton46 "  aria-label="Library Opens in new window">
1035		<span>
1036			<span><span class="text">Library</span></span>
1037		</span>
1038	</a>
1039</div>
1040		<style scoped="scoped">.fancyButton46.fancyButton:link,.fancyButton46.fancyButton:visited, .fancyButton46div.fancyButton{
1041	background-image: url('/ImageRepository/Document?documentID=75');
1042	background-repeat: no-repeat;
1043	background-position: center 7px ;
1044background-size: 60px;
1045transition:.2s ease-in-out; }
1046.fancyButton46.fancyButton:hover,.fancyButton46.fancyButton:focus,.fancyButton46.fancyButton:active,.fancyButton46.fancyButton.hover{
1047	background-repeat: no-repeat;
1048	background-position: center top;
1049}
1050.fancyButton46.fancyButton:link > span,.fancyButton46.fancyButton:visited > span, .fancyButton46div.fancyButton > span{
1051}
1052.fancyButton46.fancyButton:hover > span,.fancyButton46.fancyButton:focus > span,.fancyButton46.fancyButton:active > span,.fancyButton46.fancyButton.hover > span{
1053}
1054.fancyButton46.fancyButton .text{
1055	color: rgb(0, 0, 0);
1056	font-size: .9em;
1057	font-family: "Lato";
1058	padding-top: 4.5em;
1059	padding-bottom: 5px;
1060	font-weight: 700;
1061	text-decoration: none;
1062	padding-top: 4.5em;
1063	padding-bottom: 5px;
1064	background-repeat: no-repeat;
1065	background-position: left top;
1066position: relative;
1067}
1068
1069.fancyButton46 .text::after {
1070content: '';
1071position: absolute;
1072height: 2px;
1073width: 30px;
1074bottom: 0;
1075left: calc(50% - 15px);
1076background: #38a3a8;
1077transition:.2s ease-in-out;
1078}
1079
1080.fancyButton46 .text:hover::after {
1081width: 40px;
1082left: calc(50% - 20px);
1083}
1084.fancyButton46.fancyButton:hover .text,.fancyButton46.fancyButton:focus .text,.fancyButton46.fancyButton:active .text,.fancyButton46.fancyButton.hover .text{
1085	text-decoration: none;
1086	background-repeat: no-repeat;
1087	background-position: left top;
1088
1089
1090}
1091</style>
1092
1093 </li><!--
1094--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1095	    --><li class="widgetItem GraphicLinks">
1096
1097<div>
1098	<a href="https://ofallonparksandrec.com/" target="_blank" class="fancyButton fancyButton49 "  aria-label="Parks &amp; Rec Opens in new window">
1099		<span>
1100			<span><span class="text">Parks &amp; Rec</span></span>
1101		</span>
1102	</a>
1103</div>
1104		<style scoped="scoped">.fancyButton49.fancyButton:link,.fancyButton49.fancyButton:visited, .fancyButton49div.fancyButton{
1105	background-image: url('/ImageRepository/Document?documentID=76');
1106	background-repeat: no-repeat;
1107	background-position: center 7px ;
1108background-size: 60px;
1109transition:.2s ease-in-out; }
1110.fancyButton49.fancyButton:hover,.fancyButton49.fancyButton:focus,.fancyButton49.fancyButton:active,.fancyButton49.fancyButton.hover{
1111	background-repeat: no-repeat;
1112	background-position: center top;
1113}
1114.fancyButton49.fancyButton:link > span,.fancyButton49.fancyButton:visited > span, .fancyButton49div.fancyButton > span{
1115}
1116.fancyButton49.fancyButton:hover > span,.fancyButton49.fancyButton:focus > span,.fancyButton49.fancyButton:active > span,.fancyButton49.fancyButton.hover > span{
1117}
1118.fancyButton49.fancyButton .text{
1119	color: rgb(0, 0, 0);
1120	font-size: .9em;
1121	font-family: "Lato";
1122	padding-top: 4.5em;
1123	padding-bottom: 5px;
1124	font-weight: 700;
1125	text-decoration: none;
1126	padding-top: 4.5em;
1127	padding-bottom: 5px;
1128	background-repeat: no-repeat;
1129	background-position: left top;
1130position: relative;
1131}
1132
1133.fancyButton49 .text::after {
1134content: '';
1135position: absolute;
1136height: 2px;
1137width: 30px;
1138bottom: 0;
1139left: calc(50% - 15px);
1140background: #6A2A4D;
1141transition:.2s ease-in-out;
1142}
1143
1144.fancyButton49 .text:hover::after {
1145width: 40px;
1146left: calc(50% - 20px);
1147}
1148.fancyButton49.fancyButton:hover .text,.fancyButton49.fancyButton:focus .text,.fancyButton49.fancyButton:active .text,.fancyButton49.fancyButton.hover .text{
1149	text-decoration: none;
1150	background-repeat: no-repeat;
1151	background-position: left top;
1152
1153
1154}
1155</style>
1156
1157 </li><!--
1158--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1159	    --><li class="widgetItem GraphicLinks">
1160
1161<div>
1162	<a href="https://www.ofallonillinois.org/" target="_blank" class="fancyButton fancyButton50 "  aria-label="Eco Dev Opens in new window">
1163		<span>
1164			<span><span class="text">Eco Dev</span></span>
1165		</span>
1166	</a>
1167</div>
1168		<style scoped="scoped">.fancyButton50.fancyButton:link,.fancyButton50.fancyButton:visited, .fancyButton50div.fancyButton{
1169	background-image: url('/ImageRepository/Document?documentID=74');
1170	background-repeat: no-repeat;
1171	background-position: center 7px ;
1172background-size: 60px;
1173transition:.2s ease-in-out; }
1174.fancyButton50.fancyButton:hover,.fancyButton50.fancyButton:focus,.fancyButton50.fancyButton:active,.fancyButton50.fancyButton.hover{
1175	background-repeat: no-repeat;
1176	background-position: center top;
1177}
1178.fancyButton50.fancyButton:link > span,.fancyButton50.fancyButton:visited > span, .fancyButton50div.fancyButton > span{
1179}
1180.fancyButton50.fancyButton:hover > span,.fancyButton50.fancyButton:focus > span,.fancyButton50.fancyButton:active > span,.fancyButton50.fancyButton.hover > span{
1181}
1182.fancyButton50.fancyButton .text{
1183	color: rgb(0, 0, 0);
1184	font-size: .9em;
1185	font-family: "Lato";
1186	padding-top: 4.5em;
1187	padding-bottom: 5px;
1188	font-weight: 700;
1189	text-decoration: none;
1190	padding-top: 4.5em;
1191	padding-bottom: 5px;
1192	background-repeat: no-repeat;
1193	background-position: left top;
1194position: relative;
1195}
1196
1197.fancyButton50 .text::after {
1198content: '';
1199position: absolute;
1200height: 2px;
1201width: 30px;
1202bottom: 0;
1203left: calc(50% - 15px);
1204background: #c58921;
1205transition:.2s ease-in-out;
1206}
1207
1208.fancyButton50 .text:hover::after {
1209width: 40px;
1210left: calc(50% - 20px);
1211}
1212.fancyButton50.fancyButton:hover .text,.fancyButton50.fancyButton:focus .text,.fancyButton50.fancyButton:active .text,.fancyButton50.fancyButton.hover .text{
1213	text-decoration: none;
1214	background-repeat: no-repeat;
1215	background-position: left top;
1216
1217
1218}
1219</style>
1220
1221 </li><!--
1222--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1223	    --><li class="widgetItem GraphicLinks">
1224
1225<div>
1226	<a href="/253/Police-Department" target="_blank" class="fancyButton fancyButton63 "  aria-label="Police Opens in new window">
1227		<span>
1228			<span><span class="text">Police</span></span>
1229		</span>
1230	</a>
1231</div>
1232		<style scoped="scoped">.fancyButton63.fancyButton:link,.fancyButton63.fancyButton:visited, .fancyButton63div.fancyButton{
1233	background-image: url('/ImageRepository/Document?documentID=96');
1234	background-repeat: no-repeat;
1235	background-position: center 7px ;
1236background-size: 60px;
1237transition:.2s ease-in-out; }
1238.fancyButton63.fancyButton:hover,.fancyButton63.fancyButton:focus,.fancyButton63.fancyButton:active,.fancyButton63.fancyButton.hover{
1239	background-repeat: no-repeat;
1240	background-position: center top;
1241}
1242.fancyButton63.fancyButton:link > span,.fancyButton63.fancyButton:visited > span, .fancyButton63div.fancyButton > span{
1243}
1244.fancyButton63.fancyButton:hover > span,.fancyButton63.fancyButton:focus > span,.fancyButton63.fancyButton:active > span,.fancyButton63.fancyButton.hover > span{
1245}
1246.fancyButton63.fancyButton .text{
1247	color: rgb(0, 0, 0);
1248	font-size: .9em;
1249	font-family: "Lato";
1250	padding-top: 4.5em;
1251	padding-bottom: 5px;
1252	font-weight: 700;
1253	text-decoration: none;
1254	padding-top: 4.5em;
1255	padding-bottom: 5px;
1256	background-repeat: no-repeat;
1257	background-position: left top;
1258position: relative;
1259}
1260
1261.fancyButton63 .text::after {
1262content: '';
1263position: absolute;
1264height: 2px;
1265width: 30px;
1266bottom: 0;
1267left: calc(50% - 15px);
1268background: #6A2A4D;
1269transition:.2s ease-in-out;
1270}
1271
1272.fancyButton63 .text:hover::after {
1273width: 40px;
1274left: calc(50% - 20px);
1275}
1276.fancyButton63.fancyButton:hover .text,.fancyButton63.fancyButton:focus .text,.fancyButton63.fancyButton:active .text,.fancyButton63.fancyButton.hover .text{
1277	text-decoration: none;
1278	background-repeat: no-repeat;
1279	background-position: left top;
1280
1281
1282}
1283</style>
1284
1285 </li><!--
1286--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1287	    --><li class="widgetItem GraphicLinks">
1288
1289<div>
1290	<a href="https://ofallonfire.com/" target="_blank" class="fancyButton fancyButton64 "  aria-label="Fire Opens in new window">
1291		<span>
1292			<span><span class="text">Fire</span></span>
1293		</span>
1294	</a>
1295</div>
1296		<style scoped="scoped">.fancyButton64.fancyButton:link,.fancyButton64.fancyButton:visited, .fancyButton64div.fancyButton{
1297	background-image: url('/ImageRepository/Document?documentID=95');
1298	background-repeat: no-repeat;
1299	background-position: center 7px ;
1300background-size: 60px;
1301transition:.2s ease-in-out; }
1302.fancyButton64.fancyButton:hover,.fancyButton64.fancyButton:focus,.fancyButton64.fancyButton:active,.fancyButton64.fancyButton.hover{
1303	background-repeat: no-repeat;
1304	background-position: center top;
1305}
1306.fancyButton64.fancyButton:link > span,.fancyButton64.fancyButton:visited > span, .fancyButton64div.fancyButton > span{
1307}
1308.fancyButton64.fancyButton:hover > span,.fancyButton64.fancyButton:focus > span,.fancyButton64.fancyButton:active > span,.fancyButton64.fancyButton.hover > span{
1309}
1310.fancyButton64.fancyButton .text{
1311	color: rgb(0, 0, 0);
1312	font-size: .9em;
1313	font-family: "Lato";
1314	padding-top: 4.5em;
1315	padding-bottom: 5px;
1316	font-weight: 700;
1317	text-decoration: none;
1318	padding-top: 4.5em;
1319	padding-bottom: 5px;
1320	background-repeat: no-repeat;
1321	background-position: left top;
1322position: relative;
1323}
1324
1325.fancyButton64 .text::after {
1326content: '';
1327position: absolute;
1328height: 2px;
1329width: 30px;
1330bottom: 0;
1331left: calc(50% - 15px);
1332background: #38a3a8;
1333transition:.2s ease-in-out;
1334}
1335
1336.fancyButton64 .text:hover::after {
1337width: 40px;
1338left: calc(50% - 20px);
1339}
1340.fancyButton64.fancyButton:hover .text,.fancyButton64.fancyButton:focus .text,.fancyButton64.fancyButton:active .text,.fancyButton64.fancyButton.hover .text{
1341	text-decoration: none;
1342	background-repeat: no-repeat;
1343	background-position: left top;
1344
1345
1346}
1347</style>
1348
1349 </li><!--
1350--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1351	    --><li class="widgetItem GraphicLinks">
1352
1353<div>
1354	<a href="https://ofallonshilohems.ofallon.org/" target="_blank" class="fancyButton fancyButton223 "  aria-label="EMS Opens in new window">
1355		<span>
1356			<span><span class="text">EMS</span></span>
1357		</span>
1358	</a>
1359</div>
1360		<style scoped="scoped">.fancyButton223.fancyButton:link,.fancyButton223.fancyButton:visited, .fancyButton223div.fancyButton{
1361	background-image: url('/ImageRepository/Document?documentID=1025');
1362	background-repeat: no-repeat;
1363	background-position: center 7px ;
1364background-size: 60px;
1365transition:.2s ease-in-out;  }
1366.fancyButton223.fancyButton:hover,.fancyButton223.fancyButton:focus,.fancyButton223.fancyButton:active,.fancyButton223.fancyButton.hover{
1367	background-repeat: no-repeat;
1368	background-position: center top;
1369}
1370.fancyButton223.fancyButton:link > span,.fancyButton223.fancyButton:visited > span, .fancyButton223div.fancyButton > span{
1371}
1372.fancyButton223.fancyButton:hover > span,.fancyButton223.fancyButton:focus > span,.fancyButton223.fancyButton:active > span,.fancyButton223.fancyButton.hover > span{
1373}
1374.fancyButton223.fancyButton .text{
1375	color: rgb(0, 0, 0);
1376	font-size: .9em;
1377	font-family: "Lato";
1378	padding-top: 4.5em;
1379	padding-bottom: 5px;
1380	font-weight: 700;
1381	text-decoration: none;
1382	padding-top: 4.5em;
1383	padding-bottom: 5px;
1384	background-repeat: no-repeat;
1385	background-position: left top;
1386position: relative;
1387}
1388
1389.fancyButton223 .text::after {
1390content: '';
1391position: absolute;
1392height: 2px;
1393width: 30px;
1394bottom: 0;
1395left: calc(50% - 15px);
1396background: #c58921;
1397transition:.2s ease-in-out;
1398}
1399
1400.fancyButton223 .text:hover::after {
1401width: 40px;
1402left: calc(50% - 20px);
1403}
1404.fancyButton223.fancyButton:hover .text,.fancyButton223.fancyButton:focus .text,.fancyButton223.fancyButton:active .text,.fancyButton223.fancyButton.hover .text{
1405	text-decoration: none;
1406	background-repeat: no-repeat;
1407	background-position: left top;
1408
1409
1410}
1411</style>
1412
1413 </li><!--
1414--></ul></div><!--				-->
1415				</div>
1416			</nav>
1417		</div>
1418	<div class="widgetFooter">
1419			</div>
1420</div>
1421</div>
1422
1423	</div> <!-- inner column -->
1424
1425	</div> <!-- inner row -->
1426
1427			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1428
1429
1430	</div>
1431</div></div>
1432</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
1433<div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS">	<div id="cc3e56153d-1993-46f3-9767-d172900d2be9" data-containerid="3e56153d-1993-46f3-9767-d172900d2be9" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="1">
1434				                
1435
1436		<div class="row outer wide"><!--
1437--><div class="outer col col12 first" style="" data-widgetcontainerid="1d6c56b5-fd3d-4926-9d84-502c85e3d427">�				
1438	<div class="row nest first last wide">�
1439	
1440	<div class="inner col col12 first last id3e74fb5e-5100-4630-bdd5-39f141b3f596" style="" data-widgetcontainerid="3e74fb5e-5100-4630-bdd5-39f141b3f596">�	
1441<div data-widget-id="a08df68f-aea8-41aa-8a05-1dd6971ca9c7" data-widget-controller-path="/GraphicLinks/Widget">
1442
1443
1444
1445
1446<div id="graphicLinkWidgeta08df68f-aea8-41aa-8a05-1dd6971ca9c7" class="widget widgetGraphicLinks skin45 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1447	<div class="widgetHeader">
1448		<div class="">
1449				</div>
1450	</div>
1451	<div class="widgetBody cpGrid cpGrid3 ">
1452		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1453				<div class="row   wide">
1454					<!--
1455--><div class="col col1 first "><ul class="semanticList"><!--
1456	    --><li class="widgetItem GraphicLinks">
1457
1458<div>
1459	<a href="/137/Payments" target="_self" class="fancyButton fancyButton51 " >
1460		<span>
1461			<span><span class="text">Payments</span></span>
1462		</span>
1463	</a>
1464</div>
1465		<style scoped="scoped">.fancyButton51.fancyButton:link,.fancyButton51.fancyButton:visited, .fancyButton51div.fancyButton{
1466	background-image: url('/ImageRepository/Document?documentID=78');
1467	background-repeat: no-repeat;
1468	background-position: center 1em ;
1469background-size: 120px;
1470transition:.2s ease-in-out;}
1471.fancyButton51.fancyButton:hover,.fancyButton51.fancyButton:focus,.fancyButton51.fancyButton:active,.fancyButton51.fancyButton.hover{
1472	background-repeat: no-repeat;
1473	background-position: center top;
1474}
1475.fancyButton51.fancyButton:link > span,.fancyButton51.fancyButton:visited > span, .fancyButton51div.fancyButton > span{
1476}
1477.fancyButton51.fancyButton:hover > span,.fancyButton51.fancyButton:focus > span,.fancyButton51.fancyButton:active > span,.fancyButton51.fancyButton.hover > span{
1478}
1479.fancyButton51.fancyButton .text{
1480	color: rgb(0, 0, 0);
1481	font-family: "Lato";
1482	padding-top: 8.75em;
1483	font-weight: 700;
1484	text-decoration: none;
1485	padding-top: 8.75em;
1486	background-image: url('/ImageRepository/Document?documentID=82');
1487	background-repeat: no-repeat;
1488	background-position: center 2.8em ;
1489background-size: 60px;
1490transition:.2s ease-in-out;
1491}
1492.fancyButton51.fancyButton:hover .text,.fancyButton51.fancyButton:focus .text,.fancyButton51.fancyButton:active .text,.fancyButton51.fancyButton.hover .text{
1493	text-decoration: underline;
1494	background-repeat: no-repeat;
1495	background-position: center 1.8em ;
1496
1497
1498}
1499</style>
1500
1501 </li><!--
1502--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1503	    --><li class="widgetItem GraphicLinks">
1504
1505<div>
1506	<a href="https://recruitingbypaycor.com/career/CareerHome.action?clientId=8a7883d084f5018f018508d1506506be" target="_self" class="fancyButton fancyButton52 " >
1507		<span>
1508			<span><span class="text">Employment</span></span>
1509		</span>
1510	</a>
1511</div>
1512		<style scoped="scoped">.fancyButton52.fancyButton:link,.fancyButton52.fancyButton:visited, .fancyButton52div.fancyButton{
1513	background-image: url('/ImageRepository/Document?documentID=91');
1514	background-repeat: no-repeat;
1515	background-position: center 1em ;
1516background-size: 120px;
1517transition:.2s ease-in-out;}
1518.fancyButton52.fancyButton:hover,.fancyButton52.fancyButton:focus,.fancyButton52.fancyButton:active,.fancyButton52.fancyButton.hover{
1519	background-repeat: no-repeat;
1520	background-position: center top;
1521}
1522.fancyButton52.fancyButton:link > span,.fancyButton52.fancyButton:visited > span, .fancyButton52div.fancyButton > span{
1523}
1524.fancyButton52.fancyButton:hover > span,.fancyButton52.fancyButton:focus > span,.fancyButton52.fancyButton:active > span,.fancyButton52.fancyButton.hover > span{
1525}
1526.fancyButton52.fancyButton .text{
1527	color: rgb(0, 0, 0);
1528	font-family: "Lato";
1529	padding-top: 8.75em;
1530	font-weight: 700;
1531	text-decoration: none;
1532	padding-top: 8.75em;
1533	background-image: url('/ImageRepository/Document?documentID=80');
1534	background-repeat: no-repeat;
1535	background-position: center 2.8em ;
1536background-size: 60px;
1537transition:.2s ease-in-out;
1538}
1539.fancyButton52.fancyButton:hover .text,.fancyButton52.fancyButton:focus .text,.fancyButton52.fancyButton:active .text,.fancyButton52.fancyButton.hover .text{
1540	text-decoration: underline;
1541	background-repeat: no-repeat;
1542	background-position: center 1.8em ;
1543
1544
1545}
1546</style>
1547
1548 </li><!--
1549--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1550	    --><li class="widgetItem GraphicLinks">
1551
1552<div>
1553	<a href="/467/OFallon-On-Demand" target="_self" class="fancyButton fancyButton53 " >
1554		<span>
1555			<span><span class="text">Report a Problem</span></span>
1556		</span>
1557	</a>
1558</div>
1559		<style scoped="scoped">.fancyButton53.fancyButton:link,.fancyButton53.fancyButton:visited, .fancyButton53div.fancyButton{
1560	background-image: url('/ImageRepository/Document?documentID=92');
1561	background-repeat: no-repeat;
1562	background-position: center 1em ;
1563background-size: 120px;
1564transition:.2s ease-in-out;}
1565.fancyButton53.fancyButton:hover,.fancyButton53.fancyButton:focus,.fancyButton53.fancyButton:active,.fancyButton53.fancyButton.hover{
1566	background-repeat: no-repeat;
1567	background-position: center top;
1568}
1569.fancyButton53.fancyButton:link > span,.fancyButton53.fancyButton:visited > span, .fancyButton53div.fancyButton > span{
1570}
1571.fancyButton53.fancyButton:hover > span,.fancyButton53.fancyButton:focus > span,.fancyButton53.fancyButton:active > span,.fancyButton53.fancyButton.hover > span{
1572}
1573.fancyButton53.fancyButton .text{
1574	color: rgb(0, 0, 0);
1575	font-family: "Lato";
1576	padding-top: 8.75em;
1577	font-weight: 700;
1578	text-decoration: none;
1579	padding-top: 8.75em;
1580	background-image: url('/ImageRepository/Document?documentID=83');
1581	background-repeat: no-repeat;
1582	background-position: center 2.8em ;
1583background-size: 60px;
1584transition:.2s ease-in-out;
1585}
1586.fancyButton53.fancyButton:hover .text,.fancyButton53.fancyButton:focus .text,.fancyButton53.fancyButton:active .text,.fancyButton53.fancyButton.hover .text{
1587	text-decoration: underline;
1588	background-repeat: no-repeat;
1589	background-position: center 1.8em ;
1590
1591
1592}
1593</style>
1594
1595 </li><!--
1596--></ul></div><!--				-->
1597				</div>
1598			</nav>
1599		</div>
1600	<div class="widgetFooter">
1601			</div>
1602</div>
1603</div>
1604
1605	</div> <!-- inner column -->
1606
1607	</div> <!-- inner row -->
1608
1609			</div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="cded0aa4-b98f-499c-a86b-ac85a1bdfb35">�				
1610	<div class="row nest first last wide">�
1611	
1612	<div class="inner col col12 first last idf356d9fc-703a-4d2c-83ac-4fc4c49bc2ec" style="" data-widgetcontainerid="f356d9fc-703a-4d2c-83ac-4fc4c49bc2ec">�	
1613<div data-widget-id="b671c624-38a1-4bd2-a3b9-481135dd0ed4" data-widget-controller-path="/GraphicLinks/Widget">
1614
1615
1616
1617
1618<div id="graphicLinkWidgetb671c624-38a1-4bd2-a3b9-481135dd0ed4" class="widget widgetGraphicLinks skin45 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1619	<div class="widgetHeader">
1620		<div class="">
1621				</div>
1622	</div>
1623	<div class="widgetBody cpGrid cpGrid3 ">
1624		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1625				<div class="row   wide">
1626					<!--
1627--><div class="col col1 first "><ul class="semanticList"><!--
1628	    --><li class="widgetItem GraphicLinks">
1629
1630<div>
1631	<a href="/portal?portalpage=notifications?tab=alerts" target="_self" class="fancyButton fancyButton54 " >
1632		<span>
1633			<span><span class="text">Alerts &amp; Notifications</span></span>
1634		</span>
1635	</a>
1636</div>
1637		<style scoped="scoped">.fancyButton54.fancyButton:link,.fancyButton54.fancyButton:visited, .fancyButton54div.fancyButton{
1638	background-image: url('/ImageRepository/Document?documentID=78');
1639	background-repeat: no-repeat;
1640	background-position: center 1em ;
1641background-size: 120px;
1642transition:.2s ease-in-out;}
1643.fancyButton54.fancyButton:hover,.fancyButton54.fancyButton:focus,.fancyButton54.fancyButton:active,.fancyButton54.fancyButton.hover{
1644	background-repeat: no-repeat;
1645	background-position: center top;
1646}
1647.fancyButton54.fancyButton:link > span,.fancyButton54.fancyButton:visited > span, .fancyButton54div.fancyButton > span{
1648}
1649.fancyButton54.fancyButton:hover > span,.fancyButton54.fancyButton:focus > span,.fancyButton54.fancyButton:active > span,.fancyButton54.fancyButton.hover > span{
1650}
1651.fancyButton54.fancyButton .text{
1652	color: rgb(0, 0, 0);
1653	font-family: "Lato";
1654	padding-top: 8.75em;
1655	font-weight: 700;
1656	text-decoration: none;
1657	padding-top: 8.75em;
1658	background-image: url('/ImageRepository/Document?documentID=77');
1659	background-repeat: no-repeat;
1660	background-position: center 2.8em ;
1661background-size: 60px;
1662transition:.2s ease-in-out;
1663}
1664.fancyButton54.fancyButton:hover .text,.fancyButton54.fancyButton:focus .text,.fancyButton54.fancyButton:active .text,.fancyButton54.fancyButton.hover .text{
1665	text-decoration: underline;
1666	background-repeat: no-repeat;
1667	background-position: center 1.8em ;
1668
1669
1670}
1671</style>
1672
1673 </li><!--
1674--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1675	    --><li class="widgetItem GraphicLinks">
1676
1677<div>
1678	<a href="https://publicdocs.ofallon.org/Public/Browse.aspx" target="_self" class="fancyButton fancyButton55 " >
1679		<span>
1680			<span><span class="text">Public Documents</span></span>
1681		</span>
1682	</a>
1683</div>
1684		<style scoped="scoped">.fancyButton55.fancyButton:link,.fancyButton55.fancyButton:visited, .fancyButton55div.fancyButton{
1685	background-image: url('/ImageRepository/Document?documentID=91');
1686	background-repeat: no-repeat;
1687	background-position: center 1em ;
1688background-size: 120px;
1689transition:.2s ease-in-out;}
1690.fancyButton55.fancyButton:hover,.fancyButton55.fancyButton:focus,.fancyButton55.fancyButton:active,.fancyButton55.fancyButton.hover{
1691	background-repeat: no-repeat;
1692	background-position: center top;
1693}
1694.fancyButton55.fancyButton:link > span,.fancyButton55.fancyButton:visited > span, .fancyButton55div.fancyButton > span{
1695}
1696.fancyButton55.fancyButton:hover > span,.fancyButton55.fancyButton:focus > span,.fancyButton55.fancyButton:active > span,.fancyButton55.fancyButton.hover > span{
1697}
1698.fancyButton55.fancyButton .text{
1699	color: rgb(0, 0, 0);
1700	font-family: "Lato";
1701	padding-top: 8.75em;
1702	font-weight: 700;
1703	text-decoration: none;
1704	padding-top: 8.75em;
1705	background-image: url('/ImageRepository/Document?documentID=79');
1706	background-repeat: no-repeat;
1707	background-position: center 2.8em ;
1708background-size: 60px;
1709transition:.2s ease-in-out;
1710}
1711.fancyButton55.fancyButton:hover .text,.fancyButton55.fancyButton:focus .text,.fancyButton55.fancyButton:active .text,.fancyButton55.fancyButton.hover .text{
1712	text-decoration: underline;
1713	background-repeat: no-repeat;
1714	background-position: center 1.8em ;
1715
1716
1717}
1718</style>
1719
1720 </li><!--
1721--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1722	    --><li class="widgetItem GraphicLinks">
1723
1724<div>
1725	<a href="https://ofallon.maps.arcgis.com/home/index.html" target="_self" class="fancyButton fancyButton56 " >
1726		<span>
1727			<span><span class="text">Maps</span></span>
1728		</span>
1729	</a>
1730</div>
1731		<style scoped="scoped">.fancyButton56.fancyButton:link,.fancyButton56.fancyButton:visited, .fancyButton56div.fancyButton{
1732	background-image: url('/ImageRepository/Document?documentID=92');
1733	background-repeat: no-repeat;
1734	background-position: center 1em ;
1735background-size: 120px;
1736transition:.2s ease-in-out;}
1737.fancyButton56.fancyButton:hover,.fancyButton56.fancyButton:focus,.fancyButton56.fancyButton:active,.fancyButton56.fancyButton.hover{
1738	background-repeat: no-repeat;
1739	background-position: center top;
1740}
1741.fancyButton56.fancyButton:link > span,.fancyButton56.fancyButton:visited > span, .fancyButton56div.fancyButton > span{
1742}
1743.fancyButton56.fancyButton:hover > span,.fancyButton56.fancyButton:focus > span,.fancyButton56.fancyButton:active > span,.fancyButton56.fancyButton.hover > span{
1744}
1745.fancyButton56.fancyButton .text{
1746	color: rgb(0, 0, 0);
1747	font-family: "Lato";
1748	padding-top: 8.75em;
1749	font-weight: 700;
1750	text-decoration: none;
1751	padding-top: 8.75em;
1752	background-image: url('/ImageRepository/Document?documentID=81');
1753	background-repeat: no-repeat;
1754	background-position: center 2.8em ;
1755background-size: 60px;
1756transition:.2s ease-in-out;
1757}
1758.fancyButton56.fancyButton:hover .text,.fancyButton56.fancyButton:focus .text,.fancyButton56.fancyButton:active .text,.fancyButton56.fancyButton.hover .text{
1759	text-decoration: underline;
1760	background-repeat: no-repeat;
1761	background-position: center 1.8em ;
1762
1763
1764}
1765</style>
1766
1767 </li><!--
1768--></ul></div><!--				-->
1769				</div>
1770			</nav>
1771		</div>
1772	<div class="widgetFooter">
1773			</div>
1774</div>
1775</div>
1776
1777	</div> <!-- inner column -->
1778
1779	</div> <!-- inner row -->
1780
1781			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1782
1783
1784	</div>
1785</div></div>
1786</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1">
1787    <div class="siteWrap">
1788      <div data-cpRole="contentContainer" id="homeContent1a"></div>
1789    </div>
1790  </div> --><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS">
1791<div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS">	<div id="cc698f5c09-a9d3-4ec9-af50-c381f56f4445" data-containerid="698f5c09-a9d3-4ec9-af50-c381f56f4445" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="55">
1792				                
1793
1794		<div class="row outer wide"><!--
1795--><div class="outer col col4 first" style="" data-widgetcontainerid="38324f73-d565-4178-9d5a-7355beda8568">�				
1796	<div class="row nest first wide">�
1797	
1798	<div class="inner col col4 first last idcff03b51-328e-451d-ae15-cbd761db641e" style="" data-widgetcontainerid="cff03b51-328e-451d-ae15-cbd761db641e">�	
1799    <div data-widget-id="f3e2e275-c95a-4c21-bd55-674dd8ae6219" data-widget-controller-path="/InfoAdvanced/Widget">
1800
1801
1802
1803
1804
1805	<section id="divInfoAdvf3e2e275-c95a-4c21-bd55-674dd8ae6219" class="widget widgetInfoAdvanced skin56 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
1806			<header class="widgetHeader" id="headerf3e2e275-c95a-4c21-bd55-674dd8ae6219">
1807		<div class="">
1808								</div>
1809	</header>
1810	<div class="widgetBody  cpGrid cpGrid1 ">
1811		<div class="row  wide">
1812					<div class="col col1 first last">
1813						<ol class="pageStyles semanticList">
1814
1815<li class="InfoAdvanced widgetItem fr-view">
1816	<p><a href="/"><img src="/ImageRepository/Document?documentId=84" class="fr-dib" alt="O'Fallon Illinois"></a></p>
1817</li>						</ol>
1818					</div>
1819		</div>
1820	</div>
1821	<div class="widgetFooter">
1822
1823	</div>
1824
1825	</section>
1826
1827
1828
1829<script type="text/javascript">
1830	//Render slideshow if info advacned items contain one.
1831	$(document).ready(function (e) {
1832		$('#divInfoAdvf3e2e275-c95a-4c21-bd55-674dd8ae6219 .InfoAdvanced.widgetItem').each(function () {
1833			renderSlideshowIfApplicable($(this));		
1834		});
1835	});
1836</script>
1836</div>
1837	</div> <!-- inner column -->
1838
1839	</div> <!-- inner row -->
1840	<div class="row nest last wide">�
1841	
1842	<div class="inner col col4 first last id9ee6c3ea-dfcf-4e1b-b9a8-b8c42848ec9b" style="" data-widgetcontainerid="9ee6c3ea-dfcf-4e1b-b9a8-b8c42848ec9b">�	
1843<div data-widget-id="e282f661-b5cf-4a49-ad53-ea951ab807d8" data-widget-controller-path="/GraphicLinks/Widget">
1844
1845
1846
1847
1848<div id="graphicLinkWidgete282f661-b5cf-4a49-ad53-ea951ab807d8" class="widget widgetGraphicLinks skin55 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1849	<div class="widgetHeader">
1850		<div class="">
1851				</div>
1852	</div>
1853	<div class="widgetBody cpGrid cpGrid4 ">
1854		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1855				<div class="row   wide">
1856					<!--
1857--><div class="col col1 first "><ul class="semanticList"><!--
1858	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self">
1859
1860<img src="/ImageRepository/Document?documentID=48" 
1861     class="graphicButtonLink" alt="Facebook" 
1862     onmouseover="this.src='/ImageRepository/Document?documentID=48'" 
1863	onmouseout="this.src='/ImageRepository/Document?documentID=48'"
1864     onfocus="this.src='/ImageRepository/Document?documentID=48'" 
1865	onblur="this.src='/ImageRepository/Document?documentID=48'"> 
1866</a></li><!--
1867--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1868	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self">
1869
1870<img src="/ImageRepository/Document?documentID=49" 
1871     class="graphicButtonLink" alt="Instagram" 
1872     onmouseover="this.src='/ImageRepository/Document?documentID=49'" 
1873	onmouseout="this.src='/ImageRepository/Document?documentID=49'"
1874     onfocus="this.src='/ImageRepository/Document?documentID=49'" 
1875	onblur="this.src='/ImageRepository/Document?documentID=49'"> 
1876</a></li><!--
1877--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1878	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self">
1879
1880<img src="/ImageRepository/Document?documentID=51" 
1881     class="graphicButtonLink" alt="YouTube" 
1882     onmouseover="this.src='/ImageRepository/Document?documentID=51'" 
1883	onmouseout="this.src='/ImageRepository/Document?documentID=51'"
1884     onfocus="this.src='/ImageRepository/Document?documentID=51'" 
1885	onblur="this.src='/ImageRepository/Document?documentID=51'"> 
1886</a></li><!--
1887--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1888--></ul></div><!--				-->
1889				</div>
1890			</nav>
1891		</div>
1892	<div class="widgetFooter">
1893			</div>
1894</div>
1895</div>
1896
1897	</div> <!-- inner column -->
1898
1899	</div> <!-- inner row -->
1900
1901			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="9ddc0b4e-2561-44f1-bc96-a4ec3ed34392">�				
1902	<div class="row nest first last wide">�
1903	
1904	<div class="inner col col3 first last id68c71c32-3cb8-4a9c-913d-2b02af76b0f5" style="" data-widgetcontainerid="68c71c32-3cb8-4a9c-913d-2b02af76b0f5">�	
1905
1906<div class="widget widgetSpacer" id="1d3d4ee1-065d-48c6-bb50-6f8b33c1e321"></div>
1907	</div> <!-- inner column -->
1908
1909	</div> <!-- inner row -->
1910
1911			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="05f9d27f-ffa5-47e2-b5bf-9613188b25ee">�				
1912	<div class="row nest first last wide">�
1913	
1914	<div class="inner col col3 first last iddb7c5c56-ece4-4f0d-97b0-d189b19fa5b2" style="" data-widgetcontainerid="db7c5c56-ece4-4f0d-97b0-d189b19fa5b2">�	
1915    <div data-widget-id="3f5e7188-8b0d-44af-978c-663fb5435dcf" data-widget-controller-path="/InfoAdvanced/Widget">
1916
1917
1918
1919
1920
1921	<section id="divInfoAdv3f5e7188-8b0d-44af-978c-663fb5435dcf" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header3f5e7188-8b0d-44af-978c-663fb5435dcf">
1922			<header class="widgetHeader" id="header3f5e7188-8b0d-44af-978c-663fb5435dcf">
1923		<div class="">
1924					<h3 >Contact Us</h3>
1925								</div>
1926	</header>
1927	<div class="widgetBody  cpGrid cpGrid1 ">
1928		<div class="row  wide">
1929					<div class="col col1 first last">
1930						<ol class="pageStyles semanticList">
1931
1932<li class="InfoAdvanced widgetItem fr-view">
1933	<p id="isPasted"><strong>City of O&apos;Fallon</strong><br><span style="background-color: transparent;">255 South Lincoln</span><br>O&apos;Fallon, IL 62269<br>Phone:&nbsp;<a href="tel: 618-624-4500">618-624-4500</a><br>Fax: 618-624-4508&nbsp;<br><strong>Hours</strong><br>Monday through Friday<br>7 am to 5:15 pm</p><style>
1934	#reciteme-button {
1935		/* Button Styling and Placement */
1936		background: #e9322e; width: 100px; height: 100px; bottom: 14px; left: 14px; position: fixed; border-radius: 50%; z-index: 100; cursor: pointer;
1937	}
1938	
1939	#reciteme-button:hover {
1940		/* Hover Color */
1941		background: #e9322e;
1942	}
1943	
1944	#reciteme-button img {
1945		/** Button Image Size */
1946		width: 70px; height: 70px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);
1947	}
1948
1949</style>
1949<script>
1950	var buttonSrc = 'https://knowledge.reciteme.com/hubfs/reciteme_button%20(1).png';
1951	var serviceUrl = "//api.reciteme.com/asset/js?key=";
1952	var serviceKey = "8ba3cf68553e0df96a04e0e4f8497f61c142857b";
1953	var options = {}; // Options can be added as needed
1954	var autoLoad = false;
1955	var enableFragment = "#reciteEnable";
1956	var loaded = [], frag = !1; window.location.hash === enableFragment && (frag = !0);
1957	function loadScript(c, b)
1958	{
1959		var a = document.createElement("script"); a.type = "text/javascript";
1960		a.readyState ? a.onreadystatechange = function()
1961		{
1962			if ("loaded" == a.readyState || "complete" == a.readyState) a.onreadystatechange = null, void 0 != b && b()
1963		} : void 0 != b && (a.onload = function()
1964		{
1965			b()
1966		}); a.src = c; document.getElementsByTagName("head")[0].appendChild(a)
1967	}
1968
1969	function _rc(c)
1970	{
1971		c += "=";
1972		for (var b = document.cookie.split(";"), a = 0; a < b.length; a++)
1973		{
1974			for (var d = b[a];
1975				" " == d.charAt(0);) d = d.substring(1, d.length); if (0 == d.indexOf(c)) return d.substring(c.length, d.length)
1976		}
1977		return null
1978	}
1979
1980	function loadService(c)
1981	{
1982		for (var b = serviceUrl + serviceKey, a = 0; a < loaded.length; a++)
1983			if (loaded[a] == b) return; loaded.push(b); loadScript(serviceUrl + serviceKey, function()
1984			{
1985				"function" === typeof _reciteLoaded && _reciteLoaded();
1986				"function" == typeof c && c(); Recite.load(options); Recite.Event.subscribe("Recite:load", function()
1987				{
1988					Recite.enable()
1989				})
1990			})
1991	}
1992	"true" == _rc("Recite.Persist") && loadService(); if (autoLoad && "false" != _rc("Recite.Persist") || frag) document.addEventListener ? document.addEventListener("DOMContentLoaded", function(c)
1993		{
1994			loadService()
1995		}) : loadService();
1996
1997
1998	function _reciteLoaded()
1999	{
2000		if (reciteMeButton && reciteMeButton.parentNode)
2001		{
2002			reciteMeButton.parentNode.removeChild(reciteMeButton);
2003		}
2004
2005		//Search for PDFs and applying 	
2006		let urlMatch = "a[href*='ViewFile'], a[href*='DocumentCenter'],a[href*='documentcenter'], a[href$='.pdf'], a[href*='Archive']";
2007		document.querySelectorAll(urlMatch).forEach((e) =>
2008		{
2009			e.classList.add("docreader");
2010		});
2011		Recite.Docreader.load();
2012	}
2013
2014
2015	var reciteMeButton;
2016	function _createReciteButton()
2017	{
2018		var buttonParentSelector = 'body';
2019		var buttonContainer = document.createElement("div");
2020		var buttonImage = document.createElement("img");
2021		var buttonAlt = "Recite Me accessibility and Language Support";
2022		var buttonTitle = "Launch Recite Me";
2023
2024		buttonContainer.setAttribute('id', 'reciteme-button');
2025		buttonContainer.setAttribute('alt', buttonAlt);
2026		buttonContainer.setAttribute('title', buttonTitle);
2027		buttonImage.setAttribute('alt', buttonAlt);
2028		buttonImage.setAttribute('title', buttonTitle);
2029		buttonImage.setAttribute('src', buttonSrc);
2030		buttonContainer.appendChild(buttonImage);
2031		var buttonParent = document.querySelector(buttonParentSelector);
2032		buttonParent.appendChild(buttonContainer);
2033		buttonContainer.addEventListener("click", function()
2034		{
2035			loadService();
2036			return false;
2037		});
2038		reciteMeButton = buttonContainer;
2039	}
2040	_createReciteButton();
2041
2042</script>
2042
2043</li>						</ol>
2044					</div>
2045		</div>
2046	</div>
2047	<div class="widgetFooter">
2048
2049	</div>
2050
2051	</section>
2052
2053
2054
2055<script type="text/javascript">
2056	//Render slideshow if info advacned items contain one.
2057	$(document).ready(function (e) {
2058		$('#divInfoAdv3f5e7188-8b0d-44af-978c-663fb5435dcf .InfoAdvanced.widgetItem').each(function () {
2059			renderSlideshowIfApplicable($(this));		
2060		});
2061	});
2062</script>
2062</div>
2063	</div> <!-- inner column -->
2064
2065	</div> <!-- inner row -->
2066
2067			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="4baf8221-a93e-41a6-a0d0-bd966d3469df">�				
2068	<div class="row nest first last wide">�
2069	
2070	<div class="inner col col3 first last id8dbe838c-611f-4587-8a3f-30610b11c291" style="" data-widgetcontainerid="8dbe838c-611f-4587-8a3f-30610b11c291">�	
2071
2072<div class="widget widgetSpacer" id="067c48a7-52c4-4237-8ac3-f5e8a766584f"></div>
2073	</div> <!-- inner column -->
2074
2075	</div> <!-- inner row -->
2076
2077			</div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="e8f819fe-3db2-44e6-b269-0758c31d1ece">�				
2078	<div class="row nest first last wide">�
2079	
2080	<div class="inner col col4 first last id35652c0d-cfb4-47cb-b226-01ea2c2403ce" style="" data-widgetcontainerid="35652c0d-cfb4-47cb-b226-01ea2c2403ce">�	
2081	<div data-widget-id="3a39f5f4-a23d-472d-8c6c-fddfdf50d2fd" data-widget-controller-path="/QuickLinks/Widget">
2082
2083
2084
2085
2086
2087
2088
2089
2090	<section id="widgetQuicklink3a39f5f4-a23d-472d-8c6c-fddfdf50d2fd" class="widget widgetQuickLinks skin37 widgetOptionSet37 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader3a39f5f4-a23d-472d-8c6c-fddfdf50d2fd">
2091			<header class="widgetHeader" id="quickLinksHeader3a39f5f4-a23d-472d-8c6c-fddfdf50d2fd">
2092		<div class="">
2093					<h3><a  style="" href="/QuickLinks.aspx?CID=65" >Quick Links</a></h3>
2094						</div>
2095	</header>
2096	<div class="widgetBody cpGrid cpGrid1 ">
2097        <div class="row  narrow">
2098				<div class="col col1 first last">
2099					<ol class="semanticList">
2100
2101    <li style="position:relative" class="widgetItem QuickLinks">
2102        <a class="widgetDesc widgetQuickLinksLink" href="https://ofallonil.sharepoint.com/employeeportal/SitePages/Home.aspx" target="_self" >Employee Portal</a>
2103        <div class="widgetMeta"></div>
2104    </li>
2105
2106    <li style="position:relative" class="widgetItem QuickLinks">
2107        <a class="widgetDesc widgetQuickLinksLink" href="https://il-ofallon.civicplus.com/bids.aspx" target="_self" >Bid Opportunities</a>
2108        <div class="widgetMeta"></div>
2109    </li>
2110
2111    <li style="position:relative" class="widgetItem QuickLinks">
2112        <a class="widgetDesc widgetQuickLinksLink" href="https://il-ofallon.civicplus.com/DocumentCenter" target="_self" >Document Center</a>
2113        <div class="widgetMeta"></div>
2114    </li>
2115
2116    <li style="position:relative" class="widgetItem QuickLinks">
2117        <a class="widgetDesc widgetQuickLinksLink" href="https://il-ofallon.civicplus.com/438/Recreation-Activities" target="_self" >Recreation</a>
2118        <div class="widgetMeta"></div>
2119    </li>
2120
2121    <li style="position:relative" class="widgetItem QuickLinks">
2122        <a class="widgetDesc widgetQuickLinksLink" href="https://ofallonparksandrec.com/vine-street-market/" target="_self" >Vine Street Market</a>
2123        <div class="widgetMeta"></div>
2124    </li>
2125
2126    <li style="position:relative" class="widgetItem QuickLinks">
2127        <a class="widgetDesc widgetQuickLinksLink" href="https://il-ofallon.civicplus.com/FAQ.aspx" target="_self" >FAQs</a>
2128        <div class="widgetMeta"></div>
2129    </li>
2130					</ol>
2131				</div>
2132		</div>
2133        
2134	</div>
2135	<div class="widgetFooter">
2136	</div>
2137	<div class="addItemModal hidden">
2138		<div class="url hidden">/QuickLinks.aspx</div>
2139	</div>
2140
2141	</section>
2142</div>
2143
2144	</div> <!-- inner column -->
2145
2146	</div> <!-- inner row -->
2147
2148			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="43404848-296c-426d-9618-863c06bfc0c0">�				
2149	<div class="row nest first last wide">�
2150	
2151	<div class="inner col col3 first last idd5ab5b80-659e-49d2-9e52-c4377a0fd790" style="" data-widgetcontainerid="d5ab5b80-659e-49d2-9e52-c4377a0fd790">�	
2152
2153<div class="widget widgetSpacer" id="eb28abbe-e533-4b5e-8876-14d4e7b00605"></div>
2154	</div> <!-- inner column -->
2155
2156	</div> <!-- inner row -->
2157
2158			</div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="dfd825
215853-bf2f-4572-bb96-4b115fe2f2d8">�				
2159	<div class="row nest first last wide">�
2160	
2161	<div class="inner col col4 first last id69602fc6-13c7-44dd-ac25-87810453cdec" style="" data-widgetcontainerid="69602fc6-13c7-44dd-ac25-87810453cdec">�	
2162	<div data-widget-id="94f4ff8e-7d0a-4567-9625-e5e36bb402c9" data-widget-controller-path="/QuickLinks/Widget">
2163
2164
2165
2166
2167
2168
2169
2170
2171	<section id="widgetQuicklink94f4ff8e-7d0a-4567-9625-e5e36bb402c9" class="widget widgetQuickLinks skin37 widgetOptionSet37 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader94f4ff8e-7d0a-4567-9625-e5e36bb402c9">
2172			<header class="widgetHeader" id="quickLinksHeader94f4ff8e-7d0a-4567-9625-e5e36bb402c9">
2173		<div class="">
2174					<h3><a  style="" href="/QuickLinks.aspx?CID=16" >Site Links</a></h3>
2175						</div>
2176	</header>
2177	<div class="widgetBody cpGrid cpGrid1 ">
2178        <div class="row  narrow">
2179				<div class="col col1 first last">
2180					<ol class="semanticList">
2181
2182    <li style="position:relative" class="widgetItem QuickLinks">
2183        <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a>
2184        <div class="widgetMeta"></div>
2185    </li>
2186
2187    <li style="position:relative" class="widgetItem QuickLinks">
2188        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a>
2189        <div class="widgetMeta"></div>
2190    </li>
2191
2192    <li style="position:relative" class="widgetItem QuickLinks">
2193        <a class="widgetDesc widgetQuickLinksLink" href="https://ofallon-app-website-forms.app.transform.civicplus.com/" target="_self" >Contact Us</a>
2194        <div class="widgetMeta"></div>
2195    </li>
2196
2197    <li style="position:relative" class="widgetItem QuickLinks">
2198        <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a>
2199        <div class="widgetMeta"></div>
2200    </li>
2201
2202    <li style="position:relative" class="widgetItem QuickLinks">
2203        <a class="widgetDesc widgetQuickLinksLink" href="/copyright" target="_self" >Copyright Notices</a>
2204        <div class="widgetMeta"></div>
2205    </li>
2206
2207    <li style="position:relative" class="widgetItem QuickLinks">
2208        <a class="widgetDesc widgetQuickLinksLink" href="/689/OFallon-IL-Privacy-and-Security-Statemen" target="_self" >Privacy Policy</a>
2209        <div class="widgetMeta"></div>
2210    </li>
2211					</ol>
2212				</div>
2213		</div>
2214        
2215	</div>
2216	<div class="widgetFooter">
2217	</div>
2218	<div class="addItemModal hidden">
2219		<div class="url hidden">/QuickLinks.aspx</div>
2220	</div>
2221
2222	</section>
2223</div>
2224
2225	</div> <!-- inner column -->
2226
2227	</div> <!-- inner row -->
2228
2229			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2230
2231
2232	</div>
2233</div></div>
2234</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS">
2235<div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS">	<div id="cceb411afb-a927-4580-9b67-eddb5a6f3c45" data-containerid="eb411afb-a927-4580-9b67-eddb5a6f3c45" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
2236				                
2237
2238		<div class="row outer wide"><!--
2239--><div class="outer col col24 first last" style="" data-widgetcontainerid="756dded8-ab5c-44e4-9555-dc692a1cadaa">�				
2240	<div class="row nest first last wide">�
2241	
2242	<div class="inner col col24 first last idcdf9f744-22e2-4ae3-898a-6c83717043f9" style="" data-widgetcontainerid="cdf9f744-22e2-4ae3-898a-6c83717043f9">�	
2243 
2244	<div data-widget-id='bb4b88ef-6cf8-48be-b31a-307694466e15' data-moduleName="customHtml" id='widgetCustomHtmlbb4b88ef-6cf8-48be-b31a-307694466e15' class="widget widgetCustomHtml skin43 narrow" >
2245	<div class="widgetBody pageStyles" id="widgetBodybb4b88ef-6cf8-48be-b31a-307694466e15">
2246		<div id="customHtmlbb4b88ef-6cf8-48be-b31a-307694466e15"><div><!-- CP BAR -->
2247  <style>
2248    /* CP icon */
2249    .cpBylineIconTS {
2250        color: #fff;
2251    }
2252    /* CP Text */
2253    .cpBylineTextTS,
2254    .cpBylineTextTS a:link,
2255    .cpBylineTextTS a:visited,
2256    .cpBylineTextTS a:hover,
2257    .cpBylineTextTS a:focus,
2258    .cpBylineTextTS a:active {
2259        color: #fff!important;
2260    }
2261
2262    .cpBylineTextTS a:link,
2263    .cpBylineTextTS a:visited,
2264    .cpBylineTextTS a:hover,
2265    .cpBylineTextTS a:focus,
2266    .cpBylineTextTS a:active {
2267        text-decoration: underline !important;
2268    }
2269
2270    .cpBylineTS {
2271        text-align: center;
2272    }
2273    .cpBylineIconTS {
2274        fill: currentColor;
2275        width: 39px;
2276        height: 26px;
2277        display: inline;
2278        vertical-align: middle;
2279    }
2280  </style>
2281    
2282  <div class="widgetItem cpBylineTS">
2283    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
2284      <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>
2285      <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>
2286    </svg>
2287    <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
2288  </div></div></div>
2289	</div>
2290
2291	</div>
2292
2293	</div> <!-- inner column -->
2294
2295	</div> <!-- inner row -->
2296
2297			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2298
2299
2300	</div>
2301</div></div>
2302</div>
2303</div>
2304
2305            </div>
2306        </div>
2307    </div>
2308
2309<link href="/745732998.css" rel="stylesheet" type="text/css" />
2310
2311<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
2312	<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">
2313		<div class="cp-Splash-header">
2314			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
2315			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
2316				<svg id="iconClose" viewBox="0 0 25 25">
2317					<polygon style="fill:currentcolor"
2318							 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>
2319				</svg>
2320			</button>
2321		</div>
2322		<div class="cp-Splash-body">
2323			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
2324				<!-- Content from the Froala Editor will go here. -->
2325				Loading
2326			</div>
2327		</div>
2328		<div class="cp-Splash-footer">
2329			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
2330			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
2331		</div>
2332	</div>
2333</div>
2334
2335<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2335
2335
2336<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2336
2336
2337<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2337
2337
2338<script>
2339
2340		$(document).ready(function () {
2341			var filter = {
2342				targetId: '27',
2343				targetType: 1
2344			}
2345
2346			new SplashModalRender().triggerRender(filter);
2347		});
2348</script>
2348
2349
2350
2351	
2352	
2353	
2354	
2355
2356
2357
2358	
2359
2360
2361
2362
2363
2364
2365    
2365<script src="/-1442400649.js" type="text/javascript"></script>
2365
2366    <!-- Fixed Nav Adjustment -->
2367<script>
2368  function getValueTS(elem, attr) {
2369    var val = elem.css(attr);
2370    if (val === undefined) return undefined;
2371    var num = parseInt(val, 10);
2372    if (num === NaN) return undefined;
2373    return num;
2374  }
2375
2376  function clampTS(number, min, max) {
2377    return Math.min(Math.max(number, min), max);
2378  }
2379
2380  function isPageEditingTS() {
2381    return (
2382      $("#doneEditing").length > 0 || // In live edit
2383      typeof DesignCenter !== "undefined" // In theme manager
2384    );
2385  }
2386
2387  var bgColorRegexTS = new RegExp("rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)");
2388  function isTransparentTS(elem) {
2389    var bg = elem.css('background-color');
2390    if (typeof bg !== "string") return false;
2391    if (bg === "transparent") return true;
2392    if (!bg.startsWith('rgba(')) return false;
2393    var matchState = bg.match(bgColorRegexTS);
2394    if (!matchState || matchState.length !== 5) return false;
2395    var alpha = parseFloat(matchState[4], 10);
2396    if (!(alpha >= 0 && alpha < 1)) return false;
2397    return true;
2398  }
2399
2400  function iterateLeftpads(cb) {
2401    var containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
2402    for (var i = 0; i < containersTS.length; i++) {
2403      var containerTS = containersTS[i];
2404      // Skip the body container and anything with data-skip-leftpad
2405      if (
2406        containerTS.id !== "bodyContainerTS" &&
2407        containerTS.getAttribute('data-skip-leftpad') === null
2408      ) {
2409        cb(containerTS);
2410      }
2411    }
2412  }
2413
2414  function iterateRightpads(cb) {
2415    var containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
2416    for (var i = 0; i < containersTS.length; i++) {
2417      var containerTS = containersTS[i];
2418      // Skip the body container and anything with data-skip-rightpad
2419      if (
2420        containerTS.id !== "bodyContainerTS" &&
2421        containerTS.getAttribute('data-skip-rightpad') === null
2422      ) {
2423        cb(containerTS);
2424      }
2425    }
2426  }
2427
2428  var anchor = $("#divToolbars");
2429  var bodyContainerTS = $("#bodyContainerTS");
2430
2431  // Outer banner padding (push banner down)
2432  var outerSizingTS = $("#bannerContainerTS");
2433  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
2434  var innerSizingTS = $("#bannerSizingTS");
2435
2436  var forceUnfixClassTS = "forceUnfixTS";
2437
2438  var fixedTopTS = $(".fixedTopTS");
2439  var fixedBottomTS = $(".fixedBottomTS");
2440  var fixedLeftTS = $(".fixedLeftTS");
2441  var fixedRightTS = $(".fixedRightTS");
2442
2443  var initialTopTS;
2444  var topAttachTS;
2445  if (fixedTopTS && fixedTopTS.length === 1) {
2446    initialTopTS = getValueTS(fixedTopTS, 'top');
2447    var attachment = fixedTopTS.attr('data-attach');
2448    if (attachment) topAttachTS = $("#" + attachment);
2449    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
2450  }
2451
2452  function resizeAdjustmentTS() {
2453    var editing = isPageEditingTS();
2454
2455    // Fixed top script
2456    (function () {
2457      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;
2458
2459      if (editing) {
2460        fixedTopTS[0].classList.add(forceUnfixClassTS);
2461      } else {
2462        fixedTopTS[0].classList.remove(forceUnfixClassTS);
2463      }
2464
2465      var topPosition = fixedTopTS.css('position');
2466      if (topPosition === 'fixed') {
2467        if (topAttachTS) {
2468          scrollAdjustmentTS();
2469        } else {
2470          var anchorHeight = anchor.outerHeight() - 1;
2471          fixedTopTS.css('top', anchorHeight + initialTopTS);
2472        }
2473      } else {
2474        fixedTopTS.css('top', initialTopTS);
2475      }
2476
2477      if (topPosition === 'fixed' || topPosition === 'absolute') {
2478        // Bump the banner content down
2479        if (isTransparentTS(fixedTopTS)) {
2480          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight());
2481          outerSizingTS.css('padding-top', '');
2482
2483          try {
2484            window.Pages.onResizeHandlersExecute();
2485          } catch (e) { }
2486        } else {
2487          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
2488          innerSizingTS.css('padding-top', '');
2489        }
2490      } else {
2491        innerSizingTS.css('padding-top', '');
2492        outerSizingTS.css('padding-top', '');
2493      }
2494    })();
2495
2496    // Fixed bottom script
2497    (function () {
2498      if (!fixedBottomTS || fixedBottomTS.length === 0) return;
2499
2500      // If the widget has gone narrow, force unfix
2501      if (editing || fixedBottomTS.outerHeight() > 200) {
2502        fixedBottomTS[0].classList.add(forceUnfixClassTS);
2503      } else {
2504        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
2505      }
2506
2507      if (fixedBottomTS.css('position') === 'fixed') {
2508        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
2509      } else {
2510        bodyContainerTS.css('padding-bottom', '');
2511      }
2512    })();
2513
2514    // Fixed left script
2515    (function () {
2516      if (!fixedLeftTS || fixedLeftTS.length === 0) return;
2517
2518      if (editing) {
2519        fixedLeftTS[0].classList.add(forceUnfixClassTS);
2520      } else {
2521        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
2522      }
2523
2524      if (fixedLeftTS.css('position') === 'fixed') {
2525        var anchorHeight = anchor.outerHeight() - 1;
2526        fixedLeftTS.css('top', anchorHeight);
2527        var leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
2528        iterateLeftpads(function (containerTS) {
2529          var containerBoundingTS = containerTS.getBoundingClientRect();
2530          if (containerBoundingTS.left <= leftBoundingTS.right) {
2531            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
2532          } else {
2533            $(containerTS).css('padding-left', '');
2534          }
2535        });
2536      } else {
2537        fixedLeftTS.css('top', '');
2538        iterateLeftpads(function (containerTS) {
2539          $(containerTS).css('padding-left', '');
2540        });
2541      }
2542    })();
2543
2544    // Fixed right script
2545    (function () {
2546      if (!fixedRightTS || fixedRightTS.length === 0) return;
2547
2548      if (editing) {
2549        fixedRightTS[0].classList.add(forceUnfixClassTS);
2550      } else {
2551        fixedRightTS[0].classList.remove(forceUnfixClassTS);
2552      }
2553
2554      if (fixedRightTS.css('position') === 'fixed') {
2555        var anchorHeight = anchor.outerHeight() - 1;
2556        fixedRightTS.css('top', anchorHeight);
2557        var rightBoundingTS = fixedRightTS[0].getBoundingClientRect();
2558        iterateRightpads(function (containerTS) {
2559          var containerBoundingTS = containerTS.getBoundingClientRect();
2560          if (containerBoundingTS.right >= rightBoundingTS.left) {
2561            $(containerTS).css('padding-right', rightBoundingTS.width + 16);
2562          }
2563        });
2564      } else {
2565        fixedRightTS.css('top', '');
2566        iterateRightpads(function (containerTS) {
2567          $(containerTS).css('padding-right', '');
2568        });
2569      }
2570    })();
2571  }
2572
2573  function scrollAdjustmentTS() {
2574    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
2575    var topPosition = fixedTopTS.css('position');
2576    if (topPosition === 'fixed' || topPosition === 'absolute') {
2577      var anchorBounding = anchor[0].getBoundingClientRect();
2578      var attachBounding = topAttachTS[0].getBoundingClientRect();
2579      var scrollTop = $(window).scrollTop();
2580
2581      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
2582    } else {
2583      fixedTopTS.css('top', initialTopTS);
2584    }
2585  }
2586
2587  $(window).load(function () {
2588    setTimeout(function () {
2589      try {
2590        resizeAdjustmentTS();
2591      } catch (e) {
2592        console.error(e);
2593      }
2594    }, 350);
2595
2596    $(window).scroll(function () {
2597      try {
2598        scrollAdjustmentTS();
2599      } catch (e) {
2600        console.error(e);
2601      }
2602    });
2603
2604    var adjustTimeoutTS;
2605    $(window).resize(function () {
2606      clearTimeout(adjustTimeoutTS);
2607      adjustTimeoutTS = setTimeout(function () {
2608        try {
2609          resizeAdjustmentTS();
2610        } catch (e) {
2611          console.error(e);
2612        }
2613      }, 350);
2614    });
2615
2616    $.when(window.Pages.angularToolbarComplete).done(function () {
2617      try {
2618        resizeAdjustmentTS();
2619      } catch (e) {
2620        console.error(e);
2621      }
2622    });
2623  });
2624</script>
2624
2625<!-- End Fixed Nav Adjustment -->
2626
2627<script id="frase-script" type="module" data-hash="73ee79f4dc91408aac657188166c2ed0" src="https://answers-script.frase.io/bot.js"></script>
2627
2628
2629<script src="https://cdn-residentagent.civicplus.com/loader.js"></script>
vendor: 2 bytes, line 2629
2629
2630<script>
2631    window.ResidentAgentWidget.load({
2632        agentId: 'dd6224a7-28c6-472f-b58f-96fc1f697bf2',
2633        apiUrl: 'https://residentagent-api-production.azurewebsites.net'
2634    });
2635</script>
2635
2636
2637
2638    
2638<script type="text/javascript">
2639        $(function () {
2640            document.cookie = "responsiveGhost=0; path=/";
2641        });
2642        $(window).on("load", function () {
2643            $('body').addClass('doneLoading').removeClass('hideContent');
2644
2645            if ($('#404Content').length > 0)
2646                $('div#bodyWrapper').css('padding', '0px');
2647        });
2648    </script>
2648
2649
2650    <noscript>
2651        <style>
2652            body.hideContent {
2653                opacity: 1 !important;
2654            }
2655        </style>
2656    </noscript>
2657
2658        
2659<div style="display: none;">
2660	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
2661
2662		<symbol id="iconArrow--left" viewbox="0 0 25 25">
2663			<title>Arrow Left</title>
2664			<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>
2665		</symbol>
2666
2667		<symbol id="iconArrow--right" viewbox="0 0 25 25">
2668			<title>Arrow Right</title>
2669			<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>
2670		</symbol>
2671
2672	</svg>
2673</div>
2674    
2674<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lato:700,900,italic,regular|');</script>
2674
2675    
2676
2677    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
2678        <div style="display: none;">
2679            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
2680                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
2681                    <title>Slideshow Left Arrow</title>
2682                    <g>
2683                        <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>
2684                    </g>
2685                </symbol>
2686                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
2687                    <title>Slideshow Right Arrow</title>
2688                    <g>
2689                        <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>
2690                    </g>
2691                </symbol>
2692            </svg>
2693        </div>
2694    
2695	
2696	
2697
2698    <div id="root-picker-outlet"></div>
2699</body>
2700</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.