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-QQDBB62EZK';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= true; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = 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 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 117-118
117 118<script async src="https://www.googletagmanager.com/gtag/js?id=
118UA-124813328-1
vendor: 13 bytes, line 118
118"></script>
119<script> 120
vendor: 138 bytes, lines 120-124
120window.dataLayer = window.dataLayer || []; 121 function gtag(){dataLayer.push(arguments);} 122 gtag('js', new Date()); 123 124 gtag('config', '
124UA-124813328-1
vendor: 5 bytes, line 124
124');
125</script>
125 126<!--End Google Analytics Code --> 127 128 129 130 <meta name="theme-color" content="rgb(53, 25, 97)"> 131 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 132 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 133 <title>Search ⢠Lombard, IL ⢠CivicEngage</title> 134 135
135<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
135 136
136<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
136 137 138 139 <!--[if IE 6]>
139<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
139<![endif]--> 140 <!--[if IE 7]>
140<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
140<![endif]--> 141 <!--[if IE 8]>
141<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
141<![endif]--> 142 <!--[if IE 9]>
142<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
142<![endif]--> 143
143<script type="text/javascript"><!-- 144 var intCountryCode = 840; 145 var order = ''; 146//--></script>
146 147 148<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/1290259817.css" rel="stylesheet" type="text/css" /> 149 150 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 151
151<script type="text/javascript"> 152 window.Pages = window.Pages || {}; 153 // FrontEnd RWD initialization 154 window.Pages.rwdReady = $.Deferred(); 155 window.Pages.toolBarDeferred = $.Deferred(); 156 window.Pages.rwdSetupComplete = $.Deferred(); 157 window.Pages.megaMenuLoaded = $.Deferred(); 158 window.Pages.angularToolbarComplete = $.Deferred(); 159 window.Pages.frontEndToolbarComplete = $.Deferred(); 160 </script>
160 161 <!--CPHeadContent--> 162
162<script src="/739942322.js" type="text/javascript"></script>
162 163 164 165 166
166<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
166 167
167<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
167 168 <link rel="stylesheet" type="text/css" href="/Areas/Search/Assets/Styles/Home2017.css" /> 169 <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 170 <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 171 172 173 174
174<script src="/1657590475.js" type="text/javascript"></script>
174 175 176 177 178 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 179 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 180 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 181 <!--[if lt IE 9]>
181<script type="text/javascript" src="/Scripts/html5.js"></script>
181<![endif]--> 182 183
183<script type="text/javascript"> 184 setEditorVariables(false, 840); 185 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 186 </script>
186 187
187<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
187 188</head> 189<body class="wide " > 190 191
191<script>jQuery(document).click(function (event) { 192 var target = jQuery(event.target); 193 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 194 var text = target.attr('title'); 195 196 if (!text.length) { 197 text = "N/A"; 198 } 199 ga('send', 200 { 201 hitType: 'event', 202 eventCategory: 'Image', 203 eventAction: 'Image - ' + text, 204 eventLabel: window.location.href 205 }); 206 } 207 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 208 var text = ""; 209 if (target.parents('.button')[0]) { 210 text = target.parents('.button').first().text(); 211 } else if (target.text().length) { 212 text = target.text(); 213 } else if (target.attr('title').length) { 214 text = target.attr('title'); 215 } 216 if (!text.length) { 217 text = "N/A"; 218 } 219 ga('send', 220 { 221 hitType: 'event', 222 eventCategory: 'Button', 223 eventAction: 'Button - ' + text, 224 eventLabel: window.location.href 225 }); 226 } 227 if (target.parents('.widgetCustomHtml').length) { 228 ga('send', 229 { 230 hitType: 'event', 231 eventCategory: 'Custom Html',
232 eventAction: 'Custom Html Clicked', 233 eventLabel: window.location.href 234 }); 235 } 236 if (target.parents('.editor').length) { 237 ga('send', 238 { 239 hitType: 'event', 240 eventCategory: 'Editor', 241 eventAction: 'Editor Link Clicked', 242 eventLabel: window.location.href 243 }); 244 } 245 if (target.parents('.GraphicLinks').length) { 246 var text = ""; 247 var targetGraphicLink = target; 248 if (target.hasClass('widgetGraphicLinksLink')) { 249 targetGraphicLink = jQuery(target.children()[0]); 250 } 251 if (targetGraphicLink.hasClass('text')) { 252 text = targetGraphicLink.text(); 253 } else if (targetGraphicLink.attr('src').length) { 254 if (targetGraphicLink.attr('alt').length) { 255 text = targetGraphicLink.attr('alt'); 256 } else { 257 text = targetGraphicLink.attr('src'); 258 } 259 } else { 260 text = "N/A"; 261 } 262 ga('send', 263 { 264 hitType: 'event', 265 eventCategory: 'Graphic Links', 266 eventAction: 'Graphic Link - ' + text, 267 eventLabel: window.location.href 268 }); 269 } 270 if (target.parents('.InfoAdvanced').length) { 271 ga('send', 272 { 273 hitType: 'event', 274 eventCategory: 'Info Advanced', 275 eventAction: 'Info Advanced Clicked', 276 eventLabel: window.location.href 277 }); 278 } 279 if (target.parents('.list').length) { 280 ga('send', 281 { 282 hitType: 'event', 283 eventCategory: 'List', 284 eventAction: 'List Clicked', 285 eventLabel: window.location.href 286 }); 287 } 288 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 289 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 290 var breadCrumbs = []; 291 jQuery('.breadCrumbs > li').each(function () { 292 breadCrumbs.push(this.textContent); 293 }); 294 var pageTitle = breadCrumbs.join('>'); 295 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 296 var text = ""; 297 if (pageTitle) { 298 text += pageTitle + " | "; 299 } else { 300 text += document.title + ' - '; 301 } 302 if (target.text() == "" && megaMenuText == "") { 303 text += "N/A"; 304 } else if (target.text().length && megaMenuText.length) { 305 if (megaMenuText == target.text()) { 306 text += megaMenuText; 307 } else { 308 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 309 } 310 } else if (target.text() == "") { 311 text += megaMenuText; 312 } else { 313 text += target.text(); 314 } 315 if (!text.length) { 316 text = "N/A"; 317 } 318 ga('send', 319 { 320 hitType: 'event', 321 eventCategory: 'Mega Menu', 322 eventAction: 'Mega Menu : ' + text, 323 eventLabel: window.location.href 324 }); 325 } 326 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 327 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 328 if (!text.length) { 329 text = "N/A"; 330 } 331 ga('send', 332 { 333 hitType: 'event', 334 eventCategory: 'News Flash', 335 eventAction: 'News Flash - ' + text, 336 eventLabel: window.location.href 337 }); 338 } 339 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 340 var text = target.text(); 341 if (!text.length) { 342 text = "N/A"; 343 } 344 ga('send', 345 { 346 hitType: 'event', 347 eventCategory: 'Quick Links', 348 eventAction: 'Quick Links - ' + text, 349 eventLabel: window.location.href 350 }); 351 } 352 if (target.attr('src') && target.parents('.cpSlideshow').length) { 353 var text = target.attr('title'); 354 if (!text.length) { 355 text = "N/A"; 356 } 357 ga('send', 358 { 359 hitType: 'event', 360 eventCategory: 'Slideshow', 361 eventAction: 'Slideshow - ' + text, 362 eventLabel: window.location.href 363 }); 364 } 365 if (target.parents('.widgetText').length) { 366 ga('send', 367 { 368 hitType: 'event', 369 eventCategory: 'Text', 370 eventAction: 'Text Link Clicked', 371 eventLabel: window.location.href 372 }); 373 } 374});</script>
374 375 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 376 <div class="cp-PopOver-header"> 377 <h3 class="cp-PopOver-title"></h3> 378 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 379 <svg class="cp-Icon--close" alt="close" title="close"> 380 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 381 </svg> 382 </button> 383 </div> 384 <div id="cpPopOverBody" class="cp-PopOver-body"> 385 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 386 </div> 387 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 388 <div class="cp-BtnGroup" id="actionButtons"> 389 <!-- Action buttons will be dynamically added here --> 390 </div> 391 </div> 392</div> 393 <div id="fb-root"></div> 394<div id=skipToContentLinks> 395<a href="#contentarea" target="_self" class="skipToContentLink">Skip to Main Content</a> 396</div> 397 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 398 399 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 400 401 402 403 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 404 <input type="hidden" id="hdnStructureID" value="11" /> 405 <input type="hidden" id="hdnContentCollectionID" value="e488ec09-3129-4559-9993-64edbcc2ea0d" /> 406 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 407 <input type="hidden" id="hdnThemeID" value="23" /> 408 <input type="hidden" id="pageIsFrontEnd" value="true" /> 409 <input type="hidden" id="pageModuleID" value="82" /> 410 <input type="hidden" id="pagePageID" /> 411 412 <input type="hidden" id="hdnModuleID" value="82" /> 413 <div id="stickyPlaceholder"></div> 414 <div id="outer-wrap" class="outer-wrap"> 415 <div id="inner-wrap" class="inner-wrap"> 416 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 417 418 419 420 421 </div> 422 <div id="bodyWrapper"> 423 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 424 425<div data-cpRole="structuralContainer" id="bodyContainerTS"> 426<!-- <div data-cpRole="banner" id="banner2" class="fixedBannerTS"></div> --><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 427<div class="siteWrap8"><div data-cpRole="structuralContainer" id="flexHeaderTS"> 428<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 429 430 431 432 433 <a id="bannerLogoTS-69" style=" display: block; text-align: center; 434" class="bannerObject" href="/" target="_self"><img alt="Homepage Lombard Village, Illinois" class="bannerObject" height="170" src="/ImageRepository/Document?documentID=10476" width="626" /></a> 435</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 436<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 437--><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 438 --><!-- 439 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem1 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 440 --><!-- 441 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 442 --><!-- 443 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavOurCommunity" class="navMainItem mainNavItem mainNavItem2 " href="/31/Our-Community" target = "_self" > Our Community </a> <!-- 444 --><!-- 445 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 446 --><!-- 447 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem3 " href="/101/Services" target = "_self" > Services </a> <!-- 448 --><!-- 449 --></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 450 --><!-- 451 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem4 " href="/27/Government" target = "_self" > Government </a> <!-- 452 --><!-- 453 --></li><!----> 454</ol> 455 456 457
457<script type="text/javascript"> 458 (function () { 459 function setupMenu() { 460 const menuID = 'mainNavMenu'; 461 const menuType = MAIN_MENU; 462 463 //setup menu manager properties for main menu 464 if (!menuManager.mobileMainNav && true) 465 menuManager.adjustMainItemsWidth('#' + menuID); 466 menuManager.isMainMenuEditable = false; 467 menuManager.mainMenuMaxSubMenuLevels = 4; 468 menuManager.setMOMMode(2, menuType); 469 470 //Init main menu 471 const setupDraggable = menuManager.isMainMenuEditable; 472 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=82&themeID=23&menuContainerID=mainNav'; 473 474 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 475 menuManager.mainMenuInit = true; 476 menuManager.mainMenuTextResizer = true; 477 if (1.00 > 0) 478 menuManager.mainMenuTextResizerRatio = 1.00; 479 if (window.isResponsiveEnabled) 480 menuManager.mainMenuReady.resolve(); 481 482 } 483 484 if (document.readyState === "complete" 485 || document.readyState === "loaded" 486 || document.readyState === "interactive") { 487 setupMenu(); 488 return; 489 } 490 491 document.addEventListener("DOMContentLoaded", setupMenu); 492 })(); 493 </script>
493 494 495 496<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="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="ccb702dfec-c154-4b83-a440-5e01bf02336c" data-containerid="b702dfec-c154-4b83-a440-5e01bf02336c" class="pageContent cpGrid cpGrid24 showInMobile"> 497 498 499 500 501 </div> 502</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc205adad6-5f67-4870-ae76-90fcba97990e" data-containerid="205adad6-5f67-4870-ae76-90fcba97990e" class="pageContent cpGrid cpGrid24 showInMobile"> 503 504 505 506 507 </div> 508</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cc855e2ac9-a382-481e-aab0-e04efec86cb7" data-containerid="855e2ac9-a382-481e-aab0-e04efec86cb7" class="pageContent cpGrid cpGrid24 showInMobile"> 509 510 511 512 513 </div> 514</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="ccc69a76db-f080-4968-8ad3-8dae8f8af079" data-containerid="c69a76db-f080-4968-8ad3-8dae8f8af079" class="pageContent cpGrid cpGrid24 showInMobile"> 515 516 517 518 519 </div> 520</aside></aside></nav><div data-cpRole="contentContainer" id="searchTS"> <div id="cc4bfb41fe-7d4b-4b20-a92d-02a75242fa0e" data-containerid="4bfb41fe-7d4b-4b20-a92d-02a75242fa0e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="28"> 521 522 523 <div class="row outer wide"><!-- 524--><div class="outer col col11 first" style="" data-widgetcontainerid="ea1d019b-2e41-4eb8-8400-429c4e87449f">� 525 <div class="row nest first last wide">� 526 527 <div class="inner col col11 first last ida07d5f81-230b-464a-9593-1a51efc46d24" style="" data-widgetcontainerid="a07d5f81-230b-464a-9593-1a51efc46d24">� 528<div data-widget-id="8902d2ba-db9f-4501-a143-50688b7032a3" data-widget-controller-path="/GraphicLinks/Widget"> 529 530 531 532 533<div id="graphicLinkWidget8902d2ba-db9f-4501-a143-50688b7032a3" class="widget widgetGraphicLinks skin71 widgetOptionSet27 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 534 <div class="widgetHeader"> 535 <div class=""> 536 </div> 537 </div> 538 <div class="widgetBody cpGrid cpGrid5 "> 539 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 540 <div class="row autoWidths center wide"> 541 <!-- 542--><div class="col col1 first "><ul class="semanticList"><!-- 543 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 544 545<img src="/ImageRepository/Document?documentID=9988" 546 class="graphicButtonLink" alt="Facebook" 547 onmouseover="this.src='/ImageRepository/Document?documentID=9988'" 548 onmouseout="this.src='/ImageRepository/Document?documentID=9988'" 549 onfocus="this.src='/ImageRepository/Document?documentID=9988'" 550 onblur="this.src='/ImageRepository/Document?documentID=9988'"> 551</a></li><!-- 552--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 553 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/x" target="_self"> 554 555<img src="/ImageRepository/Document?documentID=9991" 556 class="graphicButtonLink" alt="X-black" 557 onmouseover="this.src='/ImageRepository/Document?documentID=9991'" 558 onmouseout="this.src='/ImageRepository/Document?documentID=9991'" 559 onfocus="this.src='/ImageRepository/Document?documentID=9991'" 560 onblur="this.src='/ImageRepository/Document?documentID=9991'"> 561</a></li><!-- 562--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 563 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 564 565<img src="/ImageRepository/Document?documentID=9992" 566 class="graphicButtonLink" alt="YouTube" 567 onmouseover="this.src='/ImageRepository/Document?documentID=9992'" 568 onmouseout="this.src='/ImageRepository/Document?documentID=9992'" 569 onfocus="this.src='/ImageRepository/Document?documentID=9992'" 570 onblur="this.src='/ImageRepository/Document?documentID=9992'"> 571</a></li><!-- 572--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 573 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 574 575<img src="/ImageRepository/Document?documentID=9989" 576 class="graphicButtonLink" alt="Instagram" 577 onmouseover="this.src='/ImageRepository/Document?documentID=9989'" 578 onmouseout="this.src='/ImageRepository/Document?documentID=9989'" 579 onfocus="this.src='/ImageRepository/Document?documentID=9989'" 580 onblur="this.src='/ImageRepository/Document?documentID=9989'"> 581</a></li><!-- 582--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 583 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self"> 584 585<img src="/ImageRepository/Document?documentID=9990" 586 class="graphicButtonLink" alt="Linkedin" 587 onmouseover="this.src='/ImageRepository/Document?documentID=9990'" 588 onmouseout="this.src='/ImageRepository/Document?documentID=9990'" 589 onfocus="this.src='/ImageRepository/Document?documentID=9990'" 590 onblur="this.src='/ImageRepository/Document?documentID=9990'"> 591</a></li><!-- 592--></ul></div><!-- --> 593 </div> 594 </nav> 595 </div> 596 <div class="widgetFooter"> 597 </div> 598</div> 599</div> 600 601 </div> <!-- inner column --> 602 603 </div> <!-- inner row --> 604 605 </div><!-- outer column --><!----><div class="outer col col13 last" style="" data-widgetcontainerid="6388b2b7-fcfd-4e40-89fd-3f30870d2800">� 606 <div class="row nest first last wide">� 607 608 <div class="inner col col13 first last id79d154b0-ff68-466b-ac59-769324f221ee" style="" data-widgetcontainerid="79d154b0-ff68-466b-ac59-769324f221ee">� 609<div data-widget-id="50470e79-4767-4d2d-bad3-2b40ea6b2f50" data-widget-controller-path="/Layout/WidgetSearch"> 610 611
611<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
611 612
612<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
612 613
613<script defer type="text/javascript"> 614 615 $(document).ready(function () { 616 try { 617 // Minimum characters required before performing a search/autocomplete 618 var minPrefixLength = 3; 619 var autoCompleteDebounceDelay = 500; 620 var searchFieldSelector = "#searchField" + '50470e79-4767-4d2d-bad3-2b40ea6b2f50'; 621 var checkboxSelector = "#ysnSearchOnlyDept" + '50470e79-4767-4d2d-bad3-2b40ea6b2f50'; 622 var buttonSelector = ".widgetSearchButton" + '50470e79-4767-4d2d-bad3-2b40ea6b2f50'; 623 var autoCompleteCache = {}; 624 var autoCompleteCacheKeys = []; 625 var autoCompleteCacheLimit = 25; 626 var currentAutoCompleteRequest = null; 627 var currentAutoCompleteRequestKey = null; 628 var autoCompleteDebounceTimer = null; 629 var autoCompleteDebounceKey = null; 630 var pendingAutoCompleteResponses = []; 631 632 function normalizeAutoCompleteTerm(term) { 633 return $.trim((term || "") + "").replace(/\s+/g, " "); 634 } 635 636 function shouldSearch(term) { 637 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 638 } 639 640 function getAutoCompleteUrl() { 641 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 642 } 643 644 function getAutoCompleteCacheKey(requestUrl, term) { 645 return requestUrl + "|" + term.toLowerCase(); 646 } 647 648 function cacheAutoCompleteResult(cacheKey, data) { 649 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 650 autoCompleteCacheKeys.push(cacheKey); 651 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 652 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 653 } 654 } 655 autoCompleteCache[cacheKey] = data; 656 } 657 658 function respondToPendingAutoComplete(data) { 659 var responses = pendingAutoCompleteResponses; 660 pendingAutoCompleteResponses = []; 661 for (var i = 0; i < responses.length; i++) { 662 responses[i](data); 663 } 664 } 665 666 function cancelPendingAutoComplete() { 667 clearTimeout(autoCompleteDebounceTimer); 668 autoCompleteDebounceKey = null; 669 if (currentAutoCompleteRequest != null) { 670 currentAutoCompleteRequest.abort(); 671 currentAutoCompleteRequest = null; 672 } 673 currentAutoCompleteRequestKey = null; 674 respondToPendingAutoComplete([]); 675 } 676 677 function createWidgetAutoCompleteSource(options) { 678 return function (request, response) { 679 var term = normalizeAutoCompleteTerm(request.term); 680 if (!options.shouldSearch(term)) { 681 response([]); 682 return; 683 } 684 685 var requestUrl = options.url(); 686 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 687 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 688 response(autoCompleteCache[cacheKey]); 689 if (options.success) { 690 options.success(autoCompleteCache[cacheKey]); 691 } 692 return; 693 } 694 695 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 696 pendingAutoCompleteResponses.push(response); 697 return; 698 } 699 700 cancelPendingAutoComplete(); 701 autoCompleteDebounceKey = cacheKey; 702 pendingAutoCompleteResponses.push(response); 703 autoCompleteDebounceTimer = setTimeout(function () { 704 autoCompleteDebounceKey = null; 705 currentAutoCompleteRequestKey = cacheKey; 706 currentAutoCompleteRequest = $.ajax({ 707 url: requestUrl, 708 dataType: "json", 709 timeout: options.timeout, 710 data: { 711 term: term, 712 }, 713 success: function (data) { 714 if (currentAutoCompleteRequestKey === cacheKey) { 715 cacheAutoCompleteResult(cacheKey, data); 716 respondToPendingAutoComplete(data); 717 if (options.success) { 718 options.success(data); 719 } 720 } 721 }, 722 error: function (xmlhttprequest, textstatus, message) { 723 if (textstatus === "abort") { 724 return; 725 } 726 727 if (options.error) { 728 options.error(xmlhttprequest, textstatus, message); 729 } 730 731 respondToPendingAutoComplete([]); 732 }, 733 complete: function (xmlhttprequest) { 734 if (currentAutoCompleteRequest === xmlhttprequest) { 735 currentAutoCompleteRequest = null;
736 currentAutoCompleteRequestKey = null; 737 } 738 } 739 }); 740 }, options.delay); 741 }; 742 } 743 744 // click handler for search buttons 745 $(buttonSelector).click(function (e) { 746 e.preventDefault(); 747 var $btn = $(this); 748 var $field = $btn.siblings(".widgetSearchBox"); 749 var term = $field.val() + ""; 750 if (!shouldSearch(term)) { 751 // do nothing until user types enough characters 752 $field.focus(); 753 return; 754 } 755 756 if ($(checkboxSelector).is(':checked') || false) 757 { 758 doWidgetSearch($.trim(term), Number(0)); 759 } 760 else { 761 doWidgetSearch($.trim(term), 0); 762 } 763 }); 764 765 // enter key handler for the search field 766 $(searchFieldSelector).keypress(function (e) { 767 var code = e.which || e.keyCode; 768 if (code === 13) { 769 e.preventDefault(); 770 var $this = $(this); 771 var term = $this.val() + ""; 772 if (!shouldSearch(term)) { 773 // do nothing until user types enough characters 774 $this.focus(); 775 return false; 776 } 777 778 if ($(checkboxSelector).is(':checked') || false) { 779 doWidgetSearch($.trim(term), Number(0)); 780 } else { 781 doWidgetSearch($.trim(term), 0); 782 } 783 return false; 784 } 785 return true; 786 }); 787 788 // autocomplete: set minLength and guard source 789 if (true) { 790 var $searchField = $(searchFieldSelector).autocomplete({ 791 minLength: minPrefixLength, 792 source: createWidgetAutoCompleteSource({ 793 delay: autoCompleteDebounceDelay, 794 timeout: 10000, 795 shouldSearch: shouldSearch, 796 url: getAutoCompleteUrl, 797 success: function () { 798 $('.autoCompleteError').remove(); 799 }, 800 error: function (xmlhttprequest, textstatus, message) { 801 if (textstatus === "timeout") { 802 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 803 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 804 } 805 } 806 }), 807 html: true, 808 delay: 0, 809 select: function (event, ui) { 810 $(this).val(ui.item.value); 811 $(this).next().click(); 812 } 813 }); 814 815 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 816 return $("<li class=\"itemList\"></li>") 817 .data("ui-autocomplete-item", item) 818 .append("<a>" + item.label + "</a>") 819 .appendTo(ul); 820 }; 821 } 822 823 // keep searchBtnApplyQuery consistent with prefix rule 824 window.searchBtnApplyQuery = function() { 825 var $field = $(searchFieldSelector); 826 var term = $field.val() + ""; 827 if (shouldSearch(term)) { 828 // update href for the icon/button (if present) 829 var btn = document.getElementById("btnSearchIcon"); 830 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 831 } else { 832 var btn = document.getElementById("btnSearchIcon"); 833 if (btn) btn.href = "#"; 834 } 835 }; 836 } 837 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. 838 }); 839 </script>
839 840 841 <section id="widgetPreviewSearch" class="widget widgetSearch skin66 widgetOptionSet48" style="display: block;" aria-label="Search"> 842 <!-- For the button right and inside --> 843 <div class="widgetBody buttonRightInside"> 844 <input class="widgetSearchBox widgetSearchBox50470e79-4767-4d2d-bad3-2b40ea6b2f50" cp5ph="true" id="searchField50470e79-4767-4d2d-bad3-2b40ea6b2f50" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Iâm looking forâ¦" type="text" value="" /> 845 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton50470e79-4767-4d2d-bad3-2b40ea6b2f50" role="button"><img alt="Search Icon Hover" class="imageHover" data-hover="/ImageRepository/Document?documentID=9985" data-image="/ImageRepository/Document?documentID=9987" src="/ImageRepository/Document?documentID=9987" /></a> 846 847 <label class="searchLabel" aria-hidden="true" for="searchField50470e79-4767-4d2d-bad3-2b40ea6b2f50">Search</label> 848 </div> 849 850 </section> 851 852 853<style scoped> 854 855 .widgetSearch ::-webkit-input-placeholder { 856 color: #212324; 857 } 858 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 859 color: #212324; 860 } 861 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 862 color: #212324; 863 } 864 .widgetSearch :-ms-input-placeholder { 865 color: #212324; 866 } 867 868 869 .widgetSearch .widgetBody .widgetSearchBox50470e79-4767-4d2d-bad3-2b40ea6b2f50 870 { 871 color: #212324; 872 height:60px; 873background:#F5F7FF; 874padding:0 65px 0 25px; 875font-family:poppins; 876font-weight:600; 877border:none; 878box-shadow: inset 0px 3px 6px #00000029; 879border-radius: 10px; 880 } 881 .widgetSearch .widgetBody .widgetSearchButton50470e79-4767-4d2d-bad3-2b40ea6b2f50 882 { 883 884 } 885 .widgetSearch .widgetSearch-onlyDept50470e79-4767-4d2d-bad3-2b40ea6b2f50 886 { 887 display: inline-block; 888 color: #333; 889 890 891 padding-top: 10px; 892 } 893 #ysnSearchOnlyDept50470e79-4767-4d2d-bad3-2b40ea6b2f50 894 { 895 position: relative; 896 top: .125em; 897 } 898 899</style> 900 901<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 902<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 903 904 905
906<script type="text/javascript"> 907 //Updates search icons href to have the correct queryString 908 function searchBtnApplyQuery() { 909 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField50470e79-4767-4d2d-bad3-2b40ea6b2f50").value; 910 } 911</script>
911 912 913</div> 914 915 </div> <!-- inner column --> 916 917 </div> <!-- inner row --> 918 919 </div><!-- outer column --><!-- --></div> <!-- outer row --> 920 921 922 </div> 923</div> 924</div></div> 925</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 926<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 927<div data-cpRole="structuralContainer" id="bannerSearchTS"> 928<div class="siteWrap8"></div> 929</div> 930</div> 931 932 933 934 935 <div id="banner1-68" style="display: none"></div> 936
936<script type="text/javascript"> 937 $(window).on("load", function () { 938 $.when(window.Pages.rwdSetupComplete) 939 .done(function () { 940 renderBanner('banner1-68', 941 'banner1', 942 {"BannerOptionID":68,"ThemeID":23,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":1,"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":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":174,"BannerOptionID":68,"FileName":"/ImageRepository/Document?documentID=10012","Height":500,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[{"BannerVideoID":12,"BannerOptionID":68,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202502282207070266.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)\/"}, 943 {"BannerImageID":174,"BannerOptionID":68,"FileName":"/ImageRepository/Document?documentID=10012","Height":500,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 944 '/App_Themes/Interior/Images/', 945 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=10012" />'); 946 }); 947 }); 948 </script>
948 949 950</div> 951</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 952<div class="siteWrap4"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 953<div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 954<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc82c6d790-2c10-47f5-be3e-b1638eb9e30b" data-containerid="82c6d790-2c10-47f5-be3e-b1638eb9e30b" class="pageContent cpGrid cpGrid24 showInMobile"> 955 956 957 958 959 </div> 960</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 961 962 963 964 965 966 967 968
968<script type="text/javascript"> 969 (function () { 970 function setupSecondaryMenuProperties() { 971 //setup menu manager properties for secondary menu 972 menuManager.isSideMenuEditable = false; 973 menuManager.sideMenuMaxSubMenuLevels = 4; 974 menuManager.sideMenuHasCustomLinks = true; 975 } 976 977 if (document.readyState === "loading") { 978 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 979 return; 980 } 981 982 setupSecondaryMenuProperties(); 983 })(); 984 </script>
984 985 986
986<script type="text/javascript"> 987 (function () { 988 function setupAccordionSecondaryNav() { 989 var $menuContainer = $('#secondaryNav'); 990 991 $menuContainer.find('*[id^="SideItem"]').each(function () { 992 var ids = $('[id="' + this.id + '"]'); 993 if (ids.length > 1) 994 $.each(ids, function (index, value) { 995 value.id = value.id + '_' + index; 996 }); 997 }); 998 999 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1000 e.preventDefault(); 1001 showHideAccordionMenuForSecondaryNav($(this)); 1002 }); 1003 1004 $menuContainer.find(".grippy").each(function () { 1005 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1006 }); 1007 1008 $menuContainer.find("li").each(function () { 1009 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1010 }); 1011 } 1012 1013 if (document.readyState === "loading") { 1014 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1015 return; 1016 } 1017 1018 setupAccordionSecondaryNav(); 1019 })(); 1020 </script>
1020 1021 1022 1023 1024</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc589106d7-2a77-4948-af01-5f606b1d958b" data-containerid="589106d7-2a77-4948-af01-5f606b1d958b" class="pageContent cpGrid cpGrid24 showInMobile"> 1025 1026 1027 1028 1029 </div> 1030</aside> 1031</div><div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 1032<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1033<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 1034 <li><a class="breadCrumb" href="/">Home</a></li><li><a href class="breadCrumb" aria-current="page">Search</a></li> 1035 </ol> 1036 1037 1038 1039</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1040 1041 1042 1043 <div id="searchModuleContent" class="newCP moduleContentNew cp-search"> 1044 <div id="contentarea" class="contentMain selfClear"> 1045<div class="header"> 1046 <div class="graphic"> 1047 <a title="Search this site" href="/Search"> 1048 <img width="74" height="74" alt="Search icon" src="/Areas/Search/Assets/Images/HomeModuleIconLarge.png" /> 1049 </a> 1050 </div> 1051 <div class="text"> 1052 <h1><a href="/Search" title="Go back to the search home page">Search</a></h1> 1053 1054 </div> 1055</div> <div id="divSearch" class="cp-search-container"> 1056 <div id="divSearchStandard" class="cp-search-bar"> 1057 <label for="searchPhrase" class="visuallyhidden">Search</label> 1058 <div class="cp-search-barInner"> 1059 <input type="text" name="searchPhrase" 1060 id="searchPhrase" class="cp-search-input" 1061 placeholder="Type to begin your search..." 1062 value=""> 1063 <a href="#" class="searchSite cp-search-submit"> 1064 <svg id="iconSearch" viewbox="0 0 25 25"> 1065 <title>Submit Search</title> 1066 <path style="fill:currentcolor;" d="M25,24.458l-6.563-6.537c1.78-1.905,2.879-4.455,2.879-7.262C21.316,4.781,16.535,0,10.657,0S0,4.781,0,10.659 s4.78,10.659,10.657,10.659c2.697,0,5.155-1.015,7.034-2.671l6.573,6.547L25,24.458z M10.657,20.27c-1.295,0-2.554-0.254-3.74-0.755 c-1.144-0.484-2.172-1.178-3.055-2.06c-0.881-0.88-1.574-1.909-2.06-3.056c-0.501-1.182-0.755-2.44-0.755-3.74 S1.301,8.1,1.802,6.918c0.485-1.146,1.178-2.173,2.06-3.056c0.884-0.883,1.912-1.575,3.055-2.059 c1.184-0.501,2.444-0.756,3.74-0.756c1.298,0,2.557,0.255,3.741,0.756c1.145,0.485,2.172,1.177,3.055,2.059 c0.883,0.884,1.576,1.913,2.06,3.056c0.501,1.184,0.755,2.444,0.755,3.74s-0.254,2.556-0.755,3.74 c-0.485,1.146-1.178,2.173-2.06,3.056c-0.883,0.882-1.91,1.574-3.055,2.06C13.213,20.016,11.954,20.27,10.657,20.27z"></path> 1067 </svg> 1068 </a> 1069 <input id="departmentId" type="hidden" value="-1"/> 1070 </div> 1071 </div> 1072 </div> 1073 <ol id="searchTabs" class="cp-Tabs-list" role="tablist" aria-label="Search tabs for site, agenda and minutes, municode and social" aria-orientation="horizontal"> 1074 <li id="cp-SearchTab-Site" class="cp-Tabs-tab is-active" role="tab" aria-controls="divSearchResults" aria-selected="true"> 1075 <a href="#siteSearch" id="siteSearch" class="cp-Tabs-link cp-Tabs-click-link"> 1076 <svg class="cp-Tabs-linkArrow"> 1077 <use xlink:href="#iconArrow--right"></use> 1078 </svg> 1079 Site Content 1080 </a> 1081 </li> 1082 <li id="cp-MuniCode-Site" class="cp-Tabs-tab" role="tab" aria-controls="divSearchResultsMuniCode" aria-selected="false"> 1083 <a href="#MuniCodeSearch" id="MuniCodeSearch" class="cp-Tabs-link cp-Tabs-click-link"> 1084 <svg class="cp-Tabs-linkArrow"> 1085 <use xlink:href="#iconArrow--right"></use> 1086 </svg> 1087 Municipal Code 1088 </a> 1089 </li> 1090 </ol> 1091 <fieldset id="divMunicodeStrip" style="display: none; margin-bottom: 2rem;"> 1092 <legend>Search Criteria</legend> 1093 <label class="ae-label"> 1094 <input checked="checked" id="searchCodes" name="MuniCodeSearchCriteria" type="radio" value="Codes" /> 1095 Codes 1096 </label> 1097 <label class="ae-label"> 1098 <input id="searchOrdinances" name="MuniCodeSearchCriteria" type="radio" value="Ordinances" /> 1099 Ordinances 1100 </label> 1101 <label class="ae-label"> 1102 <input id="searchDocuments" name="MuniCodeSearchCriteria" type="radio" value="Documents" /> 1103 Documents 1104 </label> 1105 </fieldset> 1106 <div id="divSearchResultsMuniCode" class="cp-search-results" style="display:none;" role="tabpanel" aria-labelledby="cp-MuniCode-Site"> 1107 </div> 1108 1109<div class="cp-search-typeToggle"> 1110 <a id="advancedSearch" href="#advancedSearch" style="display: inline-block;">Advanced Search</a> 1111 <a id="standardSearch" href="#standardSearch" style="display: none;">Standard Search</a> 1112</div> 1113<div id="divSearchAdvanced"> 1114 <div id="advSearchForm" class="cp-search-advanced cp-search-advanced--hidden" aria-expanded="true">
1115 <table border="0" cellpadding="0" cellspacing="0" class="cp-search-advancedTable"> 1116 <tbody> 1117 <tr> 1118 <td colspan="2" class="cp-search-advancedHeader"> 1119 Find pages with... 1120 </td> 1121 <td class="cp-search-advancedInstruction cp-search-advancedHeader"> 1122 To do this in the search box 1123 </td> 1124 </tr> 1125 <tr> 1126 <td> 1127 <label for="txtSearchAnd"><span class="cp-search-advancedHeader">all</span> these words:</label> 1128 </td> 1129 <td> 1130 <input class="advSearchBox" name="txtSearchAnd" type="text" id="txtSearchAnd" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1131 </td> 1132 <td class="cp-search-advancedInstruction"> 1133 Enter your key words: <span class="cp-search-advancedCode">sugar glider</span> 1134 </td> 1135 </tr> 1136 <tr> 1137 <td> 1138 <label for="txtSearchPhrase">this <span class="cp-search-advancedHeader">exact word or phrase</span>:</label> 1139 </td> 1140 <td> 1141 <input class="advSearchBox" name="txtSearchPhrase" type="text" id="txtSearchPhrase" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1142 </td> 1143 <td class="cp-search-advancedInstruction"> 1144 Use quotes for exact phrases: <span class="cp-search-advancedCode">âsugar gliderâ</span> 1145 </td> 1146 </tr> 1147 <tr> 1148 <td> 1149 <label for="txtSearchOr"><span class="cp-search-advancedHeader">any</span> of these words:</label> 1150 </td> 1151 <td> 1152 <input class="advSearchBox" name="txtSearchOr" type="text" id="txtSearchOr" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1153 </td> 1154 <td class="cp-search-advancedInstruction"> 1155 Type OR between the key words you want included: <span class="cp-search-advancedCode">marsupial OR pet</span> 1156 </td> 1157 </tr> 1158 <tr> 1159 <td> 1160 <label for="txtSearchNot"><span class="cp-search-advancedHeader">none</span> of these words:</label> 1161 </td> 1162 <td> 1163 <input class="advSearchBox" name="txtSearchNot" type="text" id="txtSearchNot" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1164 </td> 1165 <td class="cp-search-advancedInstruction"> 1166 Use a minus sign before words you donât want included: <span class="cp-search-advancedCode">-chair âpastry</span> 1167 </td> 1168 </tr> 1169 <tr> 1170 <td colspan="3" class="cp-search-advancedHeader"> 1171 Then narrow your results by... 1172 </td> 1173 </tr> 1174 <tr> 1175 <td> 1176 <label for="SearchContentType"><span>Content Type</span>:</label> 1177 </td> 1178 <td> 1179 <select id="SearchContentType" name="SearchContentType"> 1180 <option value="all" selected="selected">All Content</option> 1181 <option value="activities">Activities</option> 1182 <option value="agendas">Agendas</option> 1183 <option value="alerts">Alerts</option> 1184 <option value="bids">Bids</option> 1185 <option value="calendar">Calendar</option> 1186 <option value="civicsend">CivicSend</option> 1187 <option value="documents">Documents</option> 1188 <option value="faqs">FAQs</option> 1189 <option value="forms">Forms</option> 1190 <option value="images">Images</option> 1191 <option value="jobs">Jobs</option> 1192 <option value="news">News</option> 1193 <option value="people">People</option> 1194 <option value="places">Places</option> 1195 <option value="social">Social</option> 1196 1197 <option value="webpages">Webpages</option> 1198 </select> 1199 </td> 1200 </tr> 1201 </tbody> 1202 </table> 1203 </div> 1204</div> 1205 <div id="divSearchResults" class="cp-search-results" role="tabpanel" aria-labelledby="cp-SearchTab-Site"> 1206 1207 1208<div id="divMainContentSearch"> 1209 <!-- cp-search-resultsLoading --> 1210 <h2 class="visuallyhidden">Search Results</h2> 1211<div data-currentpage="1"> 1212 <input id="UseAutoComplete" name="UseAutoComplete" type="hidden" value="True" /> 1213 1214 <p class="cp-search-status"> 1215 </p> 1216</div> 1217 </div>
1218<script type="text/javascript"> 1219 $('#paginationOption').change(function () { 1220 loadSearchResultPageList(1, $('#paginationOption').val()); 1221 }); 1222 1223 var autoExpandAdvancedSearch = 'false'; 1224 1225 if (autoExpandAdvancedSearch == 'true') { 1226 $('.cp-search-advanced').attr('aria-expanded', 'true'); 1227 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 1228 $('#standardSearch').show(); 1229 $('#advancedSearch').hide(); 1230 } 1231 1232 //Remove invaild tag(strong) from href for search site result. 1233 $("a[href*='strong']").each(function () { 1234 var validHref = $(this).attr('href').replace(/<strong>/gi, '').replace(/<\/strong>/gi, ''); 1235 $(this).attr('href', validHref); 1236 }); 1237 1238 $('input[type=radio][name=SearchCriteria]').unbind('change').change(function () { 1239 loadCivicClerkIndexResults(0, 10); 1240 }); 1241 1242 $('input[type=radio][name=MuniCodeSearchCriteria]').unbind('change').change(function () { 1243 loadMunicodeSearch(1, 10); 1244 }); 1245 1246 $('.cp-Tabs-click-link').unbind('click').click(function (e) { 1247 var $this = $(this); 1248 loadTabResults($this); 1249 return false; 1250 }); 1251</script>
1251 1252 1253 </div> 1254 </div> 1255 </div> 1256 1257 1258 <div class="newCP"> 1259 1260 </div> 1261</div> 1262</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="cce37c6426-350d-4f7c-8fc3-fa9f183d9b8a" data-containerid="e37c6426-350d-4f7c-8fc3-fa9f183d9b8a" class="pageContent cpGrid cpGrid24 showInMobile"> 1263 1264 1265 1266 1267 </div> 1268</aside> 1269</div> 1270</div></div> 1271</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1272<div class="siteWrap4"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc7f495d3d-b981-46ee-9d89-b3fce2267cc9" data-containerid="7f495d3d-b981-46ee-9d89-b3fce2267cc9" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 1273 1274 1275 <div class="row outer wide"><!-- 1276--><div class="outer col col8 first" style="" data-widgetcontainerid="45eb8464-335a-4bc5-9262-3d5fcde1acd5">� 1277 <div class="row nest first last wide">� 1278 1279 <div class="inner col col8 first last id74d94fdd-de58-4972-89b0-69a7ddf16123" style="" data-widgetcontainerid="74d94fdd-de58-4972-89b0-69a7ddf16123">� 1280<div data-widget-id="a3d6912a-092c-4bf0-8a65-8b426eb7a6e2" data-widget-controller-path="/GraphicLinks/Widget"> 1281 1282 1283 1284 1285<div id="graphicLinkWidgeta3d6912a-092c-4bf0-8a65-8b426eb7a6e2" class="widget widgetGraphicLinks skin67 widgetOptionSet49 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1286 <div class="widgetHeader"> 1287 <div class=""> 1288 </div> 1289 </div> 1290 <div class="widgetBody cpGrid cpGrid2 "> 1291 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1292 <div class="row wide"> 1293 <!-- 1294--><div class="col col1 first "><ul class="semanticList"><!-- 1295 --><li class="widgetItem GraphicLinks"> 1296 1297<div> 1298 <a href="/424/" target="_self" class="fancyButton fancyButton100 " > 1299 <span> 1300 <span><span class="text">Pay a Bill</span></span> 1301 </span> 1302 </a> 1303</div> 1304 <style scoped="scoped">.fancyButton100.fancyButton:link,.fancyButton100.fancyButton:visited, .fancyButton100div.fancyButton{ 1305 background-image: url('/ImageRepository/Document?documentID=9995'); 1306 background-repeat: no-repeat; 1307 background-position: center 2px ; 1308transition:all .3s ease-in-out;} 1309.fancyButton100.fancyButton:hover,.fancyButton100.fancyButton:focus,.fancyButton100.fancyButton:active,.fancyButton100.fancyButton.hover{ 1310 background-image: url('/ImageRepository/Document?documentID=9996'); 1311 background-repeat: no-repeat; 1312 background-position: center top; 1313} 1314.fancyButton100.fancyButton:link > span,.fancyButton100.fancyButton:visited > span, .fancyButton100div.fancyButton > span{ 1315} 1316.fancyButton100.fancyButton:hover > span,.fancyButton100.fancyButton:focus > span,.fancyButton100.fancyButton:active > span,.fancyButton100.fancyButton.hover > span{ 1317} 1318.fancyButton100.fancyButton .text{ 1319 color: rgb(33, 33, 33); 1320 font-size: 1.1em; 1321 font-family: "Poppins"; 1322 padding-top: 135px; 1323 padding-bottom: 12px; 1324 font-weight: 500; 1325 text-decoration: none; 1326 padding-top: 135px; 1327 padding-bottom: 12px; 1328 background-image: url('/ImageRepository/Document?documentID=10001'); 1329 background-repeat: no-repeat; 1330 background-position: center 35px ; 1331transition:all .3s ease-in-out; 1332line-height:1.1; 1333position:relative; 1334} 1335.fancyButton100 .text::after{ 1336position:absolute; 1337content:""; 1338left:50%; 1339bottom:0; 1340transform:translateX(-50%); 1341height:6px; 1342width:50px; 1343background:#D2BCEF; 1344border-radius:3px; 1345transition:all .3s ease-in-out; 1346} 1347.fancyButton100.fancyButton:hover .text,.fancyButton100.fancyButton:focus .text,.fancyButton100.fancyButton:active .text,.fancyButton100.fancyButton.hover .text{ 1348 text-decoration: none; 1349 background-repeat: no-repeat; 1350 background-position: center 33px ; 1351} 1352.fancyButton100 .text:is(:hover, :focus, :active)::after{ 1353width:4px; 1354height:4px; 1355} 1356</style> 1357 1358 </li><!-- 1359--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1360 --><li class="widgetItem GraphicLinks"> 1361 1362<div> 1363 <a href="/290" target="_self" class="fancyButton fancyButton101 " > 1364 <span> 1365 <span><span class="text">Report a Concern</span></span> 1366 </span> 1367 </a> 1368</div> 1369 <style scoped="scoped">.fancyButton101.fancyButton:link,.fancyButton101.fancyButton:visited, .fancyButton101div.fancyButton{ 1370 background-image: url('/ImageRepository/Document?documentID=9995'); 1371 background-repeat: no-repeat; 1372 background-position: center 2px ; 1373transition:all .3s ease-in-out;} 1374.fancyButton101.fancyButton:hover,.fancyButton101.fancyButton:focus,.fancyButton101.fancyButton:active,.fancyButton101.fancyButton.hover{ 1375 background-image: url('/ImageRepository/Document?documentID=9996'); 1376 background-repeat: no-repeat; 1377 background-position: center top; 1378} 1379.fancyButton101.fancyButton:link > span,.fancyButton101.fancyButton:visited > span, .fancyButton101div.fancyButton > span{ 1380} 1381.fancyButton101.fancyButton:hover > span,.fancyButton101.fancyButton:focus > span,.fancyButton101.fancyButton:active > span,.fancyButton101.fancyButton.hover > span{ 1382} 1383.fancyButton101.fancyButton .text{ 1384 color: rgb(33, 33, 33); 1385 font-size: 1.1em; 1386 font-family: "Poppins"; 1387 padding-top: 135px; 1388 padding-bottom: 12px; 1389 font-weight: 500; 1390 text-decoration: none; 1391 padding-top: 135px; 1392 padding-bottom: 12px; 1393 background-image: url('/ImageRepository/Document?documentID=10003'); 1394 background-repeat: no-repeat; 1395 background-position: center 35px ; 1396transition:all .3s ease-in-out; 1397line-height:1.1; 1398position:relative; 1399} 1400.fancyButton101 .text::after{ 1401position:absolute; 1402content:""; 1403left:50%; 1404bottom:0; 1405transform:translateX(-50%); 1406height:6px; 1407width:50px; 1408background:#D2BCEF; 1409border-radius:3px; 1410transition:all .3s ease-in-out; 1411} 1412.fancyButton101.fancyButton:hover .text,.fancyButton101.fancyButton:focus .text,.fancyButton101.fancyButton:active .text,.fancyButton101.fancyButton.hover .text{ 1413 text-decoration: none; 1414 background-repeat: no-repeat; 1415 background-position: center 33px ; 1416} 1417.fancyButton101 .text:is(:hover, :focus, :active)::after{ 1418width:4px; 1419height:4px; 1420} 1421</style> 1422 1423 </li><!-- 1424--></ul></div><!-- --> 1425 </div> 1426 </nav> 1427 </div> 1428 <div class="widgetFooter"> 1429 </div> 1430</div> 1431</div> 1432 1433 </div> <!-- inner column --> 1434 1435 </div> <!-- inner row --> 1436 1437 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="5c7613c9-e096-4e6d-b73b-04e9a71f1ec6">� 1438 <div class="row nest first last wide">� 1439 1440 <div class="inner col col8 first last id3709c6d8-599d-4e7d-8926-f08a258c8e8b" style="" data-widgetcontainerid="3709c6d8-599d-4e7d-8926-f08a258c8e8b">� 1441<div data-widget-id="608cf28b-00c2-4fa4-9274-bb4904a254e7" data-widget-controller-path="/GraphicLinks/Widget"> 1442 1443 1444 1445 1446<div id="graphicLinkWidget608cf28b-00c2-4fa4-9274-bb4904a254e7" class="widget widgetGraphicLinks skin67 widgetOptionSet49 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1447 <div class="widgetHeader"> 1448 <div class="">
1449 </div> 1450 </div> 1451 <div class="widgetBody cpGrid cpGrid2 "> 1452 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1453 <div class="row wide"> 1454 <!-- 1455--><div class="col col1 first "><ul class="semanticList"><!-- 1456 --><li class="widgetItem GraphicLinks"> 1457 1458<div> 1459 <a href="https://www.villageoflombard.org/143/Apply-For" target="_self" class="fancyButton fancyButton102 " > 1460 <span> 1461 <span><span class="text">Permits & Licenses</span></span> 1462 </span> 1463 </a> 1464</div> 1465 <style scoped="scoped">.fancyButton102.fancyButton:link,.fancyButton102.fancyButton:visited, .fancyButton102div.fancyButton{ 1466 background-image: url('/ImageRepository/Document?documentID=9995'); 1467 background-repeat: no-repeat; 1468 background-position: center 2px ; 1469transition:all .3s ease-in-out;} 1470.fancyButton102.fancyButton:hover,.fancyButton102.fancyButton:focus,.fancyButton102.fancyButton:active,.fancyButton102.fancyButton.hover{ 1471 background-image: url('/ImageRepository/Document?documentID=9996'); 1472 background-repeat: no-repeat; 1473 background-position: center top; 1474} 1475.fancyButton102.fancyButton:link > span,.fancyButton102.fancyButton:visited > span, .fancyButton102div.fancyButton > span{ 1476} 1477.fancyButton102.fancyButton:hover > span,.fancyButton102.fancyButton:focus > span,.fancyButton102.fancyButton:active > span,.fancyButton102.fancyButton.hover > span{ 1478} 1479.fancyButton102.fancyButton .text{ 1480 color: rgb(33, 33, 33); 1481 font-size: 1.1em; 1482 font-family: "Poppins"; 1483 padding-top: 135px; 1484 padding-bottom: 12px; 1485 font-weight: 500; 1486 text-decoration: none; 1487 padding-top: 135px; 1488 padding-bottom: 12px; 1489 background-image: url('/ImageRepository/Document?documentID=10002'); 1490 background-repeat: no-repeat; 1491 background-position: center 35px ; 1492transition:all .3s ease-in-out; 1493line-height:1.1; 1494position:relative; 1495} 1496.fancyButton102 .text::after{ 1497position:absolute; 1498content:""; 1499left:50%; 1500bottom:0; 1501transform:translateX(-50%); 1502height:6px; 1503width:50px; 1504background:#D2BCEF; 1505border-radius:3px; 1506transition:all .3s ease-in-out; 1507} 1508.fancyButton102.fancyButton:hover .text,.fancyButton102.fancyButton:focus .text,.fancyButton102.fancyButton:active .text,.fancyButton102.fancyButton.hover .text{ 1509 text-decoration: none; 1510 background-repeat: no-repeat; 1511 background-position: center 33px ; 1512} 1513.fancyButton102 .text:is(:hover, :focus, :active)::after{ 1514width:4px; 1515height:4px; 1516} 1517</style> 1518 1519 </li><!-- 1520--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1521 --><li class="widgetItem GraphicLinks"> 1522 1523<div> 1524 <a href="/209/Agendas-Minutes" target="_self" class="fancyButton fancyButton103 " > 1525 <span> 1526 <span><span class="text">Agendas & Minutes</span></span> 1527 </span> 1528 </a> 1529</div> 1530 <style scoped="scoped">.fancyButton103.fancyButton:link,.fancyButton103.fancyButton:visited, .fancyButton103div.fancyButton{ 1531 background-image: url('/ImageRepository/Document?documentID=9995'); 1532 background-repeat: no-repeat; 1533 background-position: center 2px ; 1534transition:all .3s ease-in-out;} 1535.fancyButton103.fancyButton:hover,.fancyButton103.fancyButton:focus,.fancyButton103.fancyButton:active,.fancyButton103.fancyButton.hover{ 1536 background-image: url('/ImageRepository/Document?documentID=9996'); 1537 background-repeat: no-repeat; 1538 background-position: center top; 1539} 1540.fancyButton103.fancyButton:link > span,.fancyButton103.fancyButton:visited > span, .fancyButton103div.fancyButton > span{ 1541} 1542.fancyButton103.fancyButton:hover > span,.fancyButton103.fancyButton:focus > span,.fancyButton103.fancyButton:active > span,.fancyButton103.fancyButton.hover > span{ 1543} 1544.fancyButton103.fancyButton .text{ 1545 color: rgb(33, 33, 33); 1546 font-size: 1.1em; 1547 font-family: "Poppins"; 1548 padding-top: 135px; 1549 padding-bottom: 12px; 1550 font-weight: 500; 1551 text-decoration: none; 1552 padding-top: 135px; 1553 padding-bottom: 12px; 1554 background-image: url('/ImageRepository/Document?documentID=9999'); 1555 background-repeat: no-repeat; 1556 background-position: center 35px ; 1557transition:all .3s ease-in-out; 1558line-height:1.1; 1559position:relative; 1560} 1561.fancyButton103 .text::after{ 1562position:absolute; 1563content:""; 1564left:50%; 1565bottom:0; 1566transform:translateX(-50%); 1567height:6px; 1568width:50px; 1569background:#D2BCEF; 1570border-radius:3px; 1571transition:all .3s ease-in-out; 1572} 1573.fancyButton103.fancyButton:hover .text,.fancyButton103.fancyButton:focus .text,.fancyButton103.fancyButton:active .text,.fancyButton103.fancyButton.hover .text{ 1574 text-decoration: none; 1575 background-repeat: no-repeat; 1576 background-position: center 33px ; 1577} 1578.fancyButton103 .text:is(:hover, :focus, :active)::after{ 1579width:4px; 1580height:4px; 1581} 1582</style> 1583 1584 </li><!-- 1585--></ul></div><!-- --> 1586 </div> 1587 </nav> 1588 </div> 1589 <div class="widgetFooter"> 1590 </div> 1591</div> 1592</div> 1593 1594 </div> <!-- inner column --> 1595 1596 </div> <!-- inner row --> 1597 1598 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="55509e66-7706-46f2-9758-b3d13478ba29">� 1599 <div class="row nest first last wide">� 1600 1601 <div class="inner col col8 first last ide5d3e08c-3d9a-4496-a388-355414403ac2" style="" data-widgetcontainerid="e5d3e08c-3d9a-4496-a388-355414403ac2">� 1602<div data-widget-id="48a9842c-8b3e-4733-92a3-47c1ba0ed88d" data-widget-controller-path="/GraphicLinks/Widget"> 1603 1604 1605 1606 1607<div id="graphicLinkWidget48a9842c-8b3e-4733-92a3-47c1ba0ed88d" class="widget widgetGraphicLinks skin67 widgetOptionSet49 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1608 <div class="widgetHeader"> 1609 <div class="">
1610 </div> 1611 </div> 1612 <div class="widgetBody cpGrid cpGrid2 "> 1613 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1614 <div class="row wide"> 1615 <!-- 1616--><div class="col col1 first "><ul class="semanticList"><!-- 1617 --><li class="widgetItem GraphicLinks"> 1618 1619<div> 1620 <a href="/jobs" target="_self" class="fancyButton fancyButton104 " > 1621 <span> 1622 <span><span class="text">Employment</span></span> 1623 </span> 1624 </a> 1625</div> 1626 <style scoped="scoped">.fancyButton104.fancyButton:link,.fancyButton104.fancyButton:visited, .fancyButton104div.fancyButton{ 1627 background-image: url('/ImageRepository/Document?documentID=9995'); 1628 background-repeat: no-repeat; 1629 background-position: center 2px ; 1630transition:all .3s ease-in-out;} 1631.fancyButton104.fancyButton:hover,.fancyButton104.fancyButton:focus,.fancyButton104.fancyButton:active,.fancyButton104.fancyButton.hover{ 1632 background-image: url('/ImageRepository/Document?documentID=9996'); 1633 background-repeat: no-repeat; 1634 background-position: center top; 1635} 1636.fancyButton104.fancyButton:link > span,.fancyButton104.fancyButton:visited > span, .fancyButton104div.fancyButton > span{ 1637} 1638.fancyButton104.fancyButton:hover > span,.fancyButton104.fancyButton:focus > span,.fancyButton104.fancyButton:active > span,.fancyButton104.fancyButton.hover > span{ 1639} 1640.fancyButton104.fancyButton .text{ 1641 color: rgb(33, 33, 33); 1642 font-size: 1.1em; 1643 font-family: "Poppins"; 1644 padding-top: 135px; 1645 padding-bottom: 12px; 1646 font-weight: 500; 1647 text-decoration: none; 1648 padding-top: 135px; 1649 padding-bottom: 12px; 1650 background-image: url('/ImageRepository/Document?documentID=10000'); 1651 background-repeat: no-repeat; 1652 background-position: center 35px ; 1653transition:all .3s ease-in-out; 1654line-height:1.1; 1655position:relative; 1656} 1657.fancyButton104 .text::after{ 1658position:absolute; 1659content:""; 1660left:50%; 1661bottom:0; 1662transform:translateX(-50%); 1663height:6px; 1664width:50px; 1665background:#D2BCEF; 1666border-radius:3px; 1667transition:all .3s ease-in-out; 1668} 1669.fancyButton104.fancyButton:hover .text,.fancyButton104.fancyButton:focus .text,.fancyButton104.fancyButton:active .text,.fancyButton104.fancyButton.hover .text{ 1670 text-decoration: none; 1671 background-repeat: no-repeat; 1672 background-position: center 33px ; 1673} 1674.fancyButton104 .text:is(:hover, :focus, :active)::after{ 1675width:4px; 1676height:4px; 1677} 1678</style> 1679 1680 </li><!-- 1681--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1682 --><li class="widgetItem GraphicLinks"> 1683 1684<div> 1685 <a href="/491/E-Pride-Newsletter" target="_self" class="fancyButton fancyButton105 " > 1686 <span> 1687 <span><span class="text">Stay Informed</span></span> 1688 </span> 1689 </a> 1690</div> 1691 <style scoped="scoped">.fancyButton105.fancyButton:link,.fancyButton105.fancyButton:visited, .fancyButton105div.fancyButton{ 1692 background-image: url('/ImageRepository/Document?documentID=9995'); 1693 background-repeat: no-repeat; 1694 background-position: center 2px ; 1695transition:all .3s ease-in-out;} 1696.fancyButton105.fancyButton:hover,.fancyButton105.fancyButton:focus,.fancyButton105.fancyButton:active,.fancyButton105.fancyButton.hover{ 1697 background-image: url('/ImageRepository/Document?documentID=9996'); 1698 background-repeat: no-repeat; 1699 background-position: center top; 1700} 1701.fancyButton105.fancyButton:link > span,.fancyButton105.fancyButton:visited > span, .fancyButton105div.fancyButton > span{ 1702} 1703.fancyButton105.fancyButton:hover > span,.fancyButton105.fancyButton:focus > span,.fancyButton105.fancyButton:active > span,.fancyButton105.fancyButton.hover > span{ 1704} 1705.fancyButton105.fancyButton .text{ 1706 color: rgb(33, 33, 33); 1707 font-size: 1.1em; 1708 font-family: "Poppins"; 1709 padding-top: 135px; 1710 padding-bottom: 12px; 1711 font-weight: 500; 1712 text-decoration: none; 1713 padding-top: 135px; 1714 padding-bottom: 12px; 1715 background-image: url('/ImageRepository/Document?documentID=10004'); 1716 background-repeat: no-repeat; 1717 background-position: center 35px ; 1718transition:all .3s ease-in-out; 1719line-height:1.1; 1720position:relative; 1721} 1722.fancyButton105 .text::after{ 1723position:absolute; 1724content:""; 1725left:50%; 1726bottom:0; 1727transform:translateX(-50%); 1728height:6px; 1729width:50px; 1730background:#D2BCEF; 1731border-radius:3px; 1732transition:all .3s ease-in-out; 1733} 1734.fancyButton105.fancyButton:hover .text,.fancyButton105.fancyButton:focus .text,.fancyButton105.fancyButton:active .text,.fancyButton105.fancyButton.hover .text{ 1735 text-decoration: none; 1736 background-repeat: no-repeat; 1737 background-position: center 33px ; 1738} 1739.fancyButton105 .text:is(:hover, :focus, :active)::after{ 1740width:4px; 1741height:4px; 1742} 1743</style> 1744 1745 </li><!-- 1746--></ul></div><!-- --> 1747 </div> 1748 </nav> 1749 </div> 1750 <div class="widgetFooter"> 1751 </div> 1752</div> 1753</div> 1754 1755 </div> <!-- inner column --> 1756 1757 </div> <!-- inner row --> 1758 1759 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1760 1761 1762 </div> 1763</div></div> 1764</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1"> 1765 <div class="siteWrap4"> 1766 <div data-cpRole="contentContainer" id="homeContent1a"></div> 1767 </div> 1768 </div> --><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 1769<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc5cc57dbf-6ed4-448f-a6e5-4798e745e469" data-containerid="5cc57dbf-6ed4-448f-a6e5-4798e745e469" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="64"> 1770 1771 1772 <div class="row outer wide"><!-- 1773--><div class="outer col col5 first" style="" data-widgetcontainerid="5013a32e-f1c4-4a69-be3c-b93ca2d15b1b">� 1774 <div class="row nest first wide">� 1775 1776 <div class="inner col col5 first last id003ee30f-bd70-434d-8ed6-03c50446f271" style="" data-widgetcontainerid="003ee30f-bd70-434d-8ed6-03c50446f271">� 1777 <div data-widget-id="4169fbd2-6b5f-4015-8b22-b844f862b687" data-widget-controller-path="/InfoAdvanced/Widget"> 1778 1779 1780 1781 1782 1783 <section id="divInfoAdv4169fbd2-6b5f-4015-8b22-b844f862b687" class="widget widgetInfoAdvanced skin66 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1784 <header class="widgetHeader" id="header4169fbd2-6b5f-4015-8b22-b844f862b687"> 1785 <div class=""> 1786 </div> 1787 </header> 1788 <div class="widgetBody cpGrid cpGrid1 "> 1789 <div class="row wide"> 1790 <div class="col col1 first last"> 1791 <ol class="pageStyles semanticList"> 1792 1793<li class="InfoAdvanced widgetItem fr-view"> 1794 <p><img src="/ImageRepository/Document?documentId=10508" class="fr-dib" alt="Footer Homepage Lombard Village, Illinois"></p> 1795</li> </ol> 1796 </div> 1797 </div> 1798 </div> 1799 <div class="widgetFooter"> 1800 1801 </div> 1802 1803 </section> 1804 1805 1806
1807<script type="text/javascript"> 1808 //Render slideshow if info advacned items contain one. 1809 $(document).ready(function (e) { 1810 $('#divInfoAdv4169fbd2-6b5f-4015-8b22-b844f862b687 .InfoAdvanced.widgetItem').each(function () { 1811 renderSlideshowIfApplicable($(this)); 1812 }); 1813 }); 1814</script>
1814</div> 1815 </div> <!-- inner column --> 1816 1817 </div> <!-- inner row --> 1818 <div class="row nest last wide">� 1819 1820 <div class="inner col col5 first last id639ad041-215d-4380-8a8b-2d153ba73e11" style="" data-widgetcontainerid="639ad041-215d-4380-8a8b-2d153ba73e11">� 1821<div data-widget-id="7209fead-e70f-45d5-8fe0-cb82db23ce85" data-widget-controller-path="/GraphicLinks/Widget"> 1822 1823 1824 1825 1826<div id="graphicLinkWidget7209fead-e70f-45d5-8fe0-cb82db23ce85" class="widget widgetGraphicLinks skin73 widgetOptionSet27 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1827 <div class="widgetHeader"> 1828 <div class=""> 1829 </div> 1830 </div> 1831 <div class="widgetBody cpGrid cpGrid5 "> 1832 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1833 <div class="row autoWidths center wide"> 1834 <!-- 1835--><div class="col col1 first "><ul class="semanticList"><!-- 1836 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 1837 1838<img src="/ImageRepository/Document?documentID=9988" 1839 class="graphicButtonLink" alt="Facebook" 1840 onmouseover="this.src='/ImageRepository/Document?documentID=9988'" 1841 onmouseout="this.src='/ImageRepository/Document?documentID=9988'" 1842 onfocus="this.src='/ImageRepository/Document?documentID=9988'" 1843 onblur="this.src='/ImageRepository/Document?documentID=9988'"> 1844</a></li><!-- 1845--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1846 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/x" target="_self"> 1847 1848<img src="/ImageRepository/Document?documentID=9991" 1849 class="graphicButtonLink" alt="X-black" 1850 onmouseover="this.src='/ImageRepository/Document?documentID=9991'" 1851 onmouseout="this.src='/ImageRepository/Document?documentID=9991'" 1852 onfocus="this.src='/ImageRepository/Document?documentID=9991'" 1853 onblur="this.src='/ImageRepository/Document?documentID=9991'"> 1854</a></li><!-- 1855--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1856 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 1857 1858<img src="/ImageRepository/Document?documentID=9992" 1859 class="graphicButtonLink" alt="YouTube" 1860 onmouseover="this.src='/ImageRepository/Document?documentID=9992'" 1861 onmouseout="this.src='/ImageRepository/Document?documentID=9992'" 1862 onfocus="this.src='/ImageRepository/Document?documentID=9992'" 1863 onblur="this.src='/ImageRepository/Document?documentID=9992'"> 1864</a></li><!-- 1865--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1866 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 1867 1868<img src="/ImageRepository/Document?documentID=9989" 1869 class="graphicButtonLink" alt="Instagram" 1870 onmouseover="this.src='/ImageRepository/Document?documentID=9989'" 1871 onmouseout="this.src='/ImageRepository/Document?documentID=9989'" 1872 onfocus="this.src='/ImageRepository/Document?documentID=9989'" 1873 onblur="this.src='/ImageRepository/Document?documentID=9989'"> 1874</a></li><!-- 1875--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1876 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self"> 1877 1878<img src="/ImageRepository/Document?documentID=9990" 1879 class="graphicButtonLink" alt="Linkedin" 1880 onmouseover="this.src='/ImageRepository/Document?documentID=9990'" 1881 onmouseout="this.src='/ImageRepository/Document?documentID=9990'" 1882 onfocus="this.src='/ImageRepository/Document?documentID=9990'" 1883 onblur="this.src='/ImageRepository/Document?documentID=9990'"> 1884</a></li><!-- 1885--></ul></div><!-- --> 1886 </div> 1887 </nav> 1888 </div> 1889 <div class="widgetFooter"> 1890 </div> 1891</div> 1892</div> 1893 1894 </div> <!-- inner column --> 1895 1896 </div> <!-- inner row --> 1897 1898 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="a5103e68-c631-4352-8379-b3e88d11d16a">� 1899 <div class="row nest first last wide">� 1900 1901 <div class="inner col col1 first last id4f4e2033-6975-4a0b-93b8-9456e2b79033" style="" data-widgetcontainerid="4f4e2033-6975-4a0b-93b8-9456e2b79033">� 1902 1903<div class="widget widgetSpacer" id="29026de7-1a97-4e32-b3a6-ca142695a5ff"></div> 1904 </div> <!-- inner column --> 1905 1906 </div> <!-- inner row --> 1907 1908 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="5cc6d457-6d6f-4ffb-bbe6-899e344b9211">� 1909 <div class="row nest first last wide">� 1910 1911 <div class="inner col col6 first last id0940bd88-08fd-4322-a5df-de5a61d881b1" style="" data-widgetcontainerid="0940bd88-08fd-4322-a5df-de5a61d881b1">� 1912 <div data-widget-id="65bc860f-9604-4878-b34d-dbe119567950" data-widget-controller-path="/InfoAdvanced/Widget"> 1913 1914 1915 1916 1917
1918 <section id="divInfoAdv65bc860f-9604-4878-b34d-dbe119567950" class="widget widgetInfoAdvanced skin69 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header65bc860f-9604-4878-b34d-dbe119567950"> 1919 <header class="widgetHeader" id="header65bc860f-9604-4878-b34d-dbe119567950"> 1920 <div class=""> 1921 <h3 >Contact Us</h3> 1922 </div> 1923 </header> 1924 <div class="widgetBody cpGrid cpGrid1 "> 1925 <div class="row wide"> 1926 <div class="col col1 first last"> 1927 <ol class="pageStyles semanticList"> 1928 1929<li class="InfoAdvanced widgetItem fr-view"> 1930 <p>Village of Lombard</p> 1931</li> 1932<li class="InfoAdvanced widgetItem fr-view"> 1933 <p>255 E Wilson Avenue</p> 1934</li> 1935<li class="InfoAdvanced widgetItem fr-view"> 1936 <p>Lombard, IL 60148-3926</p> 1937</li> 1938<li class="InfoAdvanced widgetItem fr-view"> 1939 <p>Phone: <a href="tel:6306205700">630-620-5700</a></p><p><br></p> 1940</li> 1941<li class="InfoAdvanced widgetItem fr-view"> 1942 <p><strong>Village Hall Hours</strong></p> 1943</li> 1944<li class="InfoAdvanced widgetItem fr-view"> 1945 <p>Village Hall Walk-In Hours</p> 1946</li> 1947<li class="InfoAdvanced widgetItem fr-view"> 1948 <p>Monday through Thursday, 8:30 am to 4 pm</p><p><br></p> 1949</li> 1950<li class="InfoAdvanced widgetItem fr-view"> 1951 <p>Call (630) 620-5700 for assistance</p> 1952</li> 1953<li class="InfoAdvanced widgetItem fr-view"> 1954 <p>Monday – Friday, 8:00 am to 4:30 pm</p> 1955</li> 1956<li class="InfoAdvanced widgetItem fr-view"> 1957 1958</li> 1959<li class="InfoAdvanced widgetItem fr-view"> 1960 <p>Saturday & Sunday: Closed</p> 1961</li> 1962<li class="InfoAdvanced widgetItem fr-view"> 1963 <p><a href="/directory.aspx">Staff Directory</a></p> 1964</li> </ol> 1965 </div> 1966 </div> 1967 </div> 1968 <div class="widgetFooter"> 1969 1970 </div> 1971 1972 </section> 1973 1974 1975
1976<script type="text/javascript"> 1977 //Render slideshow if info advacned items contain one. 1978 $(document).ready(function (e) { 1979 $('#divInfoAdv65bc860f-9604-4878-b34d-dbe119567950 .InfoAdvanced.widgetItem').each(function () { 1980 renderSlideshowIfApplicable($(this)); 1981 }); 1982 }); 1983</script>
1983</div> 1984 </div> <!-- inner column --> 1985 1986 </div> <!-- inner row --> 1987 1988 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="604c3d5a-5c1c-4b39-a452-6ea64ff03512">� 1989 <div class="row nest first last wide">� 1990 1991 <div class="inner col col1 first last iddb5e7227-b011-4c63-b200-d53b3a8ffb30" style="" data-widgetcontainerid="db5e7227-b011-4c63-b200-d53b3a8ffb30">� 1992 1993<div class="widget widgetSpacer" id="abb916a0-15ef-44a7-be51-9fb635004444"></div> 1994 </div> <!-- inner column --> 1995 1996 </div> <!-- inner row --> 1997 1998 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="2520af4e-bc8d-443b-a944-06ee6b263213">� 1999 <div class="row nest first last wide">� 2000 2001 <div class="inner col col6 first last id68d8d440-045b-4c45-a304-feb78c582b33" style="" data-widgetcontainerid="68d8d440-045b-4c45-a304-feb78c582b33">� 2002 <div data-widget-id="f33cef93-5afc-415c-9485-a38adab325ae" data-widget-controller-path="/QuickLinks/Widget"> 2003 2004 2005 2006 2007 2008 2009 2010 2011 <section id="widgetQuicklinkf33cef93-5afc-415c-9485-a38adab325ae" class="widget widgetQuickLinks skin69 widgetOptionSet39 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderf33cef93-5afc-415c-9485-a38adab325ae"> 2012 <header class="widgetHeader" id="quickLinksHeaderf33cef93-5afc-415c-9485-a38adab325ae"> 2013 <div class=""> 2014 <h3><a style="" href="/QuickLinks.aspx?CID=15" >Quick Links</a></h3> 2015 </div> 2016 </header> 2017 <div class="widgetBody cpGrid cpGrid1 "> 2018 <div class="row narrow"> 2019 <div class="col col1 first last"> 2020 <ol class="semanticList"> 2021 2022 <li style="position:relative" class="widgetItem QuickLinks"> 2023 <a class="widgetDesc widgetQuickLinksLink" href="//www.citizenserve.com/lombardil" target="_blank" aria-label="Online Permits, Elevator Invoices, and Contractor Registration opens in new window">Online Permits, Elevator Invoices, and Contractor Registration </a> 2024 <div class="widgetMeta"></div> 2025 </li> 2026 2027 <li style="position:relative" class="widgetItem QuickLinks"> 2028 <a class="widgetDesc widgetQuickLinksLink" href="/160/Building-Permits" target="_self" >Permit Requirements </a> 2029 <div class="widgetMeta"></div> 2030 </li> 2031 2032 <li style="position:relative" class="widgetItem QuickLinks"> 2033 <a class="widgetDesc widgetQuickLinksLink" href="/181/Business-Licenses" target="_self" >Business Licenses</a> 2034 <div class="widgetMeta"></div> 2035 </li> 2036 2037 <li style="position:relative" class="widgetItem QuickLinks"> 2038 <a class="widgetDesc widgetQuickLinksLink" href="/187/Refuse-Recycling-Yard-Waste" target="_self" >Refuse, Recycling & Yard Waste</a> 2039 <div class="widgetMeta"></div> 2040 </li> 2041 2042 <li style="position:relative" class="widgetItem QuickLinks"> 2043 <a class="widgetDesc widgetQuickLinksLink" href="http://intranet.villageoflombard.org/IdentityServer/SignIn?sso=true&redirectUrl=https%3A%2F%2Fintranet.villageoflombard.org" target="_blank" aria-label="Employee Intranet opens in new window">Employee Intranet</a> 2044 <div class="widgetMeta"></div> 2045 </li> 2046 2047 <li style="position:relative" class="widgetItem QuickLinks"> 2048 <a class="widgetDesc widgetQuickLinksLink" href="https://library.municode.com/il/lombard/codes/code_of_ordinances" target="_self" >Village Code of Ordinances</a> 2049 <div class="widgetMeta"></div> 2050 </li> 2051 2052 <li style="position:relative" class="widgetItem QuickLinks"> 2053 <a class="widgetDesc widgetQuickLinksLink" href="https://www.villageoflombard.org/274" target="_blank" aria-label="Connect With Us opens in new window">Connect With Us</a> 2054 <div class="widgetMeta"></div> 2055 </li> 2056 </ol> 2057 </div> 2058 </div> 2059 2060 </div> 2061 <div class="widgetFooter"> 2062 </div> 2063 <div class="addItemModal hidden"> 2064 <div class="url hidden">/QuickLinks.aspx</div> 2065 </div> 2066 2067 </section> 2068</div> 2069 2070 </div> <!-- inner column --> 2071 2072 </div> <!-- inner row --> 2073 2074 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="2074acb2-1ec1-4c35-9689-39c590fa6ab5">� 2075 <div class="row nest first last wide">� 2076 2077 <div class="inner col col1 first last id1dfb4882-3155-4ae0-bf41-4befe0095cee" style="" data-widgetcontainerid="1dfb4882-3155-4ae0-bf41-4befe0095cee">� 2078 2079<div class="widget widgetSpacer" id="088aaf68-e362-49d4-95b2-3bedd7c4c8cf"></div> 2080 </div> <!-- inner column --> 2081 2082 </div> <!-- inner row --> 2083 2084 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="fec5724e-4bce-45e4-8161-ba21211e8383">� 2085 <div class="row nest first last wide">� 2086 2087 <div class="inner col col4 first last idf9c2800e-a2dd-4edd-be54-126b28f1bf4b" style="" data-widgetcontainerid="f9c2800e-a2dd-4edd-be54-126b28f1bf4b">� 2088 <div data-widget-id="19b84a17-3b1c-4f24-8168-8a8e135bb596" data-widget-controller-path="/QuickLinks/Widget"> 2089 2090 2091 2092 2093 2094 2095 2096 2097 <section id="widgetQuicklink19b84a17-3b1c-4f24-8168-8a8e135bb596" class="widget widgetQuickLinks skin69 widgetOptionSet39 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader19b84a17-3b1c-4f24-8168-8a8e135bb596"> 2098 <header class="widgetHeader" id="quickLinksHeader19b84a17-3b1c-4f24-8168-8a8e135bb596"> 2099 <div class=""> 2100 <h3><a style="" href="/QuickLinks.aspx?CID=16" >Site Links</a></h3> 2101 </div> 2102 </header> 2103 <div class="widgetBody cpGrid cpGrid1 "> 2104 <div class="row narrow"> 2105 <div class="col col1 first last"> 2106 <ol class="semanticList"> 2107 2108 <li style="position:relative" class="widgetItem QuickLinks"> 2109 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 2110 <div class="widgetMeta"></div> 2111 </li> 2112 2113 <li style="position:relative" class="widgetItem QuickLinks"> 2114 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 2115 <div class="widgetMeta"></div> 2116 </li> 2117 2118 <li style="position:relative" class="widgetItem QuickLinks"> 2119 <a class="widgetDesc widgetQuickLinksLink" href="/websiteaccessibility" target="_blank" aria-label="Website Accessibility opens in new window">Website Accessibility</a> 2120 <div class="widgetMeta"></div> 2121 </li> 2122 2123 <li style="position:relative" class="widgetItem QuickLinks"> 2124 <a class="widgetDesc widgetQuickLinksLink" href="http://www.villageoflombard.org/305/ADA-accessibility" target="_self" >ADA Accessibility</a> 2125 <div class="widgetMeta"></div> 2126 </li> 2127 2128 <li style="position:relative" class="widgetItem QuickLinks"> 2129 <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy</a> 2130 <div class="widgetMeta"></div> 2131 </li> 2132 2133 <li style="position:relative" class="widgetItem QuickLinks"> 2134 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> 2135 <div class="widgetMeta"></div> 2136 </li> 2137 </ol> 2138 </div> 2139 </div> 2140 2141 </div> 2142 <div class="widgetFooter"> 2143 </div> 2144 <div class="addItemModal hidden"> 2145 <div class="url hidden">/QuickLinks.aspx</div> 2146 </div> 2147 2148 </section> 2149</div> 2150 2151 </div> <!-- inner column --> 2152 2153 </div> <!-- inner row --> 2154 2155 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2156 2157 2158 </div> 2159</div></div> 2160</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2161<div class="siteWrap4"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc1858809b-49b9-464c-a03f-4eff5f028185" data-containerid="1858809b-49b9-464c-a03f-4eff5f028185" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2162 2163 2164 <div class="row outer wide"><!-- 2165--><div class="outer col col24 first last" style="" data-widgetcontainerid="55f9e975-f54f-420a-99a9-5ef9dc581b05">� 2166 <div class="row nest first last wide">� 2167 2168 <div class="inner col col24 first last idec8eabfe-9203-4e54-82b0-a1e486771edb" style="" data-widgetcontainerid="ec8eabfe-9203-4e54-82b0-a1e486771edb">� 2169
2170 <div data-widget-id='2d8d9b09-0741-473c-bb4a-46dc20da467c' data-moduleName="customHtml" id='widgetCustomHtml2d8d9b09-0741-473c-bb4a-46dc20da467c' class="widget widgetCustomHtml skin72 narrow" > 2171 <div class="widgetBody pageStyles" id="widgetBody2d8d9b09-0741-473c-bb4a-46dc20da467c"> 2172 <div id="customHtml2d8d9b09-0741-473c-bb4a-46dc20da467c"><div><style> 2173 /* CP icon */ 2174 .cpBylineIconTS { 2175 color: #fff; 2176 } 2177 /* CP Text */ 2178 .cpBylineTextTS, 2179 .cpBylineTextTS a:link { 2180 color: #fff; 2181 } 2182 2183 .cpBylineTS { 2184 text-align: center; 2185 } 2186 2187 .cpBylineIconTS { 2188 fill: currentColor; 2189 width: 39px; 2190 height: 26px; 2191 display: inline; 2192 vertical-align: middle; 2193 } 2194</style> 2195 2196<div class="widgetItem cpBylineTS"> 2197 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2198 <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> 2199 <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> 2200 </svg> 2201 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2202</div> 2203</div></div> 2204 </div> 2205 2206 </div> 2207 2208 </div> <!-- inner column --> 2209 2210 </div> <!-- inner row --> 2211 2212 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2213 2214 2215 </div> 2216</div></div> 2217</div> 2218</div> 2219 2220 </div> 2221 </div> 2222 </div> 2223 2224 2225<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2226 2227<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2228 <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"> 2229 <div class="cp-Splash-header"> 2230 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2231 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2232 <svg id="iconClose" viewBox="0 0 25 25"> 2233 <polygon style="fill:currentcolor" 2234 points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon> 2235 </svg> 2236 </button>
2237 </div> 2238 <div class="cp-Splash-body"> 2239 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2240 <!-- Content from the Froala Editor will go here. --> 2241 Loading 2242 </div> 2243 </div> 2244 <div class="cp-Splash-footer"> 2245 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2246 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 2247 </div> 2248 </div> 2249</div> 2250
2251<script src="/Assets/Scripts/APIClient.js"></script>
2251
2252<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
2252
2253<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
2253
2254<script> 2255 2256 $(document).ready(function () { 2257 var filter = { 2258 targetId: '', 2259 targetType: 0 2260 } 2261 2262 new SplashModalRender().triggerRender(filter); 2263 }); 2264</script>
2264 2265 2266 2267 2268 2269
2269<script type="text/javascript"> 2270 $(document).ready(function () { 2271 $('#paginationOption').change(function () { 2272 loadSearchResultPageList(1, $(this).val()); 2273 }); 2274 2275 $('.cp-search-typeToggle a').click(function(e) { 2276 e.preventDefault(); 2277 if ($('.cp-search-advanced').attr('aria-expanded') == 'false') { 2278 $('.cp-search-advanced').attr('aria-expanded', 'true'); 2279 } 2280 else { 2281 $('.cp-search-advanced').attr('aria-expanded', 'false'); 2282 } 2283 $('.cp-search-advanced').toggleClass('cp-search-advanced--hidden'); 2284 $('.cp-search-typeToggle a').toggle(); 2285 }); 2286 2287 var autoExpandAdvancedSearch = 'false'; 2288 if (autoExpandAdvancedSearch === 'true') { 2289 $('.cp-search-advanced').attr('aria-expanded', 'true'); 2290 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 2291 $('#standardSearch').show(); 2292 $('#advancedSearch').hide(); 2293 } 2294 2295 const archiveSocialLink = document.getElementById("ArchiveSocialSearch"); 2296 2297 if (archiveSocialLink) { 2298 const searchInput = document.getElementById("searchPhrase"); 2299 const link = new URL(archiveSocialLink.href); 2300 2301 searchInput.addEventListener("input", function () { 2302 const searchPhrase = searchInput?.value.trim(); 2303 link.searchParams.set("query.terms[0].text", searchPhrase); 2304 archiveSocialLink.href = link.href; 2305 }); 2306 } 2307 const nextRequestSearch = document.getElementById("NextRequestSearch"); 2308 2309 if (nextRequestSearch) { 2310 const searchInput = document.getElementById("searchPhrase"); 2311 const link = new URL(nextRequestSearch.href); 2312 2313 searchInput.addEventListener("input", function () { 2314 const searchPhrase = searchInput?.value.trim(); 2315 link.searchParams.set("search_term", searchPhrase); 2316 nextRequestSearch.href = link.href; 2317 }); 2318 } 2319 }); 2320 </script>
2320 2321 2322 2323 2324 2325 2326 2327 2328 2329 2330
2330<script src="/-1442400649.js" type="text/javascript"></script>
2330 2331 <!-- Fixed Footer -->
2332<script> 2333 var fixedFooter = $('.fixedFooter_ts'); 2334 var footerHeight = fixedFooter.outerHeight(); 2335 var structuralContainer11 = $('#structuralContainer11'); 2336 2337 function fixedFooterSpacing() { 2338 if (fixedFooter.css("position") == "fixed") { 2339 structuralContainer11 .css("paddingBottom", footerHeight + "px"); 2340 } else { 2341 structuralContainer11 .css("paddingBottom", "0"); 2342 } 2343 } 2344 2345 fixedFooterSpacing(); 2346 $(window).resize(function() { 2347 fixedFooterSpacing(); 2348 }); 2349</script>
2349 2350<!-- End Fixed Footer --> 2351 2352 2353<!-- Fixed Nav Adjustment -->
2354<script> 2355 function getValueTS(elem, attr) { 2356 const val = elem.css(attr); 2357 if (val === undefined) return undefined; 2358 const num = parseInt(val, 10); 2359 if (num === NaN) return undefined; 2360 return num; 2361 } 2362 2363 function clampTS(number, min, max) { 2364 return Math.min(Math.max(number, min), max); 2365 } 2366 2367 function isPageEditingTS() { 2368 return ( 2369 $("#doneEditing").length > 0 || // In live edit 2370 typeof DesignCenter !== "undefined" // In theme manager 2371 ); 2372 } 2373 2374 const bgColorRegexTS = /rgba((d+), (d+), (d+), (d*.?d*))/; 2375 function isTransparentTS(elem) { 2376 const bg = elem.css('background-color'); 2377 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 2378 const matchState = bg.match(bgColorRegexTS); 2379 if (!matchState || matchState.length !== 5) return false; 2380 const alpha = parseFloat(matchState[4], 10); 2381 if (!(alpha >= 0 && alpha < 1)) return false; 2382 return true; 2383 } 2384 2385 function iterateLeftpads(cb) { 2386 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2387 for (let i = 0; i < containersTS.length; i++) { 2388 const containerTS = containersTS[i]; 2389 // Skip the body container and anything with data-skip-leftpad 2390 if ( 2391 containerTS.id !== "bodyContainerTS" && 2392 containerTS.getAttribute('data-skip-leftpad') === null 2393 ) { 2394 cb(containerTS); 2395 } 2396 } 2397 } 2398 2399 const anchor = $("#divToolbars");
2400 const anchor2 = $("#headerContainerTS") 2401 2402 // Outer banner padding (push banner down) 2403 const outerSizingTS = $("#bannerContainerTS"); 2404 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 2405 const innerSizingTS = $("#bannerSizingTS"); 2406 const bodyContainerTS = $("#bodyContainerTS"); 2407 2408 const forceUnfixClassTS = "forceUnfixTS"; 2409 2410 const fixedTopTS = $(".fixedTopTS"); 2411 const fixedBottomTS = $(".fixedBottomTS"); 2412 const fixedLeftTS = $(".fixedLeftTS"); 2413 2414 var initialTopTS; 2415 var topAttachTS; 2416 if (fixedTopTS && fixedTopTS.length === 1) { 2417 initialTopTS = getValueTS(fixedTopTS, 'top'); 2418 const attachment = fixedTopTS.attr('data-attach'); 2419 if (attachment) topAttachTS = $("#" + attachment); 2420 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 2421 } 2422 2423 function resizeAdjustmentTS() { 2424 const editing = isPageEditingTS(); 2425 2426 // Fixed top script 2427 (function () { 2428 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 2429 2430 if (editing) { 2431 fixedTopTS[0].classList.add(forceUnfixClassTS); 2432 } else { 2433 fixedTopTS[0].classList.remove(forceUnfixClassTS); 2434 } 2435 2436 const topPosition = fixedTopTS.css('position'); 2437 if (topPosition === 'fixed') { 2438 if (topAttachTS) { 2439 scrollAdjustmentTS(); 2440 } else { 2441 const anchorHeight = anchor.outerHeight() - 1; 2442 fixedTopTS.css('top', anchorHeight + initialTopTS); 2443 } 2444 } else { 2445 fixedTopTS.css('top', initialTopTS); 2446 } 2447 2448 if (topPosition === 'fixed' || topPosition === 'absolute') { 2449 // Bump the banner content down 2450 if (isTransparentTS(fixedTopTS)) { 2451 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 2452 outerSizingTS.css('padding-top', ''); 2453 2454 try { 2455 window.Pages.onResizeHandlersExecute(); 2456 } catch (e) { } 2457 } else { 2458 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 2459 innerSizingTS.css('padding-top', ''); 2460 } 2461 } else { 2462 innerSizingTS.css('padding-top', ''); 2463 outerSizingTS.css('padding-top', ''); 2464 } 2465 })(); 2466 2467 // Fixed bottom script 2468 (function () { 2469 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 2470 2471 // If the widget has gone narrow, force unfix 2472 if (editing || fixedBottomTS.outerHeight() > 200) { 2473 fixedBottomTS[0].classList.add(forceUnfixClassTS); 2474 } else { 2475 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 2476 } 2477 2478 if (fixedBottomTS.css('position') === 'fixed') { 2479 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 2480 } else { 2481 bodyContainerTS.css('padding-bottom', ''); 2482 } 2483 })(); 2484 2485 // Fixed left script 2486 (function () { 2487 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 2488 2489 if (editing) { 2490 fixedLeftTS[0].classList.add(forceUnfixClassTS); 2491 } else { 2492 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 2493 } 2494 2495 if (fixedLeftTS.css('position') === 'fixed') { 2496 const anchorHeight = anchor.outerHeight() - 1; 2497 fixedLeftTS.css('top', anchorHeight); 2498 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 2499 iterateLeftpads(function (containerTS) { 2500 const containerBoundingTS = containerTS.getBoundingClientRect(); 2501 if (containerBoundingTS.left <= leftBoundingTS.right) { 2502 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 2503 } 2504 }); 2505 } else { 2506 fixedLeftTS.css('top', ''); 2507 iterateLeftpads(function (containerTS) { 2508 $(containerTS).css('padding-left', ''); 2509 }); 2510 } 2511 })(); 2512 } 2513 2514 function scrollAdjustmentTS() { 2515 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 2516 const topPosition = fixedTopTS.css('position'); 2517 if (topPosition === 'fixed' || topPosition === 'absolute') { 2518 const anchorBounding = anchor[0].getBoundingClientRect();
2519 const attachBounding = topAttachTS[0].getBoundingClientRect(); 2520 const scrollTop = $(window).scrollTop(); 2521 2522 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 2523 } else { 2524 fixedTopTS.css('top', initialTopTS); 2525 } 2526 } 2527 2528 $(window).load(function () { 2529 setTimeout(function () { 2530 resizeAdjustmentTS(); 2531 }, 350); 2532 2533 $(window).scroll(function () { 2534 scrollAdjustmentTS(); 2535 }); 2536 2537 var adjustTimeoutTS; 2538 $(window).resize(function () { 2539 clearTimeout(adjustTimeoutTS); 2540 adjustTimeoutTS = setTimeout(function () { 2541 resizeAdjustmentTS(); 2542 }, 350); 2543 }); 2544 2545 $.when(window.Pages.angularToolbarComplete).done(function () { 2546 resizeAdjustmentTS(); 2547 }); 2548 }); 2549</script>
2549 2550<!-- End Fixed Nav Adjustment --> 2551 2552<!-- Move banner to outer wrap -->
2553<script> 2554 function moveBannerToOuterWrap() { 2555 if ($(".fixedBannerTS #bannerDivbanner2").length) { 2556 $(".fixedBannerTS #bannerDivbanner2").appendTo("#outer-wrap"); 2557 } else { 2558 setTimeout(function () { 2559 moveBannerToOuterWrap(); 2560 }, 500); 2561 } 2562 } 2563 2564 moveBannerToOuterWrap(); 2565</script>
2565 2566 2567 2568
2568<script type="text/javascript"> 2569 $(function () { 2570 document.cookie = "responsiveGhost=0; path=/"; 2571 }); 2572 $(window).on("load", function () { 2573 $('body').addClass('doneLoading').removeClass('hideContent'); 2574 2575 if ($('#404Content').length > 0) 2576 $('div#bodyWrapper').css('padding', '0px'); 2577 }); 2578 </script>
2578 2579 2580 <noscript> 2581 <style> 2582 body.hideContent { 2583 opacity: 1 !important; 2584 } 2585 </style> 2586 </noscript> 2587 2588 2589<div style="display: none;"> 2590 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2591 2592 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2593 <title>Arrow Left</title> 2594 <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> 2595 </symbol> 2596 2597 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2598 <title>Arrow Right</title> 2599 <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> 2600 </symbol> 2601 2602 </svg> 2603</div> 2604
2604<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lato:100,100italic,300,300italic,700,700italic,900,900italic,italic,regular|Libre+Baskerville:700|Montserrat:500,600,700,regular|Open+Sans:300,600,700,regular|Poppins:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Source+Sans+Pro:700|');</script>
2604 2605 2606 2607 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2608 <div style="display: none;"> 2609 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2610 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 2611 <title>Slideshow Left Arrow</title> 2612 <g> 2613 <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> 2614 </g> 2615 </symbol> 2616 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 2617 <title>Slideshow Right Arrow</title> 2618 <g> 2619 <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> 2620 </g> 2621 </symbol> 2622 </svg> 2623 </div> 2624 2625 2626 2627 2628 <div id="root-picker-outlet"></div> 2629</body> 2630</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.