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-NQ8WTBPN6T';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: 50em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 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 <!-- Google tag (gtag.js) requested in 542754 -->
vendor: 65 bytes, lines 117-118
117 118<script async src="https://www.googletagmanager.com/gtag/js?id=
118G-1LEP05KYJZ
vendor: 12 bytes, line 118
118"></script>
118<script>
vendor: 127 bytes, line 118
118window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
118G-1LEP05KYJZ
vendor: 4 bytes, line 118
118');
118</script>
118 119<!-- End Google tag --> 120 121 <meta name="category0" content="Home" /> 122<meta name="category1" content="Departments" /> 123 124 125 <meta name="theme-color" content="#002b7f"> 126 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 127 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 128 <title>Departments | Belleville, IL - Official Website</title> 129 130 <meta name="description" content="Discover the different departments in Belleville."> 131 <meta name="keywords" content="Departments"> 132
132<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
132 133
133<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
133 134 135 136 <!--[if IE 6]>
136<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
136<![endif]--> 137 <!--[if IE 7]>
137<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
137<![endif]--> 138 <!--[if IE 8]>
138<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
138<![endif]--> 139 <!--[if IE 9]>
139<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
139<![endif]--> 140
140<script type="text/javascript"><!-- 141 var intCountryCode = 840; 142 var order = ''; 143//--></script>
143 144 145 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-1023931257.css" rel="stylesheet" type="text/css" /> 146 147 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 148
148<script type="text/javascript"> 149 window.Pages = window.Pages || {}; 150 // FrontEnd RWD initialization 151 window.Pages.rwdReady = $.Deferred(); 152 window.Pages.toolBarDeferred = $.Deferred(); 153 window.Pages.rwdSetupComplete = $.Deferred(); 154 window.Pages.megaMenuLoaded = $.Deferred(); 155 window.Pages.angularToolbarComplete = $.Deferred(); 156 window.Pages.frontEndToolbarComplete = $.Deferred(); 157 </script>
157 158 <!--CPHeadContent--> 159
159<script src="/739942322.js" type="text/javascript"></script>
159 160 161 162 163 164 165 166 167 168 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 169 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 170 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 171 <!--[if lt IE 9]>
171<script type="text/javascript" src="/Scripts/html5.js"></script>
171<![endif]--> 172 173
173<script type="text/javascript"> 174 setEditorVariables(false, 840); 175 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 176 </script>
176 177
177<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
177 178</head> 179<body class="wide " > 180 181
181<script>jQuery(document).click(function (event) { 182 var target = jQuery(event.target); 183 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 184 var text = target.attr('title'); 185 186 if (!text.length) { 187 text = "N/A"; 188 } 189 ga('send', 190 { 191 hitType: 'event', 192 eventCategory: 'Image', 193 eventAction: 'Image - ' + text, 194 eventLabel: window.location.href 195 }); 196 } 197 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 198 var text = ""; 199 if (target.parents('.button')[0]) { 200 text = target.parents('.button').first().text(); 201 } else if (target.text().length) { 202 text = target.text(); 203 } else if (target.attr('title').length) { 204 text = target.attr('title'); 205 } 206 if (!text.length) { 207 text = "N/A"; 208 } 209 ga('send', 210 { 211 hitType: 'event', 212 eventCategory: 'Button', 213 eventAction: 'Button - ' + text, 214 eventLabel: window.location.href 215 }); 216 } 217 if (target.parents('.widgetCustomHtml').length) { 218 ga('send', 219 { 220 hitType: 'event', 221 eventCategory: 'Custom Html',
222 eventAction: 'Custom Html Clicked', 223 eventLabel: window.location.href 224 }); 225 } 226 if (target.parents('.editor').length) { 227 ga('send', 228 { 229 hitType: 'event', 230 eventCategory: 'Editor', 231 eventAction: 'Editor Link Clicked', 232 eventLabel: window.location.href 233 }); 234 } 235 if (target.parents('.GraphicLinks').length) { 236 var text = ""; 237 var targetGraphicLink = target; 238 if (target.hasClass('widgetGraphicLinksLink')) { 239 targetGraphicLink = jQuery(target.children()[0]); 240 } 241 if (targetGraphicLink.hasClass('text')) { 242 text = targetGraphicLink.text(); 243 } else if (targetGraphicLink.attr('src').length) { 244 if (targetGraphicLink.attr('alt').length) { 245 text = targetGraphicLink.attr('alt'); 246 } else { 247 text = targetGraphicLink.attr('src'); 248 } 249 } else { 250 text = "N/A"; 251 } 252 ga('send', 253 { 254 hitType: 'event', 255 eventCategory: 'Graphic Links', 256 eventAction: 'Graphic Link - ' + text, 257 eventLabel: window.location.href 258 }); 259 } 260 if (target.parents('.InfoAdvanced').length) { 261 ga('send', 262 { 263 hitType: 'event', 264 eventCategory: 'Info Advanced', 265 eventAction: 'Info Advanced Clicked', 266 eventLabel: window.location.href 267 }); 268 } 269 if (target.parents('.list').length) { 270 ga('send', 271 { 272 hitType: 'event', 273 eventCategory: 'List', 274 eventAction: 'List Clicked', 275 eventLabel: window.location.href 276 }); 277 } 278 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 279 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 280 var breadCrumbs = []; 281 jQuery('.breadCrumbs > li').each(function () { 282 breadCrumbs.push(this.textContent); 283 }); 284 var pageTitle = breadCrumbs.join('>'); 285 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 286 var text = ""; 287 if (pageTitle) { 288 text += pageTitle + " | "; 289 } else { 290 text += document.title + ' - '; 291 } 292 if (target.text() == "" && megaMenuText == "") { 293 text += "N/A"; 294 } else if (target.text().length && megaMenuText.length) { 295 if (megaMenuText == target.text()) { 296 text += megaMenuText; 297 } else { 298 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 299 } 300 } else if (target.text() == "") { 301 text += megaMenuText; 302 } else { 303 text += target.text(); 304 } 305 if (!text.length) { 306 text = "N/A"; 307 } 308 ga('send', 309 { 310 hitType: 'event', 311 eventCategory: 'Mega Menu', 312 eventAction: 'Mega Menu : ' + text, 313 eventLabel: window.location.href 314 }); 315 } 316 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 317 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 318 if (!text.length) { 319 text = "N/A"; 320 } 321 ga('send', 322 { 323 hitType: 'event', 324 eventCategory: 'News Flash', 325 eventAction: 'News Flash - ' + text, 326 eventLabel: window.location.href 327 }); 328 } 329 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 330 var text = target.text(); 331 if (!text.length) { 332 text = "N/A"; 333 } 334 ga('send', 335 { 336 hitType: 'event', 337 eventCategory: 'Quick Links', 338 eventAction: 'Quick Links - ' + text, 339 eventLabel: window.location.href 340 }); 341 } 342 if (target.attr('src') && target.parents('.cpSlideshow').length) { 343 var text = target.attr('title'); 344 if (!text.length) { 345 text = "N/A"; 346 } 347 ga('send', 348 { 349 hitType: 'event', 350 eventCategory: 'Slideshow', 351 eventAction: 'Slideshow - ' + text, 352 eventLabel: window.location.href 353 }); 354 } 355 if (target.parents('.widgetText').length) { 356 ga('send', 357 { 358 hitType: 'event', 359 eventCategory: 'Text', 360 eventAction: 'Text Link Clicked', 361 eventLabel: window.location.href 362 }); 363 } 364});</script>
364 365 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 366 <div class="cp-PopOver-header"> 367 <h3 class="cp-PopOver-title"></h3> 368 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 369 <svg class="cp-Icon--close" alt="close" title="close"> 370 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 371 </svg> 372 </button> 373 </div> 374 <div id="cpPopOverBody" class="cp-PopOver-body"> 375 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 376 </div> 377 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 378 <div class="cp-BtnGroup" id="actionButtons"> 379 <!-- Action buttons will be dynamically added here --> 380 </div> 381 </div> 382</div> 383 <div id="fb-root"></div> 384<div id=skipToContentLinks> 385<a href="#cc846acb19-a036-498e-975a-f35344316018" target="_self" class="skipToContentLink">Skip to Main Content</a> 386</div> 387 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 388 389 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 390 391 392 393 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 394 <input type="hidden" id="hdnStructureID" value="5" /> 395 <input type="hidden" id="hdnContentCollectionID" value="eb32c3b3-073a-462b-9c77-254535a36c5c" /> 396 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 397 <input type="hidden" id="hdnThemeID" value="9" /> 398 <input type="hidden" id="pageIsFrontEnd" value="true" /> 399 <input type="hidden" id="pageModuleID" /> 400 <input type="hidden" id="pagePageID" value="318" /> 401 402 <div id="stickyPlaceholder"></div> 403 <div id="outer-wrap" class="outer-wrap"> 404 <div id="inner-wrap" class="inner-wrap"> 405 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 406 407 408 409 410 </div> 411 <div id="bodyWrapper"> 412 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 413 414<div data-cpRole="structuralContainer" id="bodyContainerTS"> 415<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"><div class="inner"> 416<div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 417 418 419 420 421 <a id="bannerLogoTS-16" style=" display: block; text-align: center; 422" class="bannerObject" href="/" target="_self"><img alt="Home Page" class="bannerObject" height="93" src="/ImageRepository/Document?documentID=9434" width="270" /></a> 423</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 424<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 425--><li id="MainItem288" class="topMenuItem" role="none" data-pageid="288" data-displaymegamenu="True"><!-- 426 --><!-- 427 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu288" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/288/Government" target = "_self" > Government </a> <!-- 428 --><!-- 429 --></li><!----><li id="MainItem318" class="topMenuItem" role="none" data-pageid="318" data-displaymegamenu="True"><!-- 430 --><!-- 431 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu318" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2 " href="/318/Departments" target = "_self" > Departments </a> <!-- 432 --><!-- 433 --></li><!----><li id="MainItem608" class="topMenuItem" role="none" data-pageid="608" data-displaymegamenu="True"><!-- 434 --><!-- 435 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu608" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem3 " href="/608/How-Do-I" target = "_self" > How Do I⦠</a> <!-- 436 --><!-- 437 --></li><!----><li id="MainItem251" class="topMenuItem" role="none" data-pageid="251" data-displaymegamenu="True"><!-- 438 --><!-- 439 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu251" id = "mainNavDoingBusiness" class="navMainItem mainNavItem mainNavItem4 " href="/251/Doing-Business" target = "_self" > Doing Business </a> <!-- 440 --><!-- 441 --></li><!----><li id="MainItem238" class="topMenuItem" role="none" data-pageid="238" data-displaymegamenu="True"><!-- 442 --><!-- 443 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu238" id = "mainNavLivingVisiting" class="navMainItem mainNavItem mainNavItem5 " href="/238/Living-Visiting" target = "_self" > Living & Visiting </a> <!-- 444 --><!-- 445 --></li><!----> 446</ol> 447 448 449
449<script type="text/javascript"> 450 (function () { 451 function setupMenu() { 452 const menuID = 'mainNavMenu'; 453 const menuType = MAIN_MENU; 454 455 //setup menu manager properties for main menu 456 if (!menuManager.mobileMainNav && true) 457 menuManager.adjustMainItemsWidth('#' + menuID); 458 menuManager.isMainMenuEditable = false; 459 menuManager.mainMenuMaxSubMenuLevels = 4; 460 menuManager.setMOMMode(2, menuType); 461 462 //Init main menu 463 const setupDraggable = menuManager.isMainMenuEditable; 464 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=9&menuContainerID=mainNav'; 465 466 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 467 menuManager.mainMenuInit = true; 468 menuManager.mainMenuTextResizer = true; 469 if (1.00 > 0) 470 menuManager.mainMenuTextResizerRatio = 1.00; 471 if (window.isResponsiveEnabled) 472 menuManager.mainMenuReady.resolve(); 473 474 } 475 476 if (document.readyState === "complete" 477 || document.readyState === "loaded" 478 || document.readyState === "interactive") { 479 setupMenu(); 480 return; 481 } 482 483 document.addEventListener("DOMContentLoaded", setupMenu); 484 })(); 485 </script>
485 486 487 488<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu288" class="contentTop mainNavMegaMenu megaMenuContainer pageID_288 hidden" data-orientation="horizontal"> <div id="cc550d17cf-efdc-40cb-9f7f-7d7c6c6624f3" data-containerid="550d17cf-efdc-40cb-9f7f-7d7c6c6624f3" class="pageContent cpGrid cpGrid24"> 489 490 491 492 493 </div> 494</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu318" class="contentTop mainNavMegaMenu megaMenuContainer pageID_318 hidden" data-orientation="horizontal"> <div id="cc622d5802-70c1-4852-ac81-61df9c84c210" data-containerid="622d5802-70c1-4852-ac81-61df9c84c210" class="pageContent cpGrid cpGrid24"> 495 496 497 498 499 </div> 500</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu608" class="contentTop mainNavMegaMenu megaMenuContainer pageID_608 hidden" data-orientation="horizontal"> <div id="cc520aca5d-a85a-4228-a30f-8c8faa499002" data-containerid="520aca5d-a85a-4228-a30f-8c8faa499002" class="pageContent cpGrid cpGrid24"> 501 502 503 504 505 </div> 506</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu251" class="contentTop mainNavMegaMenu megaMenuContainer pageID_251 hidden" data-orientation="horizontal"> <div id="cc82a35fc7-aa6a-49ab-9fcc-74467584c547" data-containerid="82a35fc7-aa6a-49ab-9fcc-74467584c547" class="pageContent cpGrid cpGrid24"> 507 508 509 510 511 </div> 512</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu238" class="contentTop mainNavMegaMenu megaMenuContainer pageID_238 hidden" data-orientation="horizontal"> <div id="cc0deef6e2-68d3-4f85-bf9e-7c0e9553643c" data-containerid="0deef6e2-68d3-4f85-bf9e-7c0e9553643c" class="pageContent cpGrid cpGrid24"> 513 514 515 516 517 </div> 518</aside></aside></nav></div></div> 519</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 520<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 521<div data-cpRole="structuralContainer" id="bannerSearchTS"> 522<div class="siteWrap"><div data-cpRole="contentContainer" id="searchTS"> <div id="cc19959cbe-68c8-4cc5-949d-8817d43ebd65" data-containerid="19959cbe-68c8-4cc5-949d-8817d43ebd65" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="30"> 523 524 525 <div class="row outer wide"><!-- 526--><div class="outer col col9 first" style="" data-widgetcontainerid="0de96afc-5efe-4a8c-bdfd-3d33b5093b1f">� 527 <div class="row nest first last wide">� 528 529 <div class="inner col col9 first last id30086ef6-cf02-4dda-b5a1-67a31cb158bd" style="" data-widgetcontainerid="30086ef6-cf02-4dda-b5a1-67a31cb158bd">� 530<div data-widget-id="f1b1afb5-d272-4cab-85f1-daf1299db825" data-widget-controller-path="/GraphicLinks/Widget"> 531 532 533 534 535<div id="graphicLinkWidgetf1b1afb5-d272-4cab-85f1-daf1299db825" class="widget widgetGraphicLinks skin16 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 536 <div class="widgetHeader"> 537 <div class=""> 538 </div> 539 </div> 540 <div class="widgetBody cpGrid cpGrid4 "> 541 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 542 <div class="row wide"> 543 <!-- 544--><div class="col col1 first "><ul class="semanticList"><!-- 545 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/welcometobellevilleil" target="_blank"> 546 547<img src="/ImageRepository/Document?documentID=8804" 548 class="graphicButtonLink" alt="Facebook (opens in new window)" 549 onmouseover="this.src='/ImageRepository/Document?documentID=8804'" 550 onmouseout="this.src='/ImageRepository/Document?documentID=8804'" 551 onfocus="this.src='/ImageRepository/Document?documentID=8804'" 552 onblur="this.src='/ImageRepository/Document?documentID=8804'"> 553</a></li><!-- 554--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 555 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/city_of_belleville_ill/" target="_blank"> 556 557<img src="/ImageRepository/Document?documentID=8805" 558 class="graphicButtonLink" alt="Instagram (opens in new window)" 559 onmouseover="this.src='/ImageRepository/Document?documentID=8805'" 560 onmouseout="this.src='/ImageRepository/Document?documentID=8805'" 561 onfocus="this.src='/ImageRepository/Document?documentID=8805'" 562 onblur="this.src='/ImageRepository/Document?documentID=8805'"> 563</a></li><!-- 564--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 565 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/channel/UCgQcRTdHErSn7yG1AP742Vg" target="_blank"> 566 567<img src="/ImageRepository/Document?documentID=8813" 568 class="graphicButtonLink" alt="YouTube (opens in new window)" 569 onmouseover="this.src='/ImageRepository/Document?documentID=8813'" 570 onmouseout="this.src='/ImageRepository/Document?documentID=8813'" 571 onfocus="this.src='/ImageRepository/Document?documentID=8813'" 572 onblur="this.src='/ImageRepository/Document?documentID=8813'"> 573</a></li><!-- 574--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 575--></ul></div><!-- --> 576 </div> 577 </nav> 578 </div> 579 <div class="widgetFooter"> 580 </div> 581</div> 582</div> 583 584 </div> <!-- inner column --> 585 586 </div> <!-- inner row --> 587 588 </div><!-- outer column --><!----><div class="outer col col15 last" style="" data-widgetcontainerid="6c54c71c-ed85-4b43-bf88-923bfd5447bd">� 589 <div class="row nest first last wide">� 590
591 <div class="inner col col15 first last ide499c5c8-3db2-4aa6-8817-eef2e576fc61" style="" data-widgetcontainerid="e499c5c8-3db2-4aa6-8817-eef2e576fc61">� 592<div data-widget-id="b6c35378-9f18-4da3-b922-45917817506e" data-widget-controller-path="/Layout/WidgetSearch"> 593 594
594<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
594 595
595<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
595 596
596<script defer type="text/javascript"> 597 598 $(document).ready(function () { 599 try { 600 // Minimum characters required before performing a search/autocomplete 601 var minPrefixLength = 3; 602 var autoCompleteDebounceDelay = 500; 603 var searchFieldSelector = "#searchField" + 'b6c35378-9f18-4da3-b922-45917817506e'; 604 var checkboxSelector = "#ysnSearchOnlyDept" + 'b6c35378-9f18-4da3-b922-45917817506e'; 605 var buttonSelector = ".widgetSearchButton" + 'b6c35378-9f18-4da3-b922-45917817506e'; 606 var autoCompleteCache = {}; 607 var autoCompleteCacheKeys = []; 608 var autoCompleteCacheLimit = 25; 609 var currentAutoCompleteRequest = null; 610 var currentAutoCompleteRequestKey = null; 611 var autoCompleteDebounceTimer = null; 612 var autoCompleteDebounceKey = null; 613 var pendingAutoCompleteResponses = []; 614 615 function normalizeAutoCompleteTerm(term) { 616 return $.trim((term || "") + "").replace(/\s+/g, " "); 617 } 618 619 function shouldSearch(term) { 620 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 621 } 622 623 function getAutoCompleteUrl() { 624 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 625 } 626 627 function getAutoCompleteCacheKey(requestUrl, term) { 628 return requestUrl + "|" + term.toLowerCase(); 629 } 630 631 function cacheAutoCompleteResult(cacheKey, data) { 632 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 633 autoCompleteCacheKeys.push(cacheKey); 634 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 635 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 636 } 637 } 638 autoCompleteCache[cacheKey] = data; 639 } 640 641 function respondToPendingAutoComplete(data) { 642 var responses = pendingAutoCompleteResponses; 643 pendingAutoCompleteResponses = []; 644 for (var i = 0; i < responses.length; i++) { 645 responses[i](data); 646 } 647 } 648 649 function cancelPendingAutoComplete() { 650 clearTimeout(autoCompleteDebounceTimer); 651 autoCompleteDebounceKey = null; 652 if (currentAutoCompleteRequest != null) { 653 currentAutoCompleteRequest.abort(); 654 currentAutoCompleteRequest = null; 655 } 656 currentAutoCompleteRequestKey = null; 657 respondToPendingAutoComplete([]); 658 } 659 660 function createWidgetAutoCompleteSource(options) { 661 return function (request, response) { 662 var term = normalizeAutoCompleteTerm(request.term); 663 if (!options.shouldSearch(term)) { 664 response([]); 665 return; 666 } 667 668 var requestUrl = options.url(); 669 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 670 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 671 response(autoCompleteCache[cacheKey]); 672 if (options.success) { 673 options.success(autoCompleteCache[cacheKey]); 674 } 675 return; 676 } 677 678 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 679 pendingAutoCompleteResponses.push(response); 680 return; 681 } 682 683 cancelPendingAutoComplete(); 684 autoCompleteDebounceKey = cacheKey; 685 pendingAutoCompleteResponses.push(response); 686 autoCompleteDebounceTimer = setTimeout(function () { 687 autoCompleteDebounceKey = null; 688 currentAutoCompleteRequestKey = cacheKey; 689 currentAutoCompleteRequest = $.ajax({ 690 url: requestUrl, 691 dataType: "json", 692 timeout: options.timeout, 693 data: { 694 term: term, 695 }, 696 success: function (data) { 697 if (currentAutoCompleteRequestKey === cacheKey) { 698 cacheAutoCompleteResult(cacheKey, data); 699 respondToPendingAutoComplete(data); 700 if (options.success) { 701 options.success(data); 702 } 703 } 704 }, 705 error: function (xmlhttprequest, textstatus, message) { 706 if (textstatus === "abort") { 707 return; 708 } 709 710 if (options.error) { 711 options.error(xmlhttprequest, textstatus, message); 712 } 713 714 respondToPendingAutoComplete([]); 715 }, 716 complete: function (xmlhttprequest) { 717 if (currentAutoCompleteRequest === xmlhttprequest) { 718 currentAutoCompleteRequest = null;
719 currentAutoCompleteRequestKey = null; 720 } 721 } 722 }); 723 }, options.delay); 724 }; 725 } 726 727 // click handler for search buttons 728 $(buttonSelector).click(function (e) { 729 e.preventDefault(); 730 var $btn = $(this); 731 var $field = $btn.siblings(".widgetSearchBox"); 732 var term = $field.val() + ""; 733 if (!shouldSearch(term)) { 734 // do nothing until user types enough characters 735 $field.focus(); 736 return; 737 } 738 739 if ($(checkboxSelector).is(':checked') || false) 740 { 741 doWidgetSearch($.trim(term), Number(0)); 742 } 743 else { 744 doWidgetSearch($.trim(term), 0); 745 } 746 }); 747 748 // enter key handler for the search field 749 $(searchFieldSelector).keypress(function (e) { 750 var code = e.which || e.keyCode; 751 if (code === 13) { 752 e.preventDefault(); 753 var $this = $(this); 754 var term = $this.val() + ""; 755 if (!shouldSearch(term)) { 756 // do nothing until user types enough characters 757 $this.focus(); 758 return false; 759 } 760 761 if ($(checkboxSelector).is(':checked') || false) { 762 doWidgetSearch($.trim(term), Number(0)); 763 } else { 764 doWidgetSearch($.trim(term), 0); 765 } 766 return false; 767 } 768 return true; 769 }); 770 771 // autocomplete: set minLength and guard source 772 if (true) { 773 var $searchField = $(searchFieldSelector).autocomplete({ 774 minLength: minPrefixLength, 775 source: createWidgetAutoCompleteSource({ 776 delay: autoCompleteDebounceDelay, 777 timeout: 10000, 778 shouldSearch: shouldSearch, 779 url: getAutoCompleteUrl, 780 success: function () { 781 $('.autoCompleteError').remove(); 782 }, 783 error: function (xmlhttprequest, textstatus, message) { 784 if (textstatus === "timeout") { 785 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 786 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 787 } 788 } 789 }), 790 html: true, 791 delay: 0, 792 select: function (event, ui) { 793 $(this).val(ui.item.value); 794 $(this).next().click(); 795 } 796 }); 797 798 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 799 return $("<li class=\"itemList\"></li>") 800 .data("ui-autocomplete-item", item) 801 .append("<a>" + item.label + "</a>") 802 .appendTo(ul); 803 }; 804 } 805 806 // keep searchBtnApplyQuery consistent with prefix rule 807 window.searchBtnApplyQuery = function() { 808 var $field = $(searchFieldSelector); 809 var term = $field.val() + ""; 810 if (shouldSearch(term)) { 811 // update href for the icon/button (if present) 812 var btn = document.getElementById("btnSearchIcon"); 813 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 814 } else { 815 var btn = document.getElementById("btnSearchIcon"); 816 if (btn) btn.href = "#"; 817 } 818 }; 819 } 820 catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page. 821 }); 822 </script>
822 823 <style scoped type="text/css">.row.outer.wide .widgetOptionSet32 { 824border-left: 3px solid #C42C84; 825}</style> 826 827 <section id="widgetPreviewSearch" class="widget widgetSearch skin10 widgetOptionSet32" style="display: block;" aria-label="Search"> 828 <!-- For the button right and inside --> 829 <div class="widgetBody buttonRightInside"> 830 <input class="widgetSearchBox widgetSearchBoxb6c35378-9f18-4da3-b922-45917817506e" cp5ph="true" id="searchFieldb6c35378-9f18-4da3-b922-45917817506e" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 831 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonb6c35378-9f18-4da3-b922-45917817506e" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=8800" data-image="/ImageRepository/Document?documentID=8802" src="/ImageRepository/Document?documentID=8802" /></a> 832 833 <label class="searchLabel" aria-hidden="true" for="searchFieldb6c35378-9f18-4da3-b922-45917817506e">Search</label> 834 </div> 835 836 </section> 837 838 839<style scoped> 840 841 .widgetSearch ::-webkit-input-placeholder { 842 color: #003049; 843 } 844 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 845 color: #003049; 846 } 847 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 848 color: #003049; 849 } 850 .widgetSearch :-ms-input-placeholder { 851 color: #003049; 852 } 853 854 855 .widgetSearch .widgetBody .widgetSearchBoxb6c35378-9f18-4da3-b922-45917817506e 856 { 857 color: #003049; 858 background: transparent; border: 0; height: 46px; padding: 0 80px 0 20px; font-family: Raleway; font-size: 1em; font-weight: 500; 859 } 860 .widgetSearch .widgetBody .widgetSearchButtonb6c35378-9f18-4da3-b922-45917817506e 861 { 862 margin: 0; 863 } 864 .widgetSearch .widgetSearch-onlyDeptb6c35378-9f18-4da3-b922-45917817506e 865 { 866 display: inline-block; 867 color: #333; 868 869 870 padding-top: 10px; 871 } 872 #ysnSearchOnlyDeptb6c35378-9f18-4da3-b922-45917817506e 873 { 874 position: relative; 875 top: .125em; 876 } 877 878</style> 879 880<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 881<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 882 883 884
885<script type="text/javascript"> 886 //Updates search icons href to have the correct queryString 887 function searchBtnApplyQuery() { 888 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldb6c35378-9f18-4da3-b922-45917817506e").value; 889 } 890</script>
890 891 892</div> 893 894 </div> <!-- inner column --> 895 896 </div> <!-- inner row --> 897 898 </div><!-- outer column --><!-- --></div> <!-- outer row --> 899 900 901 </div> 902</div><div data-cpRole="contentContainer" id="welcomeTS"> <div id="cc3146b03f-e518-460a-bdeb-0c32e430a8c7" data-containerid="3146b03f-e518-460a-bdeb-0c32e430a8c7" class="pageContent cpGrid cpGrid24 showInMobile"> 903 904 905 906 907 </div> 908</div></div> 909</div> 910</div> 911 912 913 914 915 <div id="bannerImagesJSON17" class="hidden"></div> 916 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 917 <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> 918 <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> 919 </div> 920
920<script type="text/javascript"> 921 $(window).on("load", function () { 922 $.when(window.Pages.rwdSetupComplete) 923 .done(function () { 924 renderExternalBannerSlideshow('banner1', 925 {"BannerOptionID":17,"ThemeID":9,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","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":162,"BannerOptionID":17,"FileName":"/ImageRepository/Document?documentID=13366","Height":1462,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":168,"BannerOptionID":17,"FileName":"/ImageRepository/Document?documentID=13801","Height":1162,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":9,"BannerOptionID":17,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202201250820181740.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 926 '/App_Themes/2022 - Interior/Images/', 927 'Rotating'); 928 }); 929 }); 930 </script>
930 931 932</div> 933</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 934<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 935<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 936<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 937<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 938 <li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="318"><a href class="breadCrumb" aria-current="page">Departments</a></li> 939 </ol> 940 941 942 943</div><div data-cpRole="mainContentContainer" id="moduleContent"> 944 945 <div id="page" class="moduleContentNew"> 946 947 948 <input id="hdnPageID" name="hdnPageID" type="hidden" value="318" /> 949 <input id="hdnParentID" name="hdnParentID" type="hidden" value="1" /> 950 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="7465" /> 951 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Departments" /> 952 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
953 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 954 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 955 956 <h1 id="versionHeadLine" class="headline"> 957 958Departments </h1> 959 960 <div id="cc846acb19-a036-498e-975a-f35344316018" data-containerid="846acb19-a036-498e-975a-f35344316018" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="30" > 961 962 963 <div class="row outer wide"><!-- 964--><div class="outer col col24 first last" style="" data-widgetcontainerid="67fe257a-74fe-465e-b429-74324d44ee07">� 965 <div class="row nest first last wide">� 966 967 <div class="inner col col24 first last id4e2361f4-2f15-4414-8138-e7f76aabd82f" style="" data-widgetcontainerid="4e2361f4-2f15-4414-8138-e7f76aabd82f">� 968 <nav class="widget clear dynamicSubpage widgetPages skin10 wide" id="widgetPageb6c24a84-c718-4d3e-be73-4ee9d612c747" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label = Pages> 969 <div class="hidden widgetTypeID">9</div> 970 <div class="hidden depth">1</div> 971 <div class="hidden cols">1</div> 972 <div class="hidden format">2</div> 973 <div class="widgetBody"> 974 975 <div class="widgetBody cpGrid cpGrid1 "> 976 <div class="row wide"> 977 978 <div class="col col1"> 979 <ol class="semanticList layout2"> 980 <li class="megaMenuItem widgetItem" data-pageid="321" role="none"> 981 <div class="widgetTitle"> 982 <a href="/321/City-Clerk-FOIA-Information" target="_self" >City Clerk / FOIA Information</a> 983 </div> 984 <p class="widgetDesc">Browse details concerning the City Clerk's responsibilities, including the handling of requests for public records under the Freedom of Information Act.</p> 985 986 </li> <li class="megaMenuItem widgetItem" data-pageid="326" role="none"> 987 <div class="widgetTitle"> 988 <a href="/326/Economic-Development-Planning-Zoning" target="_self" >Economic Development, Planning & Zoning</a> 989 </div> 990 <p class="widgetDesc">Check out plans for future economic development.</p> 991 992 </li> <li class="megaMenuItem widgetItem" data-pageid="335" role="none"> 993 <div class="widgetTitle"> 994 <a href="/335/Engineering" target="_self" >Engineering</a> 995 </div> 996 <p class="widgetDesc">Discover the role and responsibilities of the engineering department.</p> 997 998 </li> <li class="megaMenuItem widgetItem" data-pageid="339" role="none"> 999 <div class="widgetTitle"> 1000 <a href="/339/Finance" target="_self" >Finance</a> 1001 </div> 1002 <p class="widgetDesc">Find out about the duties of the finance department.</p> 1003 1004 </li> <li class="megaMenuItem widgetItem" data-pageid="341" role="none"> 1005 <div class="widgetTitle"> 1006 <a href="/341/Fire" target="_self" >Fire</a> 1007 </div> 1008 <p class="widgetDesc">Gain information about the fire department.</p> 1009 1010 </li> <li class="megaMenuItem widgetItem" data-pageid="516" role="none"> 1011 <div class="widgetTitle"> 1012 <a href="/516/General-Community-Assistance" target="_self" >General & Community Assistance</a> 1013 </div> 1014 <p class="widgetDesc">This program supports and strengthens the lives of Belleville residents in need through general assistance, emergency grants, the Community Assistance Grants, and referrals to appropriate community resources.</p> 1015 1016 </li> <li class="megaMenuItem widgetItem" data-pageid="345" role="none"> 1017 <div class="widgetTitle"> 1018 <a href="/345/Health-Housing-Building" target="_self" >Health, Housing & Building</a> 1019 </div> 1020 <p class="widgetDesc">Review relevant documentation regarding health, housing and building standards and regulations.</p> 1021 1022 </li> <li class="megaMenuItem widgetItem" data-pageid="347" role="none"> 1023 <div class="widgetTitle"> 1024 <a href="/347/Human-Resources" target="_self" >Human Resources</a> 1025 </div> 1026 <p class="widgetDesc">Educate yourself about the human resources department.</p> 1027 1028 </li> <li class="megaMenuItem widgetItem" data-pageid="349" role="none"> 1029 <div class="widgetTitle"> 1030 <a href="/349/Information-Technology" target="_self" >Information Technology</a> 1031 </div> 1032 <p class="widgetDesc">Connect with the information technology department.</p> 1033 1034 </li> <li class="megaMenuItem widgetItem" data-pageid="350" role="none"> 1035 <div class="widgetTitle"> 1036 <a href="/350/Library" target="_self" >Library</a> 1037 </div> 1038 <p class="widgetDesc">Find yourself reading about the library's resources.</p> 1039 1040 </li> <li class="megaMenuItem widgetItem" data-pageid="351" role="none"> 1041 <div class="widgetTitle"> 1042 <a href="/351/Maintenance" target="_self" >Maintenance</a> 1043 </div> 1044 <p class="widgetDesc">Learn how this department works to maintain city owned buildings.</p> 1045 1046 </li> <li class="megaMenuItem widgetItem" data-pageid="352" role="none"> 1047 <div class="widgetTitle"> 1048 <a href="/352/Mayor" target="_self" >Mayor</a> 1049 </div> 1050 <p class="widgetDesc">Read a message from the mayor.</p> 1051 1052 </li> <li class="megaMenuItem widgetItem" data-pageid="354" role="none"> 1053 <div class="widgetTitle"> 1054 <a href="/354/Parks-Recreation" target="_self" >Parks & Recreation</a> 1055 </div> 1056 <p class="widgetDesc">Stay up to date with parks and recreation events and activities.</p> 1057 1058 </li> <li class="megaMenuItem widgetItem" data-pageid="355" role="none"> 1059 <div class="widgetTitle"> 1060 <a href="/355/Police" target="_self" >Police</a> 1061 </div> 1062 <p class="widgetDesc">
1062Seek contact information for the law enforcement offices.</p> 1063 1064 </li> <li class="megaMenuItem widgetItem" data-pageid="320" role="none"> 1065 <div class="widgetTitle"> 1066 <a href="/320/Public-Works-Cemetery" target="_self" >Public Works-Cemetery</a> 1067 </div> 1068 <p class="widgetDesc">View details of the city's cemetery.</p> 1069 1070 </li> <li class="megaMenuItem widgetItem" data-pageid="358" role="none"> 1071 <div class="widgetTitle"> 1072 <a href="/358/Public-Works-Sanitation" target="_self" >Public Works-Sanitation</a> 1073 </div> 1074 <p class="widgetDesc">Utilize information concerning the sanitation department.</p> 1075 1076 </li> <li class="megaMenuItem widgetItem" data-pageid="360" role="none"> 1077 <div class="widgetTitle"> 1078 <a href="/360/Public-Works-Streets" target="_self" >Public Works-Streets</a> 1079 </div> 1080 <p class="widgetDesc">Understand the role of the streets department.</p> 1081 1082 </li> <li class="megaMenuItem widgetItem" data-pageid="359" role="none"> 1083 <div class="widgetTitle"> 1084 <a href="/359/Sewer-Lines" target="_self" >Sewer Lines</a> 1085 </div> 1086 <p class="widgetDesc">Find out how the sewage lines are maintained and who to contact with sewage issue.</p> 1087 1088 </li> <li class="megaMenuItem widgetItem" data-pageid="361" role="none"> 1089 <div class="widgetTitle"> 1090 <a href="/361/Treasurer" target="_self" >Treasurer</a> 1091 </div> 1092 <p class="widgetDesc">Gain details about the role of the treasurer's department.</p> 1093 1094 </li> <li class="megaMenuItem widgetItem" data-pageid="364" role="none"> 1095 <div class="widgetTitle"> 1096 <a href="/364/Wastewater" target="_self" >Wastewater</a> 1097 </div> 1098 <p class="widgetDesc">Educate yourself on how the wastewater helps you.</p> 1099 1100 </li> </ol> 1101 </div> 1102 </div> 1103 </div> 1104 1105 1106 1107 1108 </div> 1109 1110 </nav> 1111 1112 1113 1114 </div> <!-- inner column --> 1115 1116 </div> <!-- inner row --> 1117 1118 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1119 1120 1121 </div> 1122 1123 </div> 1124 1125 1126 <div class="newCP"> 1127 1128 </div> 1129</div> 1130</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccc276533c-491b-4268-a361-39d22bb1bccc" data-containerid="c276533c-491b-4268-a361-39d22bb1bccc" class="pageContent cpGrid cpGrid24 showInMobile"> 1131 1132 1133 1134 1135 </div> 1136</aside> 1137</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 1138<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc5186090c-e362-4b46-a250-18a9f746114c" data-containerid="5186090c-e362-4b46-a250-18a9f746114c" class="pageContent cpGrid cpGrid24 showInMobile"> 1139 1140 1141 1142 1143 </div> 1144</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 1145 1146 1147 1148 1149 1150 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="318" class="rootNavMenu accordionNav"> 1151 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem321" data-pageid="321"> 1152 <div class="accordionNavItem"> 1153 <a href="/321/City-Clerk-FOIA-Information" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Clerk / FOIA Information</a> 1154 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="City Clerk / FOIA Information Submenu" aria-expanded="false" aria-controls="submenu-lvl1-321"></a> 1155 </div> 1156 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-321" style="display: none;" data-parent="321"> 1157 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem659" data-pageid="659"> 1158 <div class="accordionNavItem"> 1159 <a href="/659/Banners" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Banners</span></a> 1160 </div> 1161 </li> 1162 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem600" data-pageid="600"> 1163 <div class="accordionNavItem"> 1164 <a href="/316/City-Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Code of Ordinances</span></a> 1165 </div> 1166 </li> 1167 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem325" data-pageid="325"> 1168 <div class="accordionNavItem"> 1169 <a href="/325/City-Offices-Closed" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Offices Closed</span></a> 1170 </div> 1171 </li> 1172 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem781" data-pageid="781"> 1173 <div class="accordionNavItem"> 1174 <a href="/781/Consolidated-Election-2027" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Consolidated Election 2027</span></a> 1175 </div> 1176 </li> 1177 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem692" data-pageid="692"> 1178 <div class="accordionNavItem"> 1179 <a href="/692/Electric-Aggregation" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Electric Aggregation</span></a> 1180 </div> 1181 </li> 1182 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem601" data-pageid="601"> 1183 <div class="accordionNavItem"> 1184 <a href="/601/Event-Guidelines-Applications" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Event Guidelines & Applications</span></a> 1185 </div> 1186 </li> 1187 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem563" data-pageid="563"> 1188 <div class="accordionNavItem"> 1189 <a href="https://u8387778.ct.sendgrid.net/ls/click?upn=6HtRfOYLt5fXvpttM-2FU1HT71d2-2FwEsuJdfHmT7DnqR6QsordWRo0arsC6Is2NoxaFOB-2FiiyZU9dBMY1fuSmtqaDdDz0oM1w5in-2FT-2BOaqNdg-3DJewT_v5okZSb8Z-2FQR5myyCo3wrW8CcvCFOiVnxxu-2FNXfsXJ3niFGTFq8VLg-2Fy5SKH2hMwjelfEWEABlL7mXnIcBUxA1fy-2F8hPD4BzQPjpN6E5pOFj7gDLZLzC64ts8-2BFHlQX-2BkOOukw-2FZpdDO0FL975q2W-2FkoO5zz4t2mb6bNpBUDXhER-2FCTvjTqXucaMztpJbLFUmBVmTvvrXLpfK4dA5Jq1pddJdy-2B7mTICY3uYpNTTtRbQYAyBrTNLnsaoeya-2BOWLercJL1SDPqdGmsZJ4ZSOLbde2zARyp5oBZ5m5pf43G7hTuFr5P-2BRDDpOsv-2BrTYDSYCwpfbPJDj6mut3Sco2ssJOI5xjT0PrT6YfS1GB6eo5WyCWlPQKI-2BxoL4aBYkTInm" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Freedom of Information Act (FOIA) Requests</span></a> 1190 </div> 1191 </li> 1192 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem603" data-pageid="603"> 1193 <div class="accordionNavItem"> 1194 <a href="/603/Permits-Licenses" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Permits & Licenses</span></a> 1195 </div> 1196 </li> 1197 1198 </ol> 1199 </li> 1200 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem326" data-pageid="326"> 1201 <div class="accordionNavItem"> 1202 <a href="/326/Economic-Development-Planning-Zoning" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Economic Development, Planning & Zoning</a> 1203 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Economic Development, Planning & Zoning Submenu" aria-expanded="false" aria-controls="submenu-lvl1-326"></a> 1204 </div> 1205 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-326" style="display: none;" data-parent="326"> 1206 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem770" data-pageid="770"> 1207 <div class="accordionNavItem"> 1208 <a href="/770/Strategic-Plan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Strategic Plan</span></a> 1209 </div> 1210 </li> 1211 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem332" data-pageid="332"> 1212 <div class="accordionNavItem"> 1213 <a href="/332/Applications" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Applications</span></a> 1214 </div> 1215 </li> 1216 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem328" data-pageid="328"> 1217 <div class="accordionNavItem"> 1218 <a href="/328/Economic-Development" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Economic Development</span></a> 1219 </div> 1220 </li> 1221 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem796" data-pageid="796"> 1222 <div class="accordionNavItem">
1223 <a href="/796/New-Business-Packet" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">New Business Packet</span></a> 1224 </div> 1225 </li> 1226 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem334" data-pageid="334"> 1227 <div class="accordionNavItem"> 1228 <a href="/334/Business-Assistance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Business Assistance</span></a> 1229 </div> 1230 </li> 1231 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem327" data-pageid="327"> 1232 <div class="accordionNavItem"> 1233 <a href="/327/Comprehensive-Plan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Comprehensive Plan</span></a> 1234 </div> 1235 </li> 1236 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem331" data-pageid="331"> 1237 <div class="accordionNavItem"> 1238 <a href="/331/Maps" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Maps</span></a> 1239 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Maps Submenu" aria-expanded="false" aria-controls="submenu-lvl2-331"></a> 1240 </div> 1241 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-331" style="display: none;" data-parent="331"> 1242 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem743" data-pageid="743"> 1243 <div class="accordionNavItem"> 1244 <a href="/743/Area-of-Special-Control" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Area of Special Control</span></a> 1245 </div> 1246 </li> 1247 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem742" data-pageid="742"> 1248 <div class="accordionNavItem"> 1249 <a href="/742/Belleville-Enterprise-Zone" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Belleville Enterprise Zone</span></a> 1250 </div> 1251 </li> 1252 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem738" data-pageid="738"> 1253 <div class="accordionNavItem"> 1254 <a href="/738/Business-Assistance-Maps" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Business Assistance Maps</span></a> 1255 </div> 1256 </li> 1257 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem741" data-pageid="741"> 1258 <div class="accordionNavItem"> 1259 <a href="/741/Historic-District-Maps" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Historic District Maps</span></a> 1260 </div> 1261 </li> 1262 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem744" data-pageid="744"> 1263 <div class="accordionNavItem"> 1264 <a href="/744/TIF-District-Maps" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">TIF District Maps</span></a> 1265 </div> 1266 </li> 1267 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem737" data-pageid="737"> 1268 <div class="accordionNavItem"> 1269 <a href="/737/Ward-Maps" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Ward Maps</span></a> 1270 </div> 1271 </li> 1272 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem736" data-pageid="736"> 1273 <div class="accordionNavItem"> 1274 <a href="/736/Zoning-Maps" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Zoning Maps</span></a> 1275 </div> 1276 </li> 1277 1278 </ol> 1279 </li> 1280 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem329" data-pageid="329"> 1281 <div class="accordionNavItem"> 1282 <a href="/FormCenter/Economic-Development-Planning--Zoning-2/Zoning-Classification-Request-33" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Zoning Classification Request Form</span></a> 1283 </div> 1284 </li> 1285 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem769" data-pageid="769"> 1286 <div class="accordionNavItem"> 1287 <a href="/769/What-is-Tax-Increment-Financing-TIF" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1287What is Tax Increment Financing (TIF)?</span></a> 1288 </div> 1289 </li> 1290 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem787" data-pageid="787"> 1291 <div class="accordionNavItem"> 1292 <a href="/787/Available-Commercial-Properties" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Available Commercial Properties</span></a> 1293 </div> 1294 </li> 1295 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem808" data-pageid="808"> 1296 <div class="accordionNavItem"> 1297 <a href="/808/New-Businesses---2025" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">New Businesses - 2025</span></a> 1298 </div> 1299 </li> 1300 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem809" data-pageid="809"> 1301 <div class="accordionNavItem"> 1302 <a href="/809/New-Businesses---2026" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">New Businesses - 2026</span></a> 1303 </div> 1304 </li> 1305 1306 </ol> 1307 </li> 1308 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem335" data-pageid="335"> 1309 <div class="accordionNavItem"> 1310 <a href="/335/Engineering" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Engineering</a> 1311 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Engineering Submenu" aria-expanded="false" aria-controls="submenu-lvl1-335"></a> 1312 </div> 1313 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-335" style="display: none;" data-parent="335"> 1314 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem336" data-pageid="336"> 1315 <div class="accordionNavItem"> 1316 <a href="/bids.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Bid Documents / Results</span></a> 1317 </div> 1318 </li> 1319 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem478" data-pageid="478"> 1320 <div class="accordionNavItem"> 1321 <a href="/478/Excavation-Repairs" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Excavation & Repairs</span></a> 1322 </div> 1323 </li> 1324 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem337" data-pageid="337"> 1325 <div class="accordionNavItem"> 1326 <a href="/337/JULIE-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">JULIE Information</span></a> 1327 </div> 1328 </li> 1329 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem338" data-pageid="338"> 1330 <div class="accordionNavItem"> 1331 <a href="/338/NPDES-Permit" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">NPDES Permit</span></a> 1332 </div> 1333 </li> 1334 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem417" data-pageid="417"> 1335 <div class="accordionNavItem"> 1336 <a href="/417/Sidewalk-Replacement" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sidewalk Replacement</span></a> 1337 </div> 1338 </li> 1339 1340 </ol> 1341 </li> 1342 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem339" data-pageid="339"> 1343 <div class="accordionNavItem"> 1344 <a href="/339/Finance" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Finance</a> 1345 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Finance Submenu" aria-expanded="false" aria-controls="submenu-lvl1-339"></a> 1346 </div> 1347 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-339" style="display: none;" data-parent="339"> 1348 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem340" data-pageid="340"> 1349 <div class="accordionNavItem"> 1350 <a href="/340/Budget" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1350Budget</span></a> 1351 </div> 1352 </li> 1353 1354 </ol> 1355 </li> 1356 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem341" data-pageid="341"> 1357 <div class="accordionNavItem"> 1358 <a href="/341/Fire" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Fire</a> 1359 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Fire Submenu" aria-expanded="false" aria-controls="submenu-lvl1-341"></a> 1360 </div> 1361 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-341" style="display: none;" data-parent="341"> 1362 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem766" data-pageid="766"> 1363 <div class="accordionNavItem"> 1364 <a href="/766/Fire-Plan-Review-Package" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fire Plan Review Package</span></a> 1365 </div> 1366 </li> 1367 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem399" data-pageid="399"> 1368 <div class="accordionNavItem"> 1369 <a href="/399/Career-Opportunities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Career Opportunities</span></a> 1370 </div> 1371 </li> 1372 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem767" data-pageid="767"> 1373 <div class="accordionNavItem"> 1374 <a href="/321/City-Clerk-FOIA-Information" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FOIA Information</span></a> 1375 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="FOIA Information Submenu" aria-expanded="false" aria-controls="submenu-lvl2-767"></a> 1376 </div> 1377 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-767" style="display: none;" data-parent="767"> 1378 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem659" data-pageid="659"> 1379 <div class="accordionNavItem"> 1380 <a href="/659/Banners" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Banners</span></a> 1381 </div> 1382 </li> 1383 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem600" data-pageid="600"> 1384 <div class="accordionNavItem"> 1385 <a href="/316/City-Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Code of Ordinances</span></a> 1386 </div> 1387 </li> 1388 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem325" data-pageid="325"> 1389 <div class="accordionNavItem"> 1390 <a href="/325/City-Offices-Closed" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Offices Closed</span></a> 1391 </div> 1392 </li> 1393 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem781" data-pageid="781"> 1394 <div class="accordionNavItem"> 1395 <a href="/781/Consolidated-Election-2027" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Consolidated Election 2027</span></a> 1396 </div> 1397 </li> 1398 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem692" data-pageid="692"> 1399 <div class="accordionNavItem"> 1400 <a href="/692/Electric-Aggregation" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Electric Aggregation</span></a> 1401 </div> 1402 </li> 1403 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem601" data-pageid="601"> 1404 <div class="accordionNavItem"> 1405 <a href="/601/Event-Guidelines-Applications" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Event Guidelines & Applications</span></a> 1406 </div> 1407 </li> 1408 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem563" data-pageid="563"> 1409 <div class="accordionNavItem"> 1410 <a href="https://u8387778.ct.sendgrid.net/ls/click?upn=6HtRfOYLt5fXvpttM-2FU1HT71d2-2FwEsuJdfHmT7DnqR6QsordWRo0arsC6Is2NoxaFOB-2FiiyZU9dBMY1fuSmtqaDdDz0oM1w5in-2FT-2BOaqNdg-3DJewT_v5okZSb8Z-2FQR5myyCo3wrW8CcvCFOiVnxxu-2FNXfsXJ3niFGTFq8VLg-2Fy5SKH2hMwjelfEWEABlL7mXnIcBUxA1fy-2F8hPD4BzQPjpN6E5pOFj7gDLZLzC64ts8-2BFHlQX-2BkOOukw-2FZpdDO0FL975q2W-2FkoO5zz4t2mb6bNpBUDXhER-2FCTvjTqXucaMztpJbLFUmBVmTvvrXLpfK4dA5Jq1pddJdy-2B7mTICY3uYpNTTtRbQYAyBrTNLnsaoeya-2BOWLercJL1SDPqdGmsZJ4ZSOLbde2zARyp5oBZ5m5pf43G7hTuFr5P-2BRDDpOsv-2BrTYDSYCwpfbPJDj6mut3Sco2ssJOI5xjT0PrT6YfS1GB6eo5WyCWlPQKI-2BxoL4aBYkTInm" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Freedom of Information Act (FOIA) Requests</span></a> 1411 </div> 1412 </li> 1413 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem603" data-pageid="603"> 1414 <div class="accordionNavItem"> 1415 <a href="/603/Permits-Licenses" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Permits & Licenses</span></a> 1416 </div> 1417 </li> 1418 1419 </ol> 1420 </li> 1421 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem545" data-pageid="545"> 1422 <div class="accordionNavItem"> 1423 <a href="/545/Engines-Trucks" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engines & Trucks</span></a> 1424 </div> 1425 </li> 1426 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem402" data-pageid="402"> 1427 <div class="accordionNavItem"> 1428 <a href="/402/Community-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Services</span></a> 1429 </div> 1430 </li> 1431 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem573" data-pageid="573"> 1432 <div class="accordionNavItem"> 1433 <a href="/573/Emergency-Notification-Assistance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Emergency Notification & Assistance</span></a> 1434 </div> 1435 </li> 1436 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem400" data-pageid="400"> 1437 <div class="accordionNavItem"> 1438 <a href="/400/Engine-Houses-Staffing" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engine Houses & Staffing</span></a> 1439 </div> 1440 </li> 1441 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem403" data-pageid="403"> 1442 <div class="accordionNavItem">
1443 <a href="/403/Fire-Inspections-Code-Enforcement" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fire Inspections / Code Enforcement</span></a> 1444 </div> 1445 </li> 1446 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem464" data-pageid="464"> 1447 <div class="accordionNavItem"> 1448 <a href="/464/Fire-Investigation-Unit" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fire Investigation Unit </span></a> 1449 </div> 1450 </li> 1451 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem546" data-pageid="546"> 1452 <div class="accordionNavItem"> 1453 <a href="/546/ISO-Fire-Rating" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">ISO Fire Rating</span></a> 1454 </div> 1455 </li> 1456 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem408" data-pageid="408"> 1457 <div class="accordionNavItem"> 1458 <a href="/408/Safety-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Safety Information</span></a> 1459 </div> 1460 </li> 1461 1462 </ol> 1463 </li> 1464 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem516" data-pageid="516"> 1465 <div class="accordionNavItem"> 1466 <a href="/516/General-Community-Assistance" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">General & Community Assistance</a> 1467 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="General & Community Assistance Submenu" aria-expanded="false" aria-controls="submenu-lvl1-516"></a> 1468 </div> 1469 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-516" style="display: none;" data-parent="516"> 1470 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem750" data-pageid="750"> 1471 <div class="accordionNavItem"> 1472 <a href="/750/Regional-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Regional Resources</span></a> 1473 </div> 1474 </li> 1475 1476 </ol> 1477 </li> 1478 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem345" data-pageid="345"> 1479 <div class="accordionNavItem"> 1480 <a href="/345/Health-Housing-Building" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Health, Housing & Building</a> 1481 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Health, Housing & Building Submenu" aria-expanded="false" aria-controls="submenu-lvl1-345"></a> 1482 </div> 1483 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-345" style="display: none;" data-parent="345"> 1484 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem555" data-pageid="555"> 1485 <div class="accordionNavItem"> 1486 <a href="/555/Crime-Free-Housing" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Crime Free Housing</span></a> 1487 </div> 1488 </li> 1489 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem798" data-pageid="798"> 1490 <div class="accordionNavItem"> 1491 <a href="/798/New-Resident-Packet" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">New Resident Packet</span></a> 1492 </div> 1493 </li> 1494 1495 </ol> 1496 </li> 1497 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem347" data-pageid="347"> 1498 <div class="accordionNavItem"> 1499 <a href="/347/Human-Resources" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Human Resources</a> 1500 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Human Resources Submenu" aria-expanded="false" aria-controls="submenu-lvl1-347"></a> 1501 </div> 1502 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-347" style="display: none;" data-parent="347"> 1503 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem348" data-pageid="348"> 1504 <div class="accordionNavItem"> 1505 <a href="/Jobs.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Job Opportunities</span></a> 1506 </div> 1507 </li> 1508 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem822" data-pageid="822"> 1509 <div class="accordionNavItem"> 1510 <a href="/FormCenter/Human-Resources-13/City-of-Belleville-Illinois-Citizen-Comp-113" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City of Belleville, Illinois Citizen Complaint Procedure and Form</span></a> 1511 </div> 1512 </li> 1513 1514 </ol> 1515 </li> 1516 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem349" data-pageid="349">
1517 <div class="accordionNavItem"> 1518 <a href="/349/Information-Technology" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Information Technology</a> 1519 </div> 1520 </li> 1521 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem350" data-pageid="350"> 1522 <div class="accordionNavItem"> 1523 <a href="/350/Library" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Library</a> 1524 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Library Submenu" aria-expanded="false" aria-controls="submenu-lvl1-350"></a> 1525 </div> 1526 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-350" style="display: none;" data-parent="350"> 1527 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem540" data-pageid="540"> 1528 <div class="accordionNavItem"> 1529 <a href="/540/Archives-Genealogy" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Archives & Genealogy</span></a> 1530 </div> 1531 </li> 1532 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem673" data-pageid="673"> 1533 <div class="accordionNavItem"> 1534 <a href="/673/Friends-of-the-Belleville-Public-Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Friends of the Belleville Public Library</span></a> 1535 </div> 1536 </li> 1537 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem499" data-pageid="499"> 1538 <div class="accordionNavItem"> 1539 <a href="/304/Library-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Board</span></a> 1540 </div> 1541 </li> 1542 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem505" data-pageid="505"> 1543 <div class="accordionNavItem"> 1544 <a href="/505/Library-Cards" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Cards</span></a> 1545 </div> 1546 </li> 1547 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem763" data-pageid="763"> 1548 <div class="accordionNavItem"> 1549 <a href="/763/Media-Lab" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Media Lab</span></a> 1550 </div> 1551 </li> 1552 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem560" data-pageid="560"> 1553 <div class="accordionNavItem"> 1554 <a href="/560/Online-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Online Resources</span></a> 1555 </div> 1556 </li> 1557 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem731" data-pageid="731"> 1558 <div class="accordionNavItem"> 1559 <a href="/731/Partners-in-Our-Community" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Partners in Our Community</span></a> 1560 </div> 1561 </li> 1562 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem593" data-pageid="593"> 1563 <div class="accordionNavItem"> 1564 <a href="/593/Programs-Activities-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Programs, Activities & Services</span></a> 1565 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Programs, Activities & Services Submenu" aria-expanded="false" aria-controls="submenu-lvl2-593"></a> 1566 </div> 1567 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-593" style="display: none;" data-parent="593"> 1568 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem779" data-pageid="779"> 1569 <div class="accordionNavItem"> 1570 <a href="/779/Library-Outreach-Request-Form" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Outreach Request Form</span></a> 1571 </div> 1572 </li> 1573 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem780" data-pageid="780"> 1574 <div class="accordionNavItem"> 1575 <a href="/780/Mobile-Printing" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Mobile Printing </span></a> 1576 </div> 1577 </li> 1578 1579 </ol> 1580 </li> 1581 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem559" data-pageid="559"> 1582 <div class="accordionNavItem"> 1583 <a href="/559/Youth-Programs-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Youth Programs & Services</span></a> 1584 </div> 1585 </li> 1586 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem674" data-pageid="674"> 1587 <div class="accordionNavItem"> 1588 <a href="/674/Passport-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Passport Services</span></a> 1589 </div> 1590 </li> 1591 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem775" data-pageid="775"> 1592 <div class="accordionNavItem"> 1593 <a href="/775/Notary-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Notary Services</span></a> 1594 </div> 1595 </li> 1596 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem690" data-pageid="690"> 1597 <div class="accordionNavItem"> 1598 <a href="/690/Yearbook-Project" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Yearbook Project</span></a> 1599 </div> 1600 </li> 1601 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem771" data-pageid="771"> 1602 <div class="accordionNavItem"> 1603 <a href="/771/About-Belleville-Public-Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">About Belleville Public Library</span></a> 1604 </div> 1605 </li> 1606 1607 </ol> 1608 </li> 1609 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem351" data-pageid="351"> 1610 <div class="accordionNavItem"> 1611 <a href="/351/Maintenance" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Maintenance</a> 1612 </div> 1613 </li> 1614 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem352" data-pageid="352">
1615 <div class="accordionNavItem"> 1616 <a href="/352/Mayor" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mayor</a> 1617 </div> 1618 </li> 1619 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem354" data-pageid="354"> 1620 <div class="accordionNavItem"> 1621 <a href="/354/Parks-Recreation" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Parks & Recreation</a> 1622 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Parks & Recreation Submenu" aria-expanded="false" aria-controls="submenu-lvl1-354"></a> 1623 </div> 1624 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-354" style="display: none;" data-parent="354"> 1625 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem387" data-pageid="387"> 1626 <div class="accordionNavItem"> 1627 <a href="/387/Activities-Events" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Activities & Events</span></a> 1628 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Activities & Events Submenu" aria-expanded="false" aria-controls="submenu-lvl2-387"></a> 1629 </div> 1630 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-387" style="display: none;" data-parent="387"> 1631 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem394" data-pageid="394"> 1632 <div class="accordionNavItem"> 1633 <a href="/394/Adult-Activities-Leagues" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Adult Activities & Leagues</span></a> 1634 </div> 1635 </li> 1636 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem396" data-pageid="396"> 1637 <div class="accordionNavItem"> 1638 <a href="/396/Annual-Events" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Annual Events</span></a> 1639 </div> 1640 </li> 1641 1642 </ol> 1643 </li> 1644 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem751" data-pageid="751"> 1645 <div class="accordionNavItem"> 1646 <a href="/751/General-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">General Information</span></a> 1647 </div> 1648 </li> 1649 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem817" data-pageid="817"> 1650 <div class="accordionNavItem"> 1651 <a href="/817/Gingerbread-Festivities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Gingerbread Festivities</span></a> 1652 </div> 1653 </li> 1654 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem388" data-pageid="388"> 1655 <div class="accordionNavItem"> 1656 <a href="/388/Nichols-Community-Center" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Nichols Community Center</span></a> 1657 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Nichols Community Center Submenu" aria-expanded="false" aria-controls="submenu-lvl2-388"></a> 1658 </div> 1659 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-388" style="display: none;" data-parent="388"> 1660 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem803" data-pageid="803"> 1661 <div class="accordionNavItem"> 1662 <a href="/803/Alphabet-Academy" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Alphabet Academy</span></a> 1663 </div> 1664 </li> 1665 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem806" data-pageid="806"> 1666 <div class="accordionNavItem"> 1667 <a href="/806/Party-Packages-Rentals" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Party Packages & Rentals</span></a> 1668 </div> 1669 </li> 1670 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem804" data-pageid="804"> 1671 <div class="accordionNavItem"> 1672 <a href="/804/Senior-Adult-Activities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Senior & Adult Activities</span></a> 1673 </div> 1674 </li> 1675 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem805" data-pageid="805"> 1676 <div class="accordionNavItem"> 1677 <a href="/805/Summer-Day-Camps" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Summer Day Camps</span></a> 1678 </div> 1679 </li> 1680 1681 </ol> 1682 </li> 1683 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem811" data-pageid="811"> 1684 <div class="accordionNavItem"> 1685 <a href="/811/Our-Parks" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Our Parks</span></a> 1686 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Our Parks Submenu" aria-expanded="false" aria-controls="submenu-lvl2-811"></a> 1687 </div> 1688 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-811" style="display: none;" data-parent="811"> 1689 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem812" data-pageid="812"> 1690 <div class="accordionNavItem"> 1691 <a href="/812/Big-Tree-Register" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Big Tree Register</span></a> 1692 </div> 1693 </li> 1694 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem389" data-pageid="389"> 1695 <div class="accordionNavItem"> 1696 <a href="/389/Park-Facilities-Rental-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Park Facilities Rental Information</span></a> 1697 </div> 1698 </li> 1699 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem764" data-pageid="764"> 1700 <div class="accordionNavItem"> 1701 <a href="/764/Splash-Pad" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Splash Pad</span></a> 1702 </div> 1703 </li> 1704 1705 </ol> 1706 </li> 1707 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem391" data-pageid="391"> 1708 <div class="accordionNavItem"> 1709 <a href="/307/Parks-Recreation-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks & Recreation Board</span></a> 1710 </div> 1711 </li> 1712 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem549" data-pageid="549"> 1713 <div class="accordionNavItem"> 1714 <a href="/549/Rotary-Dog-Park" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Rotary Dog Park</span></a> 1715 </div> 1716 </li> 1717 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem776" data-pageid="776"> 1718 <div class="accordionNavItem"> 1719 <a href="/776/The-Campus" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Campus</span></a> 1720 </div> 1721 </li> 1722 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem472" data-pageid="472"> 1723 <div class="accordionNavItem"> 1724 <a href="/472/Sports-Programs" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sports Programs</span></a> 1725 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Sports Programs Submenu" aria-expanded="false" aria-controls="submenu-lvl2-472"></a> 1726 </div> 1727 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-472" style="display: none;" data-parent="472"> 1728 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem823" data-pageid="823"> 1729 <div class="accordionNavItem"> 1730 <a href="/823/Pickleball" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Pickleball</span></a> 1731 </div> 1732 </li> 1733 1734 </ol> 1735 </li> 1736 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem677" data-pageid="677"> 1737 <div class="accordionNavItem"> 1738 <a href="/677/Tree-Bench-Memorial-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Tree & Bench Memorial Program</span></a> 1739 </div> 1740 </li> 1741 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem695" data-pageid="695"> 1742 <div class="accordionNavItem"> 1743 <a href="/695/Sponsorship-Volunteering" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sponsorship & Volunteering</span></a> 1744 </div> 1745 </li> 1746 1747 </ol> 1748 </li> 1749 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem355" data-pageid="355"> 1750 <div class="accordionNavItem"> 1751 <a href="/355/Police" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Police</a> 1752 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Police Submenu" aria-expanded="false" aria-controls="submenu-lvl1-355"></a> 1753 </div> 1754 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-355" style="display: none;" data-parent="355"> 1755 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem815" data-pageid="815"> 1756 <div class="accordionNavItem"> 1757 <a href="/815/2025-Annual-Report" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
17572025 Annual Report</span></a> 1758 </div> 1759 </li> 1760 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem662" data-pageid="662"> 1761 <div class="accordionNavItem"> 1762 <a href="/662/Career-Opportunities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Career Opportunities</span></a> 1763 </div> 1764 </li> 1765 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem591" data-pageid="591"> 1766 <div class="accordionNavItem"> 1767 <a href="/591/Citizen-Police-Academy" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Citizen Police Academy</span></a> 1768 </div> 1769 </li> 1770 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem471" data-pageid="471"> 1771 <div class="accordionNavItem"> 1772 <a href="/471/Community-Oriented-Police-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Oriented Police Services</span></a> 1773 </div> 1774 </li> 1775 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem572" data-pageid="572"> 1776 <div class="accordionNavItem"> 1777 <a href="/572/Crime-Statistics-Calls-for-Service" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Crime Statistics & Calls for Service</span></a> 1778 </div> 1779 </li> 1780 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem457" data-pageid="457"> 1781 <div class="accordionNavItem"> 1782 <a href="/457/Online-Reporting" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Online Reporting</span></a> 1783 </div> 1784 </li> 1785 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem668" data-pageid="668"> 1786 <div class="accordionNavItem"> 1787 <a href="/668/Private-Video-Surveillance-Camera-Regist" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Private Video Surveillance Camera Registration</span></a> 1788 </div> 1789 </li> 1790 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem507" data-pageid="507"> 1791 <div class="accordionNavItem"> 1792 <a href="/507/Records-Requests" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Records Requests</span></a> 1793 </div> 1794 </li> 1795 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem746" data-pageid="746"> 1796 <div class="accordionNavItem"> 1797 <a href="/746/Retired-Officer-Firearms-Qualifications" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Retired Officer Firearms Qualifications </span></a> 1798 </div> 1799 </li> 1800 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem461" data-pageid="461"> 1801 <div class="accordionNavItem"> 1802 <a href="/461/Security-Checks-for-Residences-Businesse" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Security Checks for Residences & Businesses</span></a> 1803 </div> 1804 </li> 1805 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem467" data-pageid="467"> 1806 <div class="accordionNavItem"> 1807 <a href="/467/Tips-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Tips & Information</span></a> 1808 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Tips & Information Submenu" aria-expanded="false" aria-controls="submenu-lvl2-467"></a> 1809 </div> 1810 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-467" style="display: none;" data-parent="467"> 1811 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem544" data-pageid="544"> 1812 <div class="accordionNavItem"> 1813 <a href="/544/Animal-Control" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Animal Control</span></a> 1814 </div> 1815 </li> 1816 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem588" data-pageid="588"> 1817 <div class="accordionNavItem"> 1818 <a href="/588/Belleville-Police-District-Maps" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Belleville Police District Maps</span></a> 1819 </div> 1820 </li> 1821 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem504" data-pageid="504"> 1822 <div class="accordionNavItem"> 1823 <a href="/504/Code-of-Ordinances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1823Code of Ordinances </span></a> 1824 </div> 1825 </li> 1826 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem470" data-pageid="470"> 1827 <div class="accordionNavItem"> 1828 <a href="/470/Illegal-Drug-House-Activity" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Illegal Drug House Activity</span></a> 1829 </div> 1830 </li> 1831 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem528" data-pageid="528"> 1832 <div class="accordionNavItem"> 1833 <a href="/528/Violence-Prevention-Center" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Violence Prevention Center</span></a> 1834 </div> 1835 </li> 1836 1837 </ol> 1838 </li> 1839 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem785" data-pageid="785"> 1840 <div class="accordionNavItem"> 1841 <a href="/785/Voluntary-AID-Form" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Voluntary A.I.D. Form</span></a> 1842 </div> 1843 </li> 1844 1845 </ol> 1846 </li> 1847 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem320" data-pageid="320"> 1848 <div class="accordionNavItem"> 1849 <a href="/320/Public-Works-Cemetery" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Public Works-Cemetery</a> 1850 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Public Works-Cemetery Submenu" aria-expanded="false" aria-controls="submenu-lvl1-320"></a> 1851 </div> 1852 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-320" style="display: none;" data-parent="320"> 1853 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem576" data-pageid="576"> 1854 <div class="accordionNavItem"> 1855 <a href="/576/Cemetery-Records" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Cemetery Records</span></a> 1856 </div> 1857 </li> 1858 1859 </ol> 1860 </li> 1861 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem358" data-pageid="358"> 1862 <div class="accordionNavItem"> 1863 <a href="/358/Public-Works-Sanitation" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Public Works-Sanitation</a> 1864 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Public Works-Sanitation Submenu" aria-expanded="false" aria-controls="submenu-lvl1-358"></a> 1865 </div> 1866 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-358" style="display: none;" data-parent="358"> 1867 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem423" data-pageid="423"> 1868 <div class="accordionNavItem"> 1869 <a href="/423/Collection-Schedule" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Collection Schedule</span></a> 1870 </div> 1871 </li> 1872 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem422" data-pageid="422"> 1873 <div class="accordionNavItem"> 1874 <a href="/422/Recycling" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Recycling</span></a> 1875 </div> 1876 </li> 1877 1878 </ol> 1879 </li> 1880 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem360" data-pageid="360"> 1881 <div class="accordionNavItem"> 1882 <a href="/360/Public-Works-Streets" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Public Works-Streets</a> 1883 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Public Works-Streets Submenu" aria-expanded="false" aria-controls="submenu-lvl1-360"></a> 1884 </div> 1885 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-360" style="display: none;" data-parent="360"> 1886 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem749" data-pageid="749"> 1887 <div class="accordionNavItem"> 1888 <a href="/417/Sidewalk-Replacement" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sidewalk Replacement </span></a> 1889 </div> 1890 </li> 1891 1892 </ol> 1893 </li> 1894 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem359" data-pageid="359"> 1895 <div class="accordionNavItem"> 1896 <a href="/359/Sewer-Lines" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Sewer Lines</a> 1897 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Sewer Lines Submenu" aria-expanded="false" aria-controls="submenu-lvl1-359"></a> 1898 </div> 1899 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-359" style="display: none;" data-parent="359"> 1900 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem552" data-pageid="552"> 1901 <div class="accordionNavItem"> 1902 <a href="/552/Contractor-Requirements" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Contractor Requirements</span></a> 1903 </div> 1904 </li> 1905 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem550" data-pageid="550"> 1906 <div class="accordionNavItem"> 1907 <a href="/550/Sewer-Back-up-Relief" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sewer Back-up Relief</span></a> 1908 </div> 1909 </li> 1910 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem551" data-pageid="551"> 1911 <div class="accordionNavItem"> 1912 <a href="/551/Sewer-Lateral-Repair-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sewer Lateral Repair Program</span></a> 1913 </div> 1914 </li> 1915 1916 </ol> 1917 </li> 1918 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem361" data-pageid="361"> 1919 <div class="accordionNavItem"> 1920 <a href="/361/Treasurer" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Treasurer</a> 1921 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Treasurer Submenu" aria-expanded="false" aria-controls="submenu-lvl1-361"></a> 1922 </div> 1923 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-361" style="display: none;" data-parent="361"> 1924 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem362" data-pageid="362"> 1925 <div class="accordionNavItem"> 1926 <a href="/362/Police-Fire-Pension-Funds" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Police & Fire Pension Funds</span></a> 1927 </div> 1928 </li> 1929 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem562" data-pageid="562"> 1930 <div class="accordionNavItem"> 1931 <a href="/562/Sewer-Trash-Billing" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sewer & Trash Billing</span></a> 1932 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Sewer & Trash Billing Submenu" aria-expanded="false" aria-controls="submenu-lvl2-562"></a> 1933 </div> 1934 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-562" style="display: none;" data-parent="562"> 1935 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem585" data-pageid="585"> 1936 <div class="accordionNavItem"> 1937 <a href="/585/Explanation-of-Sewer-Bill" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Explanation of Sewer Bill</span></a> 1938 </div> 1939 </li> 1940 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem747" data-pageid="747"> 1941 <div class="accordionNavItem"> 1942 <a href="/747/Sewer-Bill-Adjustment-Request-Forms" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sewer Bill Adjustment Request Forms</span></a> 1943 </div> 1944 </li> 1945 1946 </ol> 1947 </li> 1948 1949 </ol> 1950 </li> 1951 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem364" data-pageid="364">
1952 <div class="accordionNavItem"> 1953 <a href="/364/Wastewater" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Wastewater</a> 1954 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Wastewater Submenu" aria-expanded="false" aria-controls="submenu-lvl1-364"></a> 1955 </div> 1956 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-364" style="display: none;" data-parent="364"> 1957 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem523" data-pageid="523"> 1958 <div class="accordionNavItem"> 1959 <a href="/523/Combined-Sewer-Overflows" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Combined Sewer Overflows</span></a> 1960 </div> 1961 </li> 1962 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem522" data-pageid="522"> 1963 <div class="accordionNavItem"> 1964 <a href="/522/Long-Term-Control-Plan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Long Term Control Plan</span></a> 1965 </div> 1966 </li> 1967 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem579" data-pageid="579"> 1968 <div class="accordionNavItem"> 1969 <a href="/579/Public-Notices" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Notices</span></a> 1970 </div> 1971 </li> 1972 1973 </ol> 1974 </li> 1975 1976 </ol> 1977 1978 1979
1979<script type="text/javascript"> 1980 (function () { 1981 function setupSecondaryMenuProperties() { 1982 //setup menu manager properties for secondary menu 1983 menuManager.isSideMenuEditable = false; 1984 menuManager.sideMenuMaxSubMenuLevels = 4; 1985 menuManager.sideMenuHasCustomLinks = false; 1986 } 1987 1988 if (document.readyState === "loading") { 1989 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1990 return; 1991 } 1992 1993 setupSecondaryMenuProperties(); 1994 })(); 1995 </script>
1995 1996 1997
1997<script type="text/javascript"> 1998 (function () { 1999 function setupAccordionSecondaryNav() { 2000 var $menuContainer = $('#secondaryNav'); 2001 2002 $menuContainer.find('*[id^="SideItem"]').each(function () { 2003 var ids = $('[id="' + this.id + '"]'); 2004 if (ids.length > 1) 2005 $.each(ids, function (index, value) { 2006 value.id = value.id + '_' + index; 2007 }); 2008 }); 2009 2010 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 2011 e.preventDefault(); 2012 showHideAccordionMenuForSecondaryNav($(this)); 2013 }); 2014 2015 $menuContainer.find(".grippy").each(function () { 2016 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 2017 }); 2018 2019 $menuContainer.find("li").each(function () { 2020 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 2021 }); 2022 } 2023 2024 if (document.readyState === "loading") { 2025 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 2026 return; 2027 } 2028 2029 setupAccordionSecondaryNav(); 2030 })(); 2031 </script>
2031 2032 2033 2034 2035</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc6067cf46-3abc-4cf1-814f-5d8a2bf0fce6" data-containerid="6067cf46-3abc-4cf1-814f-5d8a2bf0fce6" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2036 2037 2038 <div class="row outer wide"><!-- 2039--><div class="outer col col24 first last" style="" data-widgetcontainerid="8a5e4312-6332-4ce5-9d5a-7d62942e0e30">� 2040 <div class="row nest first last wide">� 2041 2042 <div class="inner col col24 first last id8f8cfb95-d3f6-4975-ba1b-8195b7393385" style="" data-widgetcontainerid="8f8cfb95-d3f6-4975-ba1b-8195b7393385">� 2043<div data-widget-id="ff89c7ff-5b1f-4020-9639-03ade20b1ecd" data-widget-controller-path="/GraphicLinks/Widget"> 2044 2045 2046 2047 2048<div id="graphicLinkWidgetff89c7ff-5b1f-4020-9639-03ade20b1ecd" class="widget widgetGraphicLinks skin10 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2049 <div class="widgetHeader"> 2050 <div class=""> 2051 </div> 2052 </div> 2053 <div class="widgetBody cpGrid cpGrid1 "> 2054 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2055 <ul class="semanticList"> 2056 <!-- 2057 --><li class="widgetItem GraphicLinks"> 2058 2059<div> 2060 <a href="/562/Sewer-Trash-Billing" target="_self" class="fancyButton fancyButton174 " > 2061 <span> 2062 <span><span class="text">Pay Bill</span></span> 2063 </span> 2064 </a> 2065</div> 2066 <style scoped="scoped">.fancyButton174.fancyButton:link,.fancyButton174.fancyButton:visited, .fancyButton174div.fancyButton{ 2067 padding-left: 80px; 2068 background-image: url('/ImageRepository/Document?documentID=8819'); 2069 background-repeat: no-repeat; 2070 background-position: left center; 2071transition: all .3s ease-in-out;} 2072.fancyButton174.fancyButton:hover,.fancyButton174.fancyButton:focus,.fancyButton174.fancyButton:active,.fancyButton174.fancyButton.hover{ 2073 background-image: url('/ImageRepository/Document?documentID=8818'); 2074} 2075.fancyButton174.fancyButton:link > span,.fancyButton174.fancyButton:visited > span, .fancyButton174div.fancyButton > span{ 2076} 2077.fancyButton174.fancyButton:hover > span,.fancyButton174.fancyButton:focus > span,.fancyButton174.fancyButton:active > span,.fancyButton174.fancyButton.hover > span{ 2078} 2079.fancyButton174.fancyButton .text{ 2080 color: #ffffff; 2081 font-size: 1.2em; 2082 font-family: "Raleway"; 2083 text-align: left; 2084 font-weight: 700; 2085 text-decoration: none; 2086 background-repeat: no-repeat; 2087 background-position: left top; 2088height: 70px; 2089line-height: 1.2; 2090text-transform: uppercase; 2091} 2092.fancyButton174.fancyButton:hover .text,.fancyButton174.fancyButton:focus .text,.fancyButton174.fancyButton:active .text,.fancyButton174.fancyButton.hover .text{ 2093 text-decoration: underline; 2094 background-repeat: no-repeat; 2095 background-position: left top; 2096 2097 2098} 2099</style> 2100 2101 </li><!-- 2102 --><li class="widgetItem GraphicLinks"> 2103 2104<div> 2105 <a href="https://bellevilleil.qscend.com/311" target="_self" class="fancyButton fancyButton175 " > 2106 <span> 2107 <span><span class="text">Report a Concern</span></span> 2108 </span> 2109 </a> 2110</div> 2111 <style scoped="scoped">.fancyButton175.fancyButton:link,.fancyButton175.fancyButton:visited, .fancyButton175div.fancyButton{ 2112 padding-left: 80px; 2113 background-image: url('/ImageRepository/Document?documentID=8821'); 2114 background-repeat: no-repeat; 2115 background-position: left center; 2116transition: all .3s ease-in-out;} 2117.fancyButton175.fancyButton:hover,.fancyButton175.fancyButton:focus,.fancyButton175.fancyButton:active,.fancyButton175.fancyButton.hover{ 2118 background-image: url('/ImageRepository/Document?documentID=8820'); 2119} 2120.fancyButton175.fancyButton:link > span,.fancyButton175.fancyButton:visited > span, .fancyButton175div.fancyButton > span{ 2121} 2122.fancyButton175.fancyButton:hover > span,.fancyButton175.fancyButton:focus > span,.fancyButton175.fancyButton:active > span,.fancyButton175.fancyButton.hover > span{ 2123} 2124.fancyButton175.fancyButton .text{ 2125 color: #ffffff; 2126 font-size: 1.2em; 2127 font-family: "Raleway"; 2128 text-align: left; 2129 font-weight: 700; 2130 text-decoration: none; 2131 background-repeat: no-repeat; 2132 background-position: left top; 2133height: 70px; 2134line-height: 1.2; 2135text-transform: uppercase; 2136} 2137.fancyButton175.fancyButton:hover .text,.fancyButton175.fancyButton:focus .text,.fancyButton175.fancyButton:active .text,.fancyButton175.fancyButton.hover .text{ 2138 text-decoration: underline; 2139 background-repeat: no-repeat; 2140 background-position: left top; 2141 2142 2143} 2144</style> 2145 2146 </li><!-- 2147 --><li class="widgetItem GraphicLinks"> 2148 2149<div> 2150 <a href="/317/City-Council-Elected-Officials" target="_self" class="fancyButton fancyButton176 " > 2151 <span> 2152 <span><span class="text">City Council & Meetings</span></span> 2153 </span> 2154 </a> 2155</div> 2156 <style scoped="scoped">.fancyButton176.fancyButton:link,.fancyButton176.fancyButton:visited, .fancyButton176div.fancyButton{ 2157 padding-left: 80px; 2158 background-image: url('/ImageRepository/Document?documentID=8817'); 2159 background-repeat: no-repeat; 2160 background-position: left center; 2161transition: all .3s ease-in-out;} 2162.fancyButton176.fancyButton:hover,.fancyButton176.fancyButton:focus,.fancyButton176.fancyButton:active,.fancyButton176.fancyButton.hover{ 2163 background-image: url('/ImageRepository/Document?documentID=8815'); 2164} 2165.fancyButton176.fancyButton:link > span,.fancyButton176.fancyButton:visited > span, .fancyButton176div.fancyButton > span{ 2166} 2167.fancyButton176.fancyButton:hover > span,.fancyButton176.fancyButton:focus > span,.fancyButton176.fancyButton:active > span,.fancyButton176.fancyButton.hover > span{ 2168} 2169.fancyButton176.fancyButton .text{ 2170 color: #ffffff; 2171 font-size: 1.2em; 2172 font-family: "Raleway"; 2173 text-align: left; 2174 font-weight: 700; 2175 text-decoration: none; 2176 background-repeat: no-repeat; 2177 background-position: left top; 2178height: 70px; 2179line-height: 1.2; 2180text-transform: uppercase; 2181} 2182.fancyButton176.fancyButton:hover .text,.fancyButton176.fancyButton:focus .text,.fancyButton176.fancyButton:active .text,.fancyButton176.fancyButton.hover .text{ 2183 text-decoration: underline; 2184 background-repeat: no-repeat; 2185 background-position: left top; 2186 2187 2188} 2189</style> 2190 2191 </li><!-- 2192 --><li class="widgetItem GraphicLinks"> 2193 2194<div> 2195 <a href="/758/Agendas-Minutes" target="_self" class="fancyButton fancyButton177 " > 2196 <span> 2197 <span><span class="text">Agendas & Minutes</span></span> 2198 </span> 2199 </a> 2200</div> 2201 <style scoped="scoped">.fancyButton177.fancyButton:link,.fancyButton177.fancyButton:visited, .fancyButton177div.fancyButton{ 2202 padding-left: 80px; 2203 background-image: url('/ImageRepository/Document?documentID=8816'); 2204 background-repeat: no-repeat; 2205 background-position: left center; 2206transition: all .3s ease-in-out;} 2207.fancyButton177.fancyButton:hover,.fancyButton177.fancyButton:focus,.fancyButton177.fancyButton:active,.fancyButton177.fancyButton.hover{ 2208 background-image: url('/ImageRepository/Document?documentID=8814'); 2209} 2210.fancyButton177.fancyButton:link > span,.fancyButton177.fancyButton:visited > span, .fancyButton177div.fancyButton > span{ 2211} 2212.fancyButton177.fancyButton:hover > span,.fancyButton177.fancyButton:focus > span,.fancyButton177.fancyButton:active > span,.fancyButton177.fancyButton.hover > span{ 2213} 2214.fancyButton177.fancyButton .text{ 2215 color: #ffffff; 2216 font-size: 1.2em; 2217 font-family: "Raleway"; 2218 text-align: left; 2219 font-weight: 700; 2220 text-decoration: none; 2221 background-repeat: no-repeat; 2222 background-position: left top; 2223height: 70px; 2224line-height: 1.2; 2225text-transform: uppercase; 2226} 2227.fancyButton177.fancyButton:hover .text,.fancyButton177.fancyButton:focus .text,.fancyButton177.fancyButton:active .text,.fancyButton177.fancyButton.hover .text{ 2228 text-decoration: underline; 2229 background-repeat: no-repeat; 2230 background-position: left top; 2231 2232 2233} 2234</style> 2235 2236 </li><!-- 2237 --><li class="widgetItem GraphicLinks"> 2238 2239<div> 2240 <a href="/list.aspx" target="_self" class="fancyButton fancyButton178 " > 2241 <span> 2242 <span><span class="text">Notify Me®</span></span> 2243 </span> 2244 </a> 2245</div> 2246 <style scoped="scoped">.fancyButton178.fancyButton:link,.fancyButton178.fancyButton:visited, .fancyButton178div.fancyButton{ 2247 padding-left: 80px; 2248 background-image: url('/ImageRepository/Document?documentID=8823'); 2249 background-repeat: no-repeat; 2250 background-position: left center; 2251transition: all .3s ease-in-out;} 2252.fancyButton178.fancyButton:hover,.fancyButton178.fancyButton:focus,.fancyButton178.fancyButton:active,.fancyButton178.fancyButton.hover{ 2253 background-image: url('/ImageRepository/Document?documentID=8822'); 2254} 2255.fancyButton178.fancyButton:link > span,.fancyButton178.fancyButton:visited > span, .fancyButton178div.fancyButton > span{ 2256} 2257.fancyButton178.fancyButton:hover > span,.fancyButton178.fancyButton:focus > span,.fancyButton178.fancyButton:active > span,.fancyButton178.fancyButton.hover > span{ 2258} 2259.fancyButton178.fancyButton .text{ 2260 color: #ffffff; 2261 font-size: 1.2em; 2262 font-family: "Raleway"; 2263 text-align: left; 2264 font-weight: 700; 2265 text-decoration: none; 2266 background-repeat: no-repeat; 2267 background-position: left top; 2268height: 70px; 2269line-height: 1.2; 2270text-transform: uppercase; 2271} 2272.fancyButton178.fancyButton:hover .text,.fancyButton178.fancyButton:focus .text,.fancyButton178.fancyButton:active .text,.fancyButton178.fancyButton.hover .text{ 2273 text-decoration: underline; 2274 background-repeat: no-repeat; 2275 background-position: left top; 2276 2277 2278} 2279</style> 2280 2281 </li><!-- 2282 --><li class="widgetItem GraphicLinks"> 2283 2284<div> 2285 <a href="/358/Public-Works-Sanitation" target="_self" class="fancyButton fancyButton179 " > 2286 <span> 2287 <span><span class="text">Trash / Recycling</span></span> 2288 </span> 2289 </a> 2290</div> 2291 <style scoped="scoped">.fancyButton179.fancyButton:link,.fancyButton179.fancyButton:visited, .fancyButton179div.fancyButton{ 2292 padding-left: 80px; 2293 background-image: url('/ImageRepository/Document?documentID=8825'); 2294 background-repeat: no-repeat; 2295 background-position: left center; 2296transition: all .3s ease-in-out;} 2297.fancyButton179.fancyButton:hover,.fancyButton179.fancyButton:focus,.fancyButton179.fancyButton:active,.fancyButton179.fancyButton.hover{ 2298 background-image: url('/ImageRepository/Document?documentID=8824'); 2299} 2300.fancyButton179.fancyButton:link > span,.fancyButton179.fancyButton:visited > span, .fancyButton179div.fancyButton > span{ 2301} 2302.fancyButton179.fancyButton:hover > span,.fancyButton179.fancyButton:focus > span,.fancyButton179.fancyButton:active > span,.fancyButton179.fancyButton.hover > span{ 2303} 2304.fancyButton179.fancyButton .text{ 2305 color: #ffffff; 2306 font-size: 1.2em; 2307 font-family: "Raleway"; 2308 text-align: left; 2309 font-weight: 700; 2310 text-decoration: none; 2311 background-repeat: no-repeat; 2312 background-position: left top; 2313height: 70px; 2314line-height: 1.2; 2315text-transform: uppercase; 2316} 2317.fancyButton179.fancyButton:hover .text,.fancyButton179.fancyButton:focus .text,.fancyButton179.fancyButton:active .text,.fancyButton179.fancyButton.hover .text{ 2318 text-decoration: underline; 2319 background-repeat: no-repeat; 2320 background-position: left top; 2321 2322 2323} 2324</style> 2325 2326 </li><!-- 2327 --> 2328 </ul> 2329 </nav> 2330 </div> 2331 <div class="widgetFooter"> 2332 </div> 2333</div> 2334</div> 2335 2336 </div> <!-- inner column --> 2337 2338 </div> <!-- inner row --> 2339 2340 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2341 2342 2343 </div> 2344</aside> 2345</div> 2346</div></div> 2347</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 2348<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc2dbf4974-eefa-43dd-b941-26a59cf16b62" data-containerid="2dbf4974-eefa-43dd-b941-26a59cf16b62" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="45"> 2349 2350 2351 <div class="row outer wide"><!-- 2352--><div class="outer col col6 first" style="" data-widgetcontainerid="46c89364-3bb5-47db-9a43-b853de1ed8ff">� 2353 <div class="row nest first last wide">� 2354 2355 <div class="inner col col6 first last idf1515297-81d1-47e3-824e-b96d9ec387bb" style="" data-widgetcontainerid="f1515297-81d1-47e3-824e-b96d9ec387bb">� 2356 <div data-widget-id="ad57712c-acd2-4eab-b6fd-099c7ce39805" data-widget-controller-path="/InfoAdvanced/Widget"> 2357 2358 2359 2360 2361 2362 <section id="divInfoAdvad57712c-acd2-4eab-b6fd-099c7ce39805" class="widget widgetInfoAdvanced skin10 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2363 <header class="widgetHeader" id="headerad57712c-acd2-4eab-b6fd-099c7ce39805"> 2364 <div class=""> 2365 </div> 2366 </header> 2367 <div class="widgetBody cpGrid cpGrid1 "> 2368 <div class="row wide"> 2369 <div class="col col1 first last"> 2370 <ol class="pageStyles semanticList"> 2371 2372<li class="InfoAdvanced widgetItem fr-view"> 2373 <p><a href="/"><img src="/ImageRepository/Document?documentId=9436" class="fr-dib" alt="Great. Big. Small Town" style="width: 207px;"></a></p> 2374</li> </ol> 2375 </div> 2376 </div> 2377 </div> 2378 <div class="widgetFooter"> 2379 2380 </div> 2381 2382 </section> 2383 2384 2385
2386<script type="text/javascript"> 2387 //Render slideshow if info advacned items contain one. 2388 $(document).ready(function (e) { 2389 $('#divInfoAdvad57712c-acd2-4eab-b6fd-099c7ce39805 .InfoAdvanced.widgetItem').each(function () { 2390 renderSlideshowIfApplicable($(this)); 2391 }); 2392 }); 2393</script>
2393</div> 2394 </div> <!-- inner column --> 2395 2396 </div> <!-- inner row --> 2397 2398 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="0bd71bad-9ef9-4e1a-9f06-5eb1265fa978">� 2399 <div class="row nest first last wide">� 2400 2401 <div class="inner col col1 first last id4f62ced0-40ce-4436-aafc-276f850328fb" style="" data-widgetcontainerid="4f62ced0-40ce-4436-aafc-276f850328fb">� 2402 2403<div class="widget widgetSpacer" id="ff696561-c62e-4ad3-9b80-9c71f54262aa"></div> 2404 </div> <!-- inner column --> 2405 2406 </div> <!-- inner row --> 2407 2408 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="6b05c68d-e11f-49ad-897e-42a1198dee78">� 2409 <div class="row nest first last wide">� 2410 2411 <div class="inner col col5 first last idc312c90d-daf6-4c92-a8fa-085c84b7f8ac" style="" data-widgetcontainerid="c312c90d-daf6-4c92-a8fa-085c84b7f8ac">� 2412 <div data-widget-id="42963ce6-17da-402d-b79c-5d4eca0eaff5" data-widget-controller-path="/InfoAdvanced/Widget"> 2413 2414 2415 2416 2417 2418 <section id="divInfoAdv42963ce6-17da-402d-b79c-5d4eca0eaff5" class="widget widgetInfoAdvanced skin12 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header42963ce6-17da-402d-b79c-5d4eca0eaff5"> 2419 <header class="widgetHeader" id="header42963ce6-17da-402d-b79c-5d4eca0eaff5"> 2420 <div class=""> 2421 <h3 >Contact Us</h3> 2422 </div> 2423 </header> 2424 <div class="widgetBody cpGrid cpGrid1 "> 2425 <div class="row wide"> 2426 <div class="col col1 first last"> 2427 <ol class="pageStyles semanticList"> 2428 2429<li class="InfoAdvanced widgetItem fr-view"> 2430 <p>City of Belleville<br>101 S Illinois Street<br>Belleville, IL 62220<br>Phone: <a href="tel:618-233-6810">618-233-6810</a></p> 2431</li> </ol> 2432 </div> 2433 </div> 2434 </div> 2435 <div class="widgetFooter"> 2436 2437 </div> 2438 2439 </section> 2440 2441 2442
2443<script type="text/javascript"> 2444 //Render slideshow if info advacned items contain one. 2445 $(document).ready(function (e) { 2446 $('#divInfoAdv42963ce6-17da-402d-b79c-5d4eca0eaff5 .InfoAdvanced.widgetItem').each(function () { 2447 renderSlideshowIfApplicable($(this)); 2448 }); 2449 }); 2450</script>
2450</div> 2451 </div> <!-- inner column --> 2452 2453 </div> <!-- inner row --> 2454 2455 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="ef43dcee-90fe-44c4-8551-3004ad00ffab">� 2456 <div class="row nest first last wide">� 2457 2458 <div class="inner col col1 first last id248bb375-7051-4ef1-8c50-c8f06794bace" style="" data-widgetcontainerid="248bb375-7051-4ef1-8c50-c8f06794bace">� 2459 2460<div class="widget widgetSpacer" id="1d9b3c0d-0599-4282-a2a4-6dd8f89dbb5a"></div> 2461 </div> <!-- inner column --> 2462 2463 </div> <!-- inner row --> 2464 2465 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="8e4f720e-edca-41f5-8836-3e2748c8f96b">� 2466 <div class="row nest first last wide">� 2467 2468 <div class="inner col col5 first last id93120e41-43b6-4c37-9fcd-59bc9d2bda66" style="" data-widgetcontainerid="93120e41-43b6-4c37-9fcd-59bc9d2bda66">� 2469 <div data-widget-id="5ef404f7-4383-40d4-9b7a-b49c9a220355" data-widget-controller-path="/QuickLinks/Widget"> 2470 2471 2472 2473 2474 2475 2476 2477 2478 <section id="widgetQuicklink5ef404f7-4383-40d4-9b7a-b49c9a220355" class="widget widgetQuickLinks skin12 widgetOptionSet18 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader5ef404f7-4383-40d4-9b7a-b49c9a220355"> 2479 <header class="widgetHeader" id="quickLinksHeader5ef404f7-4383-40d4-9b7a-b49c9a220355"> 2480 <div class=""> 2481 <h3><a style="" href="/QuickLinks.aspx?CID=60" >Helpful Links</a></h3> 2482 </div> 2483 </header> 2484 <div class="widgetBody cpGrid cpGrid1 "> 2485 <div class="row narrow"> 2486 <div class="col col1 first last"> 2487 <ol class="semanticList"> 2488 2489 <li style="position:relative" class="widgetItem QuickLinks"> 2490 <a class="widgetDesc widgetQuickLinksLink" href="/544/Animal-Control" target="_self" >Animal Control</a> 2491 <div class="widgetMeta"></div> 2492 </li> 2493 2494 <li style="position:relative" class="widgetItem QuickLinks"> 2495 <a class="widgetDesc widgetQuickLinksLink" href="/573/Emergency-Notification-Assistance" target="_self" >Everbridge-Emergency Notification</a> 2496 <div class="widgetMeta"></div> 2497 </li> 2498 2499 <li style="position:relative" class="widgetItem QuickLinks"> 2500 <a class="widgetDesc widgetQuickLinksLink" href="/FAQ.aspx" target="_self" >Frequently Asked Questions</a> 2501 <div class="widgetMeta"></div> 2502 </li> 2503 2504 <li style="position:relative" class="widgetItem QuickLinks"> 2505 <a class="widgetDesc widgetQuickLinksLink" href="/list.aspx" target="_self" >Notify Me</a> 2506 <div class="widgetMeta"></div> 2507 </li> 2508 2509 <li style="position:relative" class="widgetItem QuickLinks"> 2510 <a class="widgetDesc widgetQuickLinksLink" href="/422/Recycling" target="_self" >Recycling</a> 2511 <div class="widgetMeta"></div> 2512 </li> 2513 </ol> 2514 </div> 2515 </div> 2516 2517 </div> 2518 <div class="widgetFooter"> 2519 </div> 2520 <div class="addItemModal hidden"> 2521 <div class="url hidden">/QuickLinks.aspx</div> 2522 </div> 2523 2524 </section> 2525</div> 2526 2527 </div> <!-- inner column --> 2528 2529 </div> <!-- inner row --> 2530 2531 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="8e8b1fa4-bcf3-4203-9138-bd6cbe8dc8e1">� 2532 <div class="row nest first last wide">� 2533 2534 <div class="inner col col1 first last id72c2008c-4c3b-4f68-9fc3-a5d44e3a9c72" style="" data-widgetcontainerid="72c2008c-4c3b-4f68-9fc3-a5d44e3a9c72">� 2535 2536<div class="widget widgetSpacer" id="27a91188-a011-4570-ab64-47f22a711a81"></div> 2537 </div> <!-- inner column --> 2538 2539 </div> <!-- inner row --> 2540 2541 </div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="83433e33-accd-4b31-be17-ff789b57abfe">� 2542 <div class="row nest first last wide">� 2543 2544 <div class="inner col col5 first last id5d5d32f6-c969-4f09-9d32-02dfd86837c2" style="" data-widgetcontainerid="5d5d32f6-c969-4f09-9d32-02dfd86837c2">� 2545 <div data-widget-id="dd12960f-9bba-4db0-8863-79ea84cd3429" data-widget-controller-path="/QuickLinks/Widget"> 2546 2547 2548 2549 2550 2551 2552 2553 2554 <section id="widgetQuicklinkdd12960f-9bba-4db0-8863-79ea84cd3429" class="widget widgetQuickLinks skin12 widgetOptionSet18 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderdd12960f-9bba-4db0-8863-79ea84cd3429"> 2555 <header class="widgetHeader" id="quickLinksHeaderdd12960f-9bba-4db0-8863-79ea84cd3429">
2556 <div class=""> 2557 <h3><a style="" href="/QuickLinks.aspx?CID=61" >Site Links</a></h3> 2558 </div> 2559 </header> 2560 <div class="widgetBody cpGrid cpGrid1 "> 2561 <div class="row narrow"> 2562 <div class="col col1 first last"> 2563 <ol class="semanticList"> 2564 2565 <li style="position:relative" class="widgetItem QuickLinks"> 2566 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 2567 <div class="widgetMeta"></div> 2568 </li> 2569 2570 <li style="position:relative" class="widgetItem QuickLinks"> 2571 <a class="widgetDesc widgetQuickLinksLink" href="/directory" target="_self" >Contact Us</a> 2572 <div class="widgetMeta"></div> 2573 </li> 2574 2575 <li style="position:relative" class="widgetItem QuickLinks"> 2576 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> 2577 <div class="widgetMeta"></div> 2578 </li> 2579 2580 <li style="position:relative" class="widgetItem QuickLinks"> 2581 <a class="widgetDesc widgetQuickLinksLink" href="/665" target="_self" >Privacy</a> 2582 <div class="widgetMeta"></div> 2583 </li> 2584 2585 <li style="position:relative" class="widgetItem QuickLinks"> 2586 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> 2587 <div class="widgetMeta"></div> 2588 </li> 2589 </ol> 2590 </div> 2591 </div> 2592 2593 </div> 2594 <div class="widgetFooter"> 2595 </div> 2596 <div class="addItemModal hidden"> 2597 <div class="url hidden">/QuickLinks.aspx</div> 2598 </div> 2599 2600 </section> 2601</div> 2602 2603 </div> <!-- inner column --> 2604 2605 </div> <!-- inner row --> 2606 2607 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2608 2609 2610 </div> 2611</div></div> 2612</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2613<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc02f8b7e6-2b87-488a-bb8f-802ab81f07e4" data-containerid="02f8b7e6-2b87-488a-bb8f-802ab81f07e4" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2614 2615 2616 <div class="row outer wide"><!-- 2617--><div class="outer col col24 first last" style="" data-widgetcontainerid="f8903714-785e-4f02-a765-352a78071328">� 2618 <div class="row nest first last wide">� 2619 2620 <div class="inner col col24 first last id6ae9879e-6c72-40d2-ac5c-cda50b2592d6" style="" data-widgetcontainerid="6ae9879e-6c72-40d2-ac5c-cda50b2592d6">� 2621 2622 <div data-widget-id='6d21eccb-2167-4eb8-b5b6-725e52affcac' data-moduleName="customHtml" id='widgetCustomHtml6d21eccb-2167-4eb8-b5b6-725e52affcac' class="widget widgetCustomHtml skin13 narrow" > 2623 <div class="widgetBody pageStyles" id="widgetBody6d21eccb-2167-4eb8-b5b6-725e52affcac"> 2624 <div id="customHtml6d21eccb-2167-4eb8-b5b6-725e52affcac"><div><style> 2625 /* CP icon */ 2626 .cpBylineIconTS { 2627 color: #fff; 2628 } 2629 /* CP Text */ 2630 .cpBylineTextTS, 2631 .cpBylineTextTS a:link { 2632 color: #fff; 2633 } 2634 2635 .cpBylineTS { 2636 text-align: center; 2637 } 2638 2639 .cpBylineIconTS { 2640 fill: currentColor; 2641 width: 39px; 2642 height: 26px; 2643 display: inline; 2644 vertical-align: middle; 2645 } 2646</style> 2647 2648<div class="widgetItem cpBylineTS"> 2649 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2650 <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> 2651 <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> 2652 </svg> 2653 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2654</div> 2655</div></div> 2656 </div> 2657 2658 </div> 2659 2660 </div> <!-- inner column --> 2661 2662 </div> <!-- inner row --> 2663 2664 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2665 2666 2667 </div> 2668</div></div> 2669</div> 2670</div> 2671 2672 </div> 2673 </div> 2674 </div> 2675 2676<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2677 2678<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2679 <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"> 2680 <div class="cp-Splash-header"> 2681 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2682 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2683 <svg id="iconClose" viewBox="0 0 25 25"> 2684 <polygon style="fill:currentcolor" 2685 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,
268518.084 13.277,12.508"></polygon> 2686 </svg> 2687 </button> 2688 </div> 2689 <div class="cp-Splash-body"> 2690 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2691 <!-- Content from the Froala Editor will go here. --> 2692 Loading 2693 </div> 2694 </div> 2695 <div class="cp-Splash-footer"> 2696 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2697 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 2698 </div> 2699 </div> 2700</div> 2701
2702<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2702
2702
2703<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2703
2703
2704<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2704
2704
2705<script> 2706 2707 $(document).ready(function () { 2708 var filter = { 2709 targetId: '318', 2710 targetType: 1 2711 } 2712 2713 new SplashModalRender().triggerRender(filter); 2714 }); 2715</script>
2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732
2732<script src="/-1442400649.js" type="text/javascript"></script>
2732 2733 <!-- Facebook Pixel Code -->
2734<script>
vendor: 408 bytes, lines 2734-2743
2734 2735!function(f,b,e,v,n,t,s) 2736{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 2737n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 2738if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 2739n.queue=[];t=b.createElement(e);t.async=!0; 2740t.src=v;s=b.getElementsByTagName(e)[0]; 2741s.parentNode.insertBefore(t,s)}(window, document,'script', 2742'https://connect.facebook.net/en_US/fbevents.js'); 2743fbq('init', '
2743532711497265374
vendor: 32 bytes, lines 2743-2744
2743'); 2744fbq('track', 'PageView');
2745</script>
2745 2746<noscript><img height="1" width="1" style="display:none" 2747src="https://www.facebook.com/tr?id=532711497265374&ev=PageView&noscript=1" 2748/></noscript> 2749 2750<!-- End Facebook Pixel Code --> 2751 2752<!-- 2022 Fixed Nav Adjustment -->
2753<script> 2754 function getValueTS(elem, attr) { 2755 const val = elem.css(attr); 2756 if (val === undefined) return undefined; 2757 const num = parseInt(val, 10); 2758 if (num === NaN) return undefined; 2759 return num; 2760 } 2761 2762 function clampTS(number, min, max) { 2763 return Math.min(Math.max(number, min), max); 2764 } 2765 2766 function isPageEditingTS() { 2767 return ( 2768 $("#doneEditing").length > 0 || // In live edit 2769 typeof DesignCenter !== "undefined" // In theme manager 2770 ); 2771 } 2772 2773 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 2774 function isTransparentTS(elem) { 2775 const bg = elem.css('background-color'); 2776 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 2777 const matchState = bg.match(bgColorRegexTS); 2778 if (!matchState || matchState.length !== 5) return false; 2779 const alpha = parseFloat(matchState[4], 10); 2780 if (!(alpha >= 0 && alpha < 1)) return false; 2781 return true; 2782 } 2783 2784 function iterateLeftpads(cb) { 2785 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2786 for (let i = 0; i < containersTS.length; i++) { 2787 const containerTS = containersTS[i]; 2788 // Skip the body container and anything with data-skip-leftpad 2789 if ( 2790 containerTS.id !== "bodyContainerTS" && 2791 containerTS.getAttribute('data-skip-leftpad') === null 2792 ) { 2793 cb(containerTS); 2794 } 2795 } 2796 } 2797 2798 const anchor = $("#divToolbars"); 2799 2800 // Outer banner padding (push banner down) 2801 const outerSizingTS = $("#bannerContainerTS"); 2802 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 2803 const innerSizingTS = $("#bannerSizingTS"); 2804 const bodyContainerTS = $("#bodyContainerTS"); 2805 2806 const forceUnfixClassTS = "forceUnfixTS"; 2807 2808 const fixedTopTS = $(".fixedTopTS"); 2809 const fixedBottomTS = $(".fixedBottomTS"); 2810 const fixedLeftTS = $(".fixedLeftTS"); 2811 2812 var initialTopTS; 2813 var topAttachTS; 2814 if (fixedTopTS && fixedTopTS.length === 1) { 2815 initialTopTS = getValueTS(fixedTopTS, 'top'); 2816 const attachment = fixedTopTS.attr('data-attach');
2817 if (attachment) topAttachTS = $("#" + attachment); 2818 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 2819 } 2820 2821 function resizeAdjustmentTS() { 2822 const editing = isPageEditingTS(); 2823 2824 // Fixed top script 2825 (function () { 2826 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 2827 2828 if (editing) { 2829 fixedTopTS[0].classList.add(forceUnfixClassTS); 2830 } else { 2831 fixedTopTS[0].classList.remove(forceUnfixClassTS); 2832 } 2833 2834 const topPosition = fixedTopTS.css('position'); 2835 if (topPosition === 'fixed') { 2836 if (topAttachTS) { 2837 scrollAdjustmentTS(); 2838 } else { 2839 const anchorHeight = anchor.outerHeight() - 1; 2840 fixedTopTS.css('top', anchorHeight + initialTopTS); 2841 } 2842 } else { 2843 fixedTopTS.css('top', initialTopTS); 2844 } 2845 2846 if (topPosition === 'fixed' || topPosition === 'absolute') { 2847 // Bump the banner content down 2848 if (isTransparentTS(fixedTopTS)) { 2849 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 2850 outerSizingTS.css('padding-top', ''); 2851 2852 try { 2853 window.Pages.onResizeHandlersExecute(); 2854 } catch (e) { } 2855 } else { 2856 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 2857 innerSizingTS.css('padding-top', ''); 2858 } 2859 } else { 2860 innerSizingTS.css('padding-top', ''); 2861 outerSizingTS.css('padding-top', ''); 2862 } 2863 })(); 2864 2865 // Fixed bottom script 2866 (function () { 2867 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 2868 2869 // If the widget has gone narrow, force unfix 2870 if (editing || fixedBottomTS.outerHeight() > 200) { 2871 fixedBottomTS[0].classList.add(forceUnfixClassTS); 2872 } else { 2873 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 2874 } 2875 2876 if (fixedBottomTS.css('position') === 'fixed') { 2877 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 2878 } else { 2879 bodyContainerTS.css('padding-bottom', ''); 2880 } 2881 })(); 2882 2883 // Fixed left script 2884 (function () { 2885 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 2886 2887 if (editing) { 2888 fixedLeftTS[0].classList.add(forceUnfixClassTS); 2889 } else { 2890 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 2891 } 2892 2893 if (fixedLeftTS.css('position') === 'fixed') { 2894 const anchorHeight = anchor.outerHeight() - 1; 2895 fixedLeftTS.css('top', anchorHeight); 2896 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 2897 iterateLeftpads(function (containerTS) { 2898 const containerBoundingTS = containerTS.getBoundingClientRect(); 2899 if (containerBoundingTS.left <= leftBoundingTS.right) { 2900 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 2901 } 2902 }); 2903 } else { 2904 fixedLeftTS.css('top', ''); 2905 iterateLeftpads(function (containerTS) { 2906 $(containerTS).css('padding-left', ''); 2907 }); 2908 } 2909 })(); 2910 } 2911 2912 function scrollAdjustmentTS() { 2913 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 2914 const topPosition = fixedTopTS.css('position'); 2915 if (topPosition === 'fixed' || topPosition === 'absolute') { 2916 const anchorBounding = anchor[0].getBoundingClientRect(); 2917 const attachBounding = topAttachTS[0].getBoundingClientRect(); 2918 const scrollTop = $(window).scrollTop(); 2919 2920 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 2921 } else { 2922 fixedTopTS.css('top', initialTopTS); 2923 } 2924 } 2925 2926 $(window).load(function () { 2927 setTimeout(function () { 2928 resizeAdjustmentTS(); 2929 }, 350); 2930 2931 $(window).scroll(function () { 2932 scrollAdjustmentTS(); 2933 }); 2934 2935 var adjustTimeoutTS; 2936 $(window).resize(function () { 2937 clearTimeout(adjustTimeoutTS); 2938 adjustTimeoutTS = setTimeout(function () { 2939 resizeAdjustmentTS(); 2940 }, 350); 2941 });
2942 2943 $.when(window.Pages.angularToolbarComplete).done(function () { 2944 resizeAdjustmentTS(); 2945 }); 2946 }); 2947</script>
2947 2948<!-- End Fixed Nav Adjustment --> 2949 2950<!-- Google tag (gtag.js) requested in 542754 -->
vendor: 65 bytes, lines 2950-2951
2950 2951<script async src="https://www.googletagmanager.com/gtag/js?id=
2951G-1LEP05KYJZ
vendor: 12 bytes, line 2951
2951"></script>
2951<script>
vendor: 127 bytes, line 2951
2951window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
2951G-1LEP05KYJZ
vendor: 4 bytes, line 2951
2951');
2951</script>
2951 2952<!-- End Google tag --> 2953
2954<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash = "d745e58e5a5549c27d1d995486f64c29"; var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
2954 2955 2956 2957
2957<script type="text/javascript"> 2958 $(function () { 2959 document.cookie = "responsiveGhost=0; path=/"; 2960 }); 2961 $(window).on("load", function () { 2962 $('body').addClass('doneLoading').removeClass('hideContent'); 2963 2964 if ($('#404Content').length > 0) 2965 $('div#bodyWrapper').css('padding', '0px'); 2966 }); 2967 </script>
2967 2968 2969 <noscript> 2970 <style> 2971 body.hideContent { 2972 opacity: 1 !important; 2973 } 2974 </style> 2975 </noscript> 2976 2977 2978<div style="display: none;"> 2979 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2980 2981 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2982 <title>Arrow Left</title> 2983 <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> 2984 </symbol> 2985 2986 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2987 <title>Arrow Right</title> 2988 <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> 2989 </symbol> 2990 2991 </svg> 2992</div> 2993
2993<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Libre+Franklin:regular|Montserrat:700,regular|Open+Sans:600,700,regular|Raleway:500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|');</script>
2993 2994 2995 2996 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2997 <div style="display: none;"> 2998 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2999 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3000 <title>Slideshow Left Arrow</title> 3001 <g> 3002 <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> 3003 </g> 3004 </symbol> 3005 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3006 <title>Slideshow Right Arrow</title> 3007 <g> 3008 <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> 3009 </g> 3010 </symbol> 3011 </svg> 3012 </div> 3013 3014 3015 3016 3017 <div id="root-picker-outlet"></div> 3018</body> 3019</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.