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'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. </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&#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 & 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 & City Council</a> 662 </div> 663 <p class="widgetDesc">Our city'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 & Commissions</a> 668 </div> 669 <p class="widgetDesc">Learn about the boards and commissions serving the O'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 & 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 & City Council</a> 757 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Mayor & 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 & 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 & 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'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 & Commissions</a> 849 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Boards & 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 & 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 & 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 & 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 & Rec Opens in new window"> 1099 <span> 1100 <span><span class="text">Parks & 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 & 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'Fallon</strong><br><span style="background-color: transparent;">255 South Lincoln</span><br>O'Fallon, IL 62269<br>Phone: <a href="tel: 618-624-4500">618-624-4500</a><br>Fax: 618-624-4508 <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®</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.