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-1CV253RXGD';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= false; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = 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 118 <meta name="category0" content="Home" /> 119<meta name="category1" content="Your Government" /> 120 121 122 <meta name="theme-color" content="#2a2e36"> 123 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 124 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 125 <title>Your Government | Deer Park, IL - Official Website</title> 126 127 <meta name="description" content="Discover the different aspects of the Deer Park, Illinois Government that aim to help serve and improve on the community."> 128
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128 129
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129 130 131 132 <!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]--> 133 <!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]--> 134 <!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]--> 135 <!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]--> 136
136<script type="text/javascript"><!-- 137 var intCountryCode = 840; 138 var order = ''; 139//--></script>
139 140 141 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-679159752.css" rel="stylesheet" type="text/css" /> 142 143 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 144
144<script type="text/javascript"> 145 window.Pages = window.Pages || {}; 146 // FrontEnd RWD initialization 147 window.Pages.rwdReady = $.Deferred(); 148 window.Pages.toolBarDeferred = $.Deferred(); 149 window.Pages.rwdSetupComplete = $.Deferred(); 150 window.Pages.megaMenuLoaded = $.Deferred(); 151 window.Pages.angularToolbarComplete = $.Deferred(); 152 window.Pages.frontEndToolbarComplete = $.Deferred(); 153 </script>
153 154 <!--CPHeadContent--> 155
155<script src="/739942322.js" type="text/javascript"></script>
155 156 157 158 159 160 161 162 163 164 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 165 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 166 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 167 <!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]--> 168 169
169<script type="text/javascript"> 170 setEditorVariables(false, 840); 171 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 172 </script>
172 173
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173 174</head> 175<body class="wide " > 176 177
177<script>jQuery(document).click(function (event) { 178 var target = jQuery(event.target); 179 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 180 var text = target.attr('title'); 181 182 if (!text.length) { 183 text = "N/A"; 184 } 185 ga('send', 186 { 187 hitType: 'event', 188 eventCategory: 'Image', 189 eventAction: 'Image - ' + text, 190 eventLabel: window.location.href 191 }); 192 } 193 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 194 var text = ""; 195 if (target.parents('.button')[0]) { 196 text = target.parents('.button').first().text(); 197 } else if (target.text().length) { 198 text = target.text(); 199 } else if (target.attr('title').length) { 200 text = target.attr('title'); 201 } 202 if (!text.length) { 203 text = "N/A"; 204 } 205 ga('send', 206 { 207 hitType: 'event', 208 eventCategory: 'Button', 209 eventAction: 'Button - ' + text, 210 eventLabel: window.location.href 211 }); 212 } 213 if (target.parents('.widgetCustomHtml').length) { 214 ga('send', 215 { 216 hitType: 'event', 217 eventCategory: 'Custom Html',
218 eventAction: 'Custom Html Clicked', 219 eventLabel: window.location.href 220 }); 221 } 222 if (target.parents('.editor').length) { 223 ga('send', 224 { 225 hitType: 'event', 226 eventCategory: 'Editor', 227 eventAction: 'Editor Link Clicked', 228 eventLabel: window.location.href 229 }); 230 } 231 if (target.parents('.GraphicLinks').length) { 232 var text = ""; 233 var targetGraphicLink = target; 234 if (target.hasClass('widgetGraphicLinksLink')) { 235 targetGraphicLink = jQuery(target.children()[0]); 236 } 237 if (targetGraphicLink.hasClass('text')) { 238 text = targetGraphicLink.text(); 239 } else if (targetGraphicLink.attr('src').length) { 240 if (targetGraphicLink.attr('alt').length) { 241 text = targetGraphicLink.attr('alt'); 242 } else { 243 text = targetGraphicLink.attr('src'); 244 } 245 } else { 246 text = "N/A"; 247 } 248 ga('send', 249 { 250 hitType: 'event', 251 eventCategory: 'Graphic Links', 252 eventAction: 'Graphic Link - ' + text, 253 eventLabel: window.location.href 254 }); 255 } 256 if (target.parents('.InfoAdvanced').length) { 257 ga('send', 258 { 259 hitType: 'event', 260 eventCategory: 'Info Advanced', 261 eventAction: 'Info Advanced Clicked', 262 eventLabel: window.location.href 263 }); 264 } 265 if (target.parents('.list').length) { 266 ga('send', 267 { 268 hitType: 'event', 269 eventCategory: 'List', 270 eventAction: 'List Clicked', 271 eventLabel: window.location.href 272 }); 273 } 274 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 275 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 276 var breadCrumbs = []; 277 jQuery('.breadCrumbs > li').each(function () { 278 breadCrumbs.push(this.textContent); 279 }); 280 var pageTitle = breadCrumbs.join('>'); 281 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 282 var text = ""; 283 if (pageTitle) { 284 text += pageTitle + " | "; 285 } else { 286 text += document.title + ' - '; 287 } 288 if (target.text() == "" && megaMenuText == "") { 289 text += "N/A"; 290 } else if (target.text().length && megaMenuText.length) { 291 if (megaMenuText == target.text()) { 292 text += megaMenuText; 293 } else { 294 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 295 } 296 } else if (target.text() == "") { 297 text += megaMenuText; 298 } else { 299 text += target.text(); 300 } 301 if (!text.length) { 302 text = "N/A"; 303 } 304 ga('send', 305 { 306 hitType: 'event', 307 eventCategory: 'Mega Menu', 308 eventAction: 'Mega Menu : ' + text, 309 eventLabel: window.location.href 310 }); 311 } 312 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 313 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 314 if (!text.length) { 315 text = "N/A"; 316 } 317 ga('send', 318 { 319 hitType: 'event', 320 eventCategory: 'News Flash', 321 eventAction: 'News Flash - ' + text, 322 eventLabel: window.location.href 323 }); 324 } 325 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 326 var text = target.text(); 327 if (!text.length) { 328 text = "N/A"; 329 } 330 ga('send', 331 { 332 hitType: 'event', 333 eventCategory: 'Quick Links', 334 eventAction: 'Quick Links - ' + text, 335 eventLabel: window.location.href 336 }); 337 } 338 if (target.attr('src') && target.parents('.cpSlideshow').length) { 339 var text = target.attr('title'); 340 if (!text.length) { 341 text = "N/A"; 342 } 343 ga('send', 344 { 345 hitType: 'event', 346 eventCategory: 'Slideshow', 347 eventAction: 'Slideshow - ' + text, 348 eventLabel: window.location.href 349 }); 350 } 351 if (target.parents('.widgetText').length) { 352 ga('send', 353 { 354 hitType: 'event', 355 eventCategory: 'Text', 356 eventAction: 'Text Link Clicked', 357 eventLabel: window.location.href 358 }); 359 } 360});</script>
360 361 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 362 <div class="cp-PopOver-header"> 363 <h3 class="cp-PopOver-title"></h3> 364 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 365 <svg class="cp-Icon--close" alt="close" title="close"> 366 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 367 </svg> 368 </button> 369 </div> 370 <div id="cpPopOverBody" class="cp-PopOver-body"> 371 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 372 </div> 373 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 374 <div class="cp-BtnGroup" id="actionButtons"> 375 <!-- Action buttons will be dynamically added here --> 376 </div> 377 </div> 378</div> 379 <div id="fb-root"></div> 380<div id=skipToContentLinks> 381<a href="#cc1a01a9eb-3a05-4bbe-ab56-59ce0f4e6fa3" target="_self" class="skipToContentLink">Skip to Main Content</a> 382</div> 383 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 384 385 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 386 387 388 389 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 390 <input type="hidden" id="hdnStructureID" value="9" /> 391 <input type="hidden" id="hdnContentCollectionID" value="3509042e-738f-487a-814a-46eff9c1fedd" /> 392 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 393 <input type="hidden" id="hdnThemeID" value="22" /> 394 <input type="hidden" id="pageIsFrontEnd" value="true" /> 395 <input type="hidden" id="pageModuleID" /> 396 <input type="hidden" id="pagePageID" value="27" /> 397 398 <div id="stickyPlaceholder"></div> 399 <div id="outer-wrap" class="outer-wrap"> 400 <div id="inner-wrap" class="inner-wrap"> 401 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 402 403 404 405 406<!-- Begin Signed Out Bar --> 407<div class="cpToolbar user public"> 408 <div class="inner selfClear"> 409 <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> 410 <ul class="nav secondary"> 411 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 412 </ul> 413 </div> 414</div>
415<script> 416 $(document).ready(function () { 417 $('#signedOutToolbarCreateProfileButton').click(function (event) { 418 event.preventDefault(); 419 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 420 }); 421 422 423 $('#loggedOutToolbarSignInButton').click(function (event) { 424 event.preventDefault(); 425 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 426 }); 427 428 429 if ('False' == 'True') { 430 $('#loggedOutToolbarSignInButton').hide(); 431 } 432 }) 433</script>
433 434<!-- End Signed Out Bar --> 435 436 </div> 437 <div id="bodyWrapper"> 438 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 439 440<div data-cpRole="structuralContainer" id="bodyContainerTS"> 441<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 442<div class="siteWrap6"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 443 444 445 446 447 <a id="bannerLogoTS-66" style=" display: block; text-align: center; 448" class="bannerObject" href="/" target="_self"><img alt="Home Page" class="bannerObject" height="120" src="/ImageRepository/Document?documentID=1897" width="146" /></a> 449</div><div data-cpRole="contentContainer" id="searchTS"> <div id="cc02ff4ff6-ba85-4e72-b6cf-200df27bca0d" data-containerid="02ff4ff6-ba85-4e72-b6cf-200df27bca0d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="32"> 450 451 452 <div class="row outer wide"><!-- 453--><div class="outer col col1 first" style="" data-widgetcontainerid="5cf57ace-dcac-48aa-84fc-b4947ce93ffa">� 454 <div class="row nest first last wide">� 455 456 <div class="inner col col1 first last iddc0534d7-f75f-4022-a5b2-b8bf9b2c3381" style="" data-widgetcontainerid="dc0534d7-f75f-4022-a5b2-b8bf9b2c3381">� 457 458<div class="widget widgetSpacer" id="1668065b-17a5-4cae-b471-19f6f5ae89a7"></div> 459 </div> <!-- inner column --> 460 461 </div> <!-- inner row --> 462 463 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="1043dcf3-5a75-4a5e-8a52-cde7ef12f36b">� 464 <div class="row nest first last wide">� 465 466 <div class="inner col col6 first last idc352f104-0c98-44cf-9d8e-d29bd38edd21" style="" data-widgetcontainerid="c352f104-0c98-44cf-9d8e-d29bd38edd21">� 467<div data-widget-id="960caba4-de70-48fa-8f22-f02f998213e4" data-widget-controller-path="/GraphicLinks/Widget"> 468 469 470 471 472<div id="graphicLinkWidget960caba4-de70-48fa-8f22-f02f998213e4" class="widget widgetGraphicLinks skin79 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 473 <div class="widgetHeader"> 474 <div class=""> 475 </div> 476 </div> 477 <div class="widgetBody cpGrid cpGrid1 "> 478 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 479 <ul class="semanticList"> 480 <!-- 481 --><li class="widgetItem GraphicLinks"> 482 483<div> 484 <a href="/382/ReNew-Rand" target="_self" class="fancyButton fancyButton241 " > 485 <span> 486 <span><span class="text">Click to edit...</span></span> 487 </span> 488 </a> 489</div> 490 <style scoped="scoped">.fancyButton241.fancyButton:link,.fancyButton241.fancyButton:visited, .fancyButton241div.fancyButton{ 491 height: 99px; 492 padding-right: 10px; 493 padding-left: 10px; 494 background-image: url('/ImageRepository/Document?documentID=1977'); 495 background-repeat: no-repeat; 496 background-position: center center; 497position:relative; 498transition:all .3s ease-in-out; 499 500} 501.fancyButton241::after{ 502transition:all .3s ease-in-out; 503content:""; 504position:absolute; 505width:103px; 506height:2px; 507background:rgba(245, 241, 228, 0); 508bottom:.75em; 509left:50%; 510transform:translate(-50%); 511} 512.fancyButton241:hover::after, 513.fancyButton241:focus::after, 514.fancyButton241:active::after{ 515transition:all .3s ease-in-out; 516background:rgba(245, 241, 228, 1) !important; 517} 518@media(max-width:81em){ 519.fancyButton241{ 520margin:0 auto !Important; 521}} 522.fancyButton241.fancyButton:hover,.fancyButton241.fancyButton:focus,.fancyButton241.fancyButton:active,.fancyButton241.fancyButton.hover{ 523 background-repeat: no-repeat; 524 background-position: center center; 525} 526.fancyButton241.fancyButton:link > span,.fancyButton241.fancyButton:visited > span, .fancyButton241div.fancyButton > span{ 527} 528.fancyButton241.fancyButton:hover > span,.fancyButton241.fancyButton:focus > span,.fancyButton241.fancyButton:active > span,.fancyButton241.fancyButton.hover > span{ 529} 530.fancyButton241.fancyButton .text{ 531 text-decoration: none; 532 background-repeat: no-repeat; 533 background-position: left top; 534 535font-size:0;} 536.fancyButton241.fancyButton:hover .text,.fancyButton241.fancyButton:focus .text,.fancyButton241.fancyButton:active .text,.fancyButton241.fancyButton.hover .text{ 537 text-decoration: none; 538 background-repeat: no-repeat; 539 background-position: left top; 540 541 542} 543</style> 544 545 </li><!-- 546 --> 547 </ul> 548 </nav> 549 </div> 550 <div class="widgetFooter"> 551 </div> 552</div> 553</div> 554 555 </div> <!-- inner column --> 556 557 </div> <!-- inner row --> 558 559 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="8c4ffbd9-e2ef-44c3-bd06-c8a2c2e22900">� 560 <div class="row nest first last wide">� 561 562 <div class="inner col col4 first last id0a911c2d-9de0-459a-9c6e-c23da3c485d6" style="" data-widgetcontainerid="0a911c2d-9de0-459a-9c6e-c23da3c485d6">� 563 564<div class="widget widgetSpacer" id="3defac56-a654-4960-afbe-15512bff439b"></div> 565 </div> <!-- inner column --> 566 567 </div> <!-- inner row --> 568 569 </div><!-- outer column --><!----><div class="outer col col13 last" style="" data-widgetcontainerid="50923ae3-13ce-4e8d-8ff4-2d9f78b8103a">� 570 <div class="row nest first last wide">� 571 572 <div class="inner col col13 first last id81872bb6-2265-4760-ab80-b042a7a1814c" style="" data-widgetcontainerid="81872bb6-2265-4760-ab80-b042a7a1814c">� 573<div data-widget-id="74d94d14-77b2-4f2b-b725-0c91fa0d4479" data-widget-controller-path="/Layout/WidgetSearch"> 574 575
575<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
575 576
576<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
576 577
577<script defer type="text/javascript"> 578 579 $(document).ready(function () { 580 try { 581 // Minimum characters required before performing a search/autocomplete 582 var minPrefixLength = 3; 583 var autoCompleteDebounceDelay = 500; 584 var searchFieldSelector = "#searchField" + '74d94d14-77b2-4f2b-b725-0c91fa0d4479'; 585 var checkboxSelector = "#ysnSearchOnlyDept" + '74d94d14-77b2-4f2b-b725-0c91fa0d4479'; 586 var buttonSelector = ".widgetSearchButton" + '74d94d14-77b2-4f2b-b725-0c91fa0d4479'; 587 var autoCompleteCache = {}; 588 var autoCompleteCacheKeys = []; 589 var autoCompleteCacheLimit = 25; 590 var currentAutoCompleteRequest = null; 591 var currentAutoCompleteRequestKey = null; 592 var autoCompleteDebounceTimer = null; 593 var autoCompleteDebounceKey = null; 594 var pendingAutoCompleteResponses = []; 595 596 function normalizeAutoCompleteTerm(term) { 597 return $.trim((term || "") + "").replace(/\s+/g, " "); 598 } 599 600 function shouldSearch(term) { 601 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 602 } 603 604 function getAutoCompleteUrl() { 605 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 606 } 607 608 function getAutoCompleteCacheKey(requestUrl, term) { 609 return requestUrl + "|" + term.toLowerCase(); 610 } 611 612 function cacheAutoCompleteResult(cacheKey, data) { 613 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 614 autoCompleteCacheKeys.push(cacheKey); 615 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 616 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 617 } 618 } 619 autoCompleteCache[cacheKey] = data; 620 } 621 622 function respondToPendingAutoComplete(data) { 623 var responses = pendingAutoCompleteResponses; 624 pendingAutoCompleteResponses = []; 625 for (var i = 0; i < responses.length; i++) { 626 responses[i](data); 627 } 628 } 629 630 function cancelPendingAutoComplete() { 631 clearTimeout(autoCompleteDebounceTimer); 632 autoCompleteDebounceKey = null; 633 if (currentAutoCompleteRequest != null) { 634 currentAutoCompleteRequest.abort(); 635 currentAutoCompleteRequest = null; 636 } 637 currentAutoCompleteRequestKey = null; 638 respondToPendingAutoComplete([]); 639 } 640 641 function createWidgetAutoCompleteSource(options) { 642 return function (request, response) { 643 var term = normalizeAutoCompleteTerm(request.term); 644 if (!options.shouldSearch(term)) { 645 response([]); 646 return; 647 } 648 649 var requestUrl = options.url(); 650 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 651 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 652 response(autoCompleteCache[cacheKey]); 653 if (options.success) { 654 options.success(autoCompleteCache[cacheKey]); 655 } 656 return; 657 } 658 659 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 660 pendingAutoCompleteResponses.push(response); 661 return; 662 } 663 664 cancelPendingAutoComplete(); 665 autoCompleteDebounceKey = cacheKey; 666 pendingAutoCompleteResponses.push(response); 667 autoCompleteDebounceTimer = setTimeout(function () { 668 autoCompleteDebounceKey = null; 669 currentAutoCompleteRequestKey = cacheKey; 670 currentAutoCompleteRequest = $.ajax({ 671 url: requestUrl, 672 dataType: "json", 673 timeout: options.timeout, 674 data: { 675 term: term, 676 }, 677 success: function (data) { 678 if (currentAutoCompleteRequestKey === cacheKey) { 679 cacheAutoCompleteResult(cacheKey, data); 680 respondToPendingAutoComplete(data); 681 if (options.success) { 682 options.success(data); 683 } 684 } 685 }, 686 error: function (xmlhttprequest, textstatus, message) { 687 if (textstatus === "abort") { 688 return; 689 } 690 691 if (options.error) { 692 options.error(xmlhttprequest, textstatus, message); 693 } 694 695 respondToPendingAutoComplete([]); 696 }, 697 complete: function (xmlhttprequest) { 698 if (currentAutoCompleteRequest === xmlhttprequest) { 699 currentAutoCompleteRequest = null;
700 currentAutoCompleteRequestKey = null; 701 } 702 } 703 }); 704 }, options.delay); 705 }; 706 } 707 708 // click handler for search buttons 709 $(buttonSelector).click(function (e) { 710 e.preventDefault(); 711 var $btn = $(this); 712 var $field = $btn.siblings(".widgetSearchBox"); 713 var term = $field.val() + ""; 714 if (!shouldSearch(term)) { 715 // do nothing until user types enough characters 716 $field.focus(); 717 return; 718 } 719 720 if ($(checkboxSelector).is(':checked') || false) 721 { 722 doWidgetSearch($.trim(term), Number(0)); 723 } 724 else { 725 doWidgetSearch($.trim(term), 0); 726 } 727 }); 728 729 // enter key handler for the search field 730 $(searchFieldSelector).keypress(function (e) { 731 var code = e.which || e.keyCode; 732 if (code === 13) { 733 e.preventDefault(); 734 var $this = $(this); 735 var term = $this.val() + ""; 736 if (!shouldSearch(term)) { 737 // do nothing until user types enough characters 738 $this.focus(); 739 return false; 740 } 741 742 if ($(checkboxSelector).is(':checked') || false) { 743 doWidgetSearch($.trim(term), Number(0)); 744 } else { 745 doWidgetSearch($.trim(term), 0); 746 } 747 return false; 748 } 749 return true; 750 }); 751 752 // autocomplete: set minLength and guard source 753 if (true) { 754 var $searchField = $(searchFieldSelector).autocomplete({ 755 minLength: minPrefixLength, 756 source: createWidgetAutoCompleteSource({ 757 delay: autoCompleteDebounceDelay, 758 timeout: 10000, 759 shouldSearch: shouldSearch, 760 url: getAutoCompleteUrl, 761 success: function () { 762 $('.autoCompleteError').remove(); 763 }, 764 error: function (xmlhttprequest, textstatus, message) { 765 if (textstatus === "timeout") { 766 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 767 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 768 } 769 } 770 }), 771 html: true, 772 delay: 0, 773 select: function (event, ui) { 774 $(this).val(ui.item.value); 775 $(this).next().click(); 776 } 777 }); 778 779 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 780 return $("<li class=\"itemList\"></li>") 781 .data("ui-autocomplete-item", item) 782 .append("<a>" + item.label + "</a>") 783 .appendTo(ul); 784 }; 785 } 786 787 // keep searchBtnApplyQuery consistent with prefix rule 788 window.searchBtnApplyQuery = function() { 789 var $field = $(searchFieldSelector); 790 var term = $field.val() + ""; 791 if (shouldSearch(term)) { 792 // update href for the icon/button (if present) 793 var btn = document.getElementById("btnSearchIcon"); 794 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 795 } else { 796 var btn = document.getElementById("btnSearchIcon"); 797 if (btn) btn.href = "#"; 798 } 799 }; 800 } 801 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. 802 }); 803 </script>
803 804 805 <section id="widgetPreviewSearch" class="widget widgetSearch skin73 widgetOptionSet38" style="display: block;" aria-label="Search"> 806 <!-- For the button right and inside --> 807 <div class="widgetBody buttonRightInside"> 808 <input class="widgetSearchBox widgetSearchBox74d94d14-77b2-4f2b-b725-0c91fa0d4479" cp5ph="true" id="searchField74d94d14-77b2-4f2b-b725-0c91fa0d4479" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Iâm looking forâ¦" type="text" value="" /> 809 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton74d94d14-77b2-4f2b-b725-0c91fa0d4479" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=1902" data-image="/ImageRepository/Document?documentID=1903" src="/ImageRepository/Document?documentID=1903" /></a> 810 811 <label class="searchLabel" aria-hidden="true" for="searchField74d94d14-77b2-4f2b-b725-0c91fa0d4479">Search</label> 812 </div> 813 814 </section> 815 816 817<style scoped> 818 819 .widgetSearch ::-webkit-input-placeholder { 820 color: #332D1E; 821 } 822 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 823 color: #332D1E; 824 } 825 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 826 color: #332D1E; 827 } 828 .widgetSearch :-ms-input-placeholder { 829 color: #332D1E; 830 } 831 832 833 .widgetSearch .widgetBody .widgetSearchBox74d94d14-77b2-4f2b-b725-0c91fa0d4479 834 { 835 color: #332D1E; 836 height:60px; 837border-radius:30px; 838box-shadow: 0px 2px 10px #332D1E33; 839background:#FFFFFF; 840padding:0 55px 0 20px; 841border:none !Important; 842 } 843 .widgetSearch .widgetBody .widgetSearchButton74d94d14-77b2-4f2b-b725-0c91fa0d4479 844 { 845 margin:10px 10px 10px 0; 846 } 847 .widgetSearch .widgetSearch-onlyDept74d94d14-77b2-4f2b-b725-0c91fa0d4479 848 { 849 display: inline-block; 850 color: #333; 851 852 853 padding-top: 10px; 854 } 855 #ysnSearchOnlyDept74d94d14-77b2-4f2b-b725-0c91fa0d4479 856 { 857 position: relative; 858 top: .125em; 859 } 860 861</style> 862 863<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 864<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 865 866 867
868<script type="text/javascript"> 869 //Updates search icons href to have the correct queryString 870 function searchBtnApplyQuery() { 871 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField74d94d14-77b2-4f2b-b725-0c91fa0d4479").value; 872 } 873</script>
873 874 875</div> 876 877 </div> <!-- inner column --> 878 879 </div> <!-- inner row --> 880 881 </div><!-- outer column --><!-- --></div> <!-- outer row --> 882 883 884 </div> 885</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 886<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 887--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 888 --><!-- 889 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavYourGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Your-Government" target = "_self" > Your Government </a> <!-- 890 --><!-- 891 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 892 --><!-- 893 --> <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> <!-- 894 --><!-- 895 --></li><!----><li id="MainItem316" class="topMenuItem" role="none" data-pageid="316" data-displaymegamenu="True"><!-- 896 --><!-- 897 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu316" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem3 " href="/316/Departments" target = "_self" > Departments </a> <!-- 898 --><!-- 899 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 900 --><!-- 901 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 902 --><!-- 903 --></li><!----> 904</ol> 905 906 907
907<script type="text/javascript"> 908 (function () { 909 function setupMenu() { 910 const menuID = 'mainNavMenu'; 911 const menuType = MAIN_MENU; 912 913 //setup menu manager properties for main menu 914 if (!menuManager.mobileMainNav && true) 915 menuManager.adjustMainItemsWidth('#' + menuID); 916 menuManager.isMainMenuEditable = false; 917 menuManager.mainMenuMaxSubMenuLevels = 4; 918 menuManager.setMOMMode(2, menuType); 919 920 //Init main menu 921 const setupDraggable = menuManager.isMainMenuEditable; 922 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=22&menuContainerID=mainNav'; 923 924 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 925 menuManager.mainMenuInit = true; 926 menuManager.mainMenuTextResizer = true; 927 if (1.00 > 0) 928 menuManager.mainMenuTextResizerRatio = 1.00; 929 if (window.isResponsiveEnabled) 930 menuManager.mainMenuReady.resolve(); 931 932 } 933 934 if (document.readyState === "complete" 935 || document.readyState === "loaded" 936 || document.readyState === "interactive") { 937 setupMenu(); 938 return; 939 } 940 941 document.addEventListener("DOMContentLoaded", setupMenu); 942 })(); 943 </script>
943 944 945 946<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="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cce0956972-13ff-427c-bc95-6e3999ea8a91" data-containerid="e0956972-13ff-427c-bc95-6e3999ea8a91" class="pageContent cpGrid cpGrid24"> 947 948 949 950 951 </div> 952</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="ccfd64b269-9f26-4136-8d1b-f27ec31b78fa" data-containerid="fd64b269-9f26-4136-8d1b-f27ec31b78fa" class="pageContent cpGrid cpGrid24"> 953 954 955 956 957 </div> 958</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu316" class="contentTop mainNavMegaMenu megaMenuContainer pageID_316 hidden" data-orientation="horizontal"> <div id="cccdd0d19b-27c7-466a-bc4d-3e93d2813f8c" data-containerid="cdd0d19b-27c7-466a-bc4d-3e93d2813f8c" class="pageContent cpGrid cpGrid24"> 959 960 961 962 963 </div> 964</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc52bfd3f8-876a-488f-8133-368082d27273" data-containerid="52bfd3f8-876a-488f-8133-368082d27273" class="pageContent cpGrid cpGrid24"> 965 966 967 968 969 </div> 970</aside></aside></nav></div> 971</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 972<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 973<div data-cpRole="structuralContainer" id="bannerSearchTS"> 974<div class="siteWrap6"></div> 975</div> 976</div> 977 978 979 980 981 <div id="bannerImagesJSON67" class="hidden"></div> 982 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 983 <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 984 <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 985 </div> 986
986<script type="text/javascript"> 987 $(window).on("load", function () { 988 $.when(window.Pages.rwdSetupComplete) 989 .done(function () { 990 renderExternalBannerSlideshow('banner1', 991 {"BannerOptionID":67,"ThemeID":22,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":124,"BannerOptionID":67,"FileName":"/ImageRepository/Document?documentID=1900","Height":380,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":125,"BannerOptionID":67,"FileName":"/ImageRepository/Document?documentID=1899","Height":220,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":126,"BannerOptionID":67,"FileName":"/ImageRepository/Document?documentID=1898","Height":380,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":10,"BannerOptionID":67,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202303301251084123.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)\/"}, 992 '/App_Themes/2023 - Interior/Images/', 993 'Rotating'); 994 }); 995 }); 996 </script>
996 997 998</div> 999</div><!-- Content container --><div data-cpRole="structuralContainer" id="backgroundWrapper"> 1000<div data-cpRole="structuralContainer" id="mainContainerTS"> 1001<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 1002<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 1003<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1004<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 1005 <li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="27"><a href class="breadCrumb" aria-current="page">Your Government</a></li> 1006 </ol> 1007 1008 1009 1010</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1011 1012 <div id="page" class="moduleContentNew"> 1013 1014 1015 <input id="hdnPageID" name="hdnPageID" type="hidden" value="27" /> 1016 <input id="hdnParentID" name="hdnParentID" type="hidden" value="1" /> 1017 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="2428" /> 1018 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Your Government" /> 1019 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" />
1020 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1021 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1022 1023 <h1 id="versionHeadLine" class="headline"> 1024 1025Your Government </h1> 1026 1027 <div id="cc1a01a9eb-3a05-4bbe-ab56-59ce0f4e6fa3" data-containerid="1a01a9eb-3a05-4bbe-ab56-59ce0f4e6fa3" class="pageContent cpGrid cpGrid24" > 1028 1029 1030 <div class="row outer wide"><!-- 1031--><div class="outer col col24 first last" style="" data-widgetcontainerid="e9d2e769-25a6-4242-8dd7-bb0ecb83c9c6">� 1032 <div class="row nest first last wide">� 1033 1034 <div class="inner col col24 first last id17104582-485f-485a-9c0f-e6e2481918ad" style="" data-widgetcontainerid="17104582-485f-485a-9c0f-e6e2481918ad">� 1035<div class="widget editor pageStyles narrow" id="divEditor898a657b-84d1-4c90-9419-fea10e0c06bf" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 1036 <div class="fr-view"> 1037 1038 1039 <h2 class="subhead1">The Village Board</h2><p>The Village Board of Deer Park consists of a President, 6 Trustees and a Village Clerk. Elections are held every odd-numbered year on the 1st Tuesday in April, at which time either the President and 3 Trustees or 3 Trustees will be elected to serve 4-year terms.</p><h3 class="subhead2">Meetings</h3><p>Regular meetings are held the 3rd Thursday of every month at 7 p.m. at: </p><p>The Vehe Barn<br>23570 W Cuba Road<br>Deer Park, IL 60010</p><p>The <a class="Hyperlink" href="/AgendaCenter/Board-of-Trustees-6" target="_self">agenda</a> for each meeting is posted online and at the Village Office 48 hours prior to the meeting; an agenda may also be requested via <a class="Hyperlink" href="mailto:[email protected]" target="_self">email</a>.</p><h2 class="subhead1">2026 Meeting Schedules</h2><p><a href="/DocumentCenter/View/2380/2025-BOT-Meeting-Schedule" target="_blank" rel="noopener">Board of Trustees - 2026 Meetings</a></p><p><a href="/DocumentCenter/View/2382/2025-COW-Meeting-Schedule" target="_blank" rel="noopener">Committee of Whole - 2026 Meetings</a></p><p><a href="/DocumentCenter/View/2381/2025-PZ-Meeting-Schedule" target="_blank" rel="noopener">Planning & Zoning - 2026 Meetings</a></p><h2 class="subhead1">Positions</h2><p><a class="Hyperlink" href="/253/Appointed-Officials" target="_self">Appointed positions</a> for the village are:</p><ul><li>Administrator</li><li>Building Official</li><li>Planning and Zoning Commission Chairman and 6 members</li><li>Treasurer</li><li>Village Attorney</li><li>Village Clerk</li><li>Village Engineer</li><li>Village Planner</li></ul><h2 class="subhead1">Annual Budget</h2><p>The Village of Deer Park prepares and approves and annual operational budget that accounts for all Village revenues and expenditures, both operational and capital, each fiscal year ending April 30. Approved annual budgets can be viewed here: <a href="https://www.villageofdeerpark.com/398/Village-Budget" target="_blank" rel="noopener">Annual Budget</a></p><h2 class="subhead1" id="isPasted"><strong>Property Taxes</strong></h2><p>The Village of Deer Park does not impose a property tax on residents. Property tax bill information can be viewed here: <a href="https://www.lakecountyil.gov/199/Property-Taxes" target="_blank" rel="noopener">Lake County</a> and <a href="https://www.cookcountyassessor.com/" target="_blank" rel="noopener">Cook County</a></p><h2 class="subhead1" id="isPasted"><strong>Financial Transparency</strong></h2><p>The Village of Deer Park is dedicated to providing informative and transparent financial data to Village residents and the general public. The<a href="https://www.villageofdeerpark.com/397/Financial-Transparency" target="_blank" rel="noopener"> Financial Transparency</a> page includes access to annual Village financial reports and data, as well as access to the interactive <a href="https://cleargov.com/illinois/lake/village/deer-park" target="_blank" rel="noopener">Financial Transparency Center Portal</a>.</p> 1040 </div> 1041
1042<script type="text/javascript"> 1043 $(document).ready(function (e) { 1044 renderSlideshowIfApplicable($('#divEditor' + '898a657b-84d1-4c90-9419-fea10e0c06bf')); 1045 }); 1046</script>
1046 1047</div> 1048 1049 </div> <!-- inner column --> 1050 1051 </div> <!-- inner row --> 1052 1053 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1054 1055 1056 </div> 1057 1058 </div> 1059 1060 1061 <div class="newCP"> 1062 1063 </div> 1064</div> 1065</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="cc4d0925e7-5372-4ee9-b1a3-e690a36237e6" data-containerid="4d0925e7-5372-4ee9-b1a3-e690a36237e6" class="pageContent cpGrid cpGrid24 showInMobile"> 1066 1067 1068 <div class="row outer wide"><!-- 1069--><div class="outer col col24 first last" style="" data-widgetcontainerid="01049d26-604c-41c5-b4d2-b167f66dbae7">� 1070 <div class="row nest first last wide">� 1071 1072 <div class="inner col col24 first last idbb3e3840-e7b7-4f3e-91f0-db1b3ebfa8c3" style="" data-widgetcontainerid="bb3e3840-e7b7-4f3e-91f0-db1b3ebfa8c3">� 1073 <div data-widget-id="ceb91b2c-6770-4eb6-bd30-4679846c3392" data-widget-controller-path="/InfoAdvanced/Widget"> 1074 1075 1076 1077 1078 1079 <section id="divInfoAdvceb91b2c-6770-4eb6-bd30-4679846c3392" class="widget widgetInfoAdvanced skin74 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerceb91b2c-6770-4eb6-bd30-4679846c3392"> 1080 <header class="widgetHeader" id="headerceb91b2c-6770-4eb6-bd30-4679846c3392"> 1081 <div class=""> 1082 <h3 >Contact Us</h3> 1083 </div> 1084 </header> 1085 <div class="widgetBody cpGrid cpGrid1 "> 1086 <div class="row wide"> 1087 <div class="col col1 first last"> 1088 <ol class="pageStyles semanticList"> 1089 1090<li class="InfoAdvanced widgetItem fr-view"> 1091 <h3 class="subhead2">Village Office</h3><br> 109223680 W Cuba Road<br> 1093Deer Park, IL 60010<br> 1094<br> 1095Phone: 847-726-1648 <br> 1096Fax: 847-726-1659<br> 1097<h3 class="subhead2"><br> 1098Hours</h3><br> 1099Monday through Friday<br> 11008 a.m. to 4 p.m.<br> 1101</li> </ol> 1102 </div> 1103 </div> 1104 </div> 1105 <div class="widgetFooter"> 1106 1107 </div> 1108 1109 </section> 1110 1111 1112
1113<script type="text/javascript"> 1114 //Render slideshow if info advacned items contain one. 1115 $(document).ready(function (e) { 1116 $('#divInfoAdvceb91b2c-6770-4eb6-bd30-4679846c3392 .InfoAdvanced.widgetItem').each(function () { 1117 renderSlideshowIfApplicable($(this)); 1118 }); 1119 }); 1120</script>
1120</div> 1121 </div> <!-- inner column --> 1122 1123 </div> <!-- inner row --> 1124 1125 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1126 <div class="row outer wide"><!-- 1127--><div class="outer col col24 first last" style="" data-widgetcontainerid="50817b72-96d4-430b-83e5-054d308614a4">� 1128 <div class="row nest first last wide">� 1129 1130 <div class="inner col col24 first last id31e6c1cc-166e-4ef3-aa25-ddf1191a99c4" style="" data-widgetcontainerid="31e6c1cc-166e-4ef3-aa25-ddf1191a99c4">� 1131<div data-widget-id="a4f0e5ee-0a40-43b7-8dcc-4c6012c79d7c" data-widget-controller-path="/Calendar/Widget"> 1132
1132<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
1132 1133 1134 1135 1136 1137 1138 1139 1140 1141 1142 1143 1144 1145 1146 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156 1157 1158 1159 1160 1161 1162<div id="widgetCalendara4f0e5ee-0a40-43b7-8dcc-4c6012c79d7c" class="widget widgetCalendar skin74 widgetOptionSet3 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 1163 <div class="widgetHeader "> 1164 <div class=""> 1165 <h3 id="calendarHeadera4f0e5ee-0a40-43b7-8dcc-4c6012c79d7c"><a style="" href="/calendar.aspx?CID=23,24" >Calendar</a></h3> 1166 1167 </div> 1168 </div> 1169 <div class="widgetBody cpGrid cpGrid1 "> 1170 <div class="calendarInnerWrapper"> 1171 1172 1173 1174 1175 1176 1177 1178 1179<div class="row narrow" data-event-list-row="true" style=""> 1180 1181
1182<script src="/Scripts/jquery.urlToLink.min.js"></script>
1182 1183<input type="hidden" value="["2026-10-05","2026-10-06","2026-10-11","2026-10-12","2026-10-15"]" name="day-list" /> 1184 1185 <div class="col col1 first last"> 1186 <ol class="semanticList"> 1187 1188 1189 1190 1191 1192 1193 1194 1195 1196 1197 1198<li class="widgetItem " data-event-i-d="1103" > 1199 1200 1201 <h4 class="widgetTitle">Mon, Oct. 5 </h4> 1202 <div style="" class="widgetDesc"> 1203 <strong><a href="/Calendar.aspx?EID=1103">Planning & Zoning Commission Meeting</a></strong> 1204 1205 </div> 1206 </li> 1207 1208 1209 1210 1211 1212 1213 1214 1215 1216 1217 1218<li class="widgetItem " data-event-i-d="1140" > 1219 1220 1221 <h4 class="widgetTitle">Tue, Oct. 6 </h4> 1222 <div style="" class="widgetDesc"> 1223 <strong><a href="/Calendar.aspx?EID=1140">BACOG Water Testing Event</a></strong> 1224 1225 </div> 1226 </li> 1227 1228 1229 1230 1231 1232 1233 1234 1235 1236 1237 1238<li class="widgetItem " data-event-i-d="1146" > 1239 1240 1241 <h4 class="widgetTitle">Sun, Oct. 11 </h4> 1242 <div style="" class="widgetDesc"> 1243 <strong><a href="/Calendar.aspx?EID=1146">Walk With Me w/SOUL Harbour Ranch Therapy Animals</a></strong> 1244 1245 </div> 1246 </li> 1247 1248 1249 1250 1251 1252 1253 1254 1255 1256 1257 1258<li class="widgetItem " data-event-i-d="1086" > 1259 1260 1261 <h4 class="widgetTitle">Mon, Oct. 12 </h4> 1262 <div style="" class="widgetDesc"> 1263 <strong><a href="/Calendar.aspx?EID=1086">Village Office Closed</a></strong> 1264 1265 </div> 1266 </li> 1267 1268 1269 1270 1271 1272 1273 1274 1275 1276 1277 1278<li class="widgetItem " data-event-i-d="1104" > 1279 1280 1281 <h4 class="widgetTitle">Thu, Oct. 15 </h4> 1282 <div style="" class="widgetDesc"> 1283 <strong><a href="/Calendar.aspx?EID=1104">Board of Trustees Meeting</a></strong> 1284 1285 </div> 1286 </li> 1287 </ol> 1288 </div> 1289 1290</div> 1291 </div> 1292 <a id="calendarViewAlla4f0e5ee-0a40-43b7-8dcc-4c6012c79d7c" class="widgetViewAll alignLeft" style="" href="/calendar.aspx?CID=23,24">View Full Calendar</a> 1293 </div> 1294 <div class="widgetFooter"> 1295 1296 </div> 1297 <div class="addItemModal hidden"> 1298 <div class="url hidden">/Calendar.aspx</div> 1299 </div> 1300</div> 1301</div> 1302 1303 </div> <!-- inner column --> 1304 1305 </div> <!-- inner row --> 1306 1307 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1308 1309 1310 </div> 1311</aside> 1312</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 1313<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="ccb955983b-a1f0-4372-a795-1be93807e998" data-containerid="b955983b-a1f0-4372-a795-1be93807e998" class="pageContent cpGrid cpGrid24 showInMobile"> 1314 1315 1316 1317 1318 </div> 1319</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 1320 1321 1322 1323 1324 1325 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="27" class="rootNavMenu accordionNav"> 1326 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem129" data-pageid="129"> 1327 <div class="accordionNavItem"> 1328 <a href="/AgendaCenter" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Agendas & Minutes</a> 1329 </div> 1330 </li> 1331 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem261" data-pageid="261"> 1332 <div class="accordionNavItem"> 1333 <a href="/261/Village-Board" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Village Board</a> 1334 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Village Board Submenu" aria-expanded="false" aria-controls="submenu-lvl1-261"></a> 1335 </div> 1336 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-261" style="display: none;" data-parent="261"> 1337 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem302" data-pageid="302"> 1338 <div class="accordionNavItem"> 1339 <a href="/302/President-Greg-Rusteberg" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">President Greg Rusteberg</span></a> 1340 </div> 1341 </li> 1342 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem264" data-pageid="264"> 1343 <div class="accordionNavItem"> 1344 <a href="/264/Trustee-Paul-Kreatsoulas" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Trustee Paul Kreatsoulas</span></a> 1345 </div> 1346 </li> 1347 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem301" data-pageid="301"> 1348 <div class="accordionNavItem"> 1349 <a href="/301/Trustee-David-Lemme" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Trustee David Lemme</span></a> 1350 </div> 1351 </li> 1352 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem265" data-pageid="265"> 1353 <div class="accordionNavItem"> 1354 <a href="/265/Trustee-Michael-Mann" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Trustee Michael Mann</span></a> 1355 </div> 1356 </li> 1357 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem257" data-pageid="257"> 1358 <div class="accordionNavItem"> 1359 <a href="/257/Trustee-James-Oakley" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Trustee James Oakley</span></a> 1360 </div> 1361 </li> 1362 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem267" data-pageid="267"> 1363 <div class="accordionNavItem"> 1364 <a href="/267/Trustee-Jimi-Psarakis" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Trustee Jimi Psarakis</span></a> 1365 </div> 1366 </li> 1367 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem263" data-pageid="263"> 1368 <div class="accordionNavItem"> 1369 <a href="/263/Trustee-Michael-Reiser" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1369Trustee Michael Reiser</span></a> 1370 </div> 1371 </li> 1372 1373 </ol> 1374 </li> 1375 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem360" data-pageid="360"> 1376 <div class="accordionNavItem"> 1377 <a href="/360/Adult-Use-Cannabis-Information" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Adult-Use Cannabis Information</a> 1378 </div> 1379 </li> 1380 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem376" data-pageid="376"> 1381 <div class="accordionNavItem"> 1382 <a href="/376/Consolidated-Election-for-three-3-Truste" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Consolidated Election for three (3) Trustees - April 6, 2027</a> 1383 </div> 1384 </li> 1385 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem243" data-pageid="243"> 1386 <div class="accordionNavItem"> 1387 <a href="/243/Commissions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Commissions</a> 1388 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Commissions Submenu" aria-expanded="false" aria-controls="submenu-lvl1-243"></a> 1389 </div> 1390 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-243" style="display: none;" data-parent="243"> 1391 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem393" data-pageid="393"> 1392 <div class="accordionNavItem"> 1393 <a href="/393/Building-Review-Board" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Building Review Board</span></a> 1394 </div> 1395 </li> 1396 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem245" data-pageid="245"> 1397 <div class="accordionNavItem"> 1398 <a href="/245/Planning-and-Zoning-Commission" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning and Zoning Commission</span></a> 1399 </div> 1400 </li> 1401 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem392" data-pageid="392"> 1402 <div class="accordionNavItem"> 1403 <a href="/392/Tree-Committee" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Tree Committee</span></a> 1404 </div> 1405 </li> 1406 1407 </ol> 1408 </li> 1409 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem256" data-pageid="256"> 1410 <div class="accordionNavItem"> 1411 <a href="/256/FOIA---Freedom-of-Information-Requests" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">FOIA - Freedom of Information Requests</a> 1412 </div> 1413 </li> 1414 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem273" data-pageid="273"> 1415 <div class="accordionNavItem"> 1416 <a href="/273/Governmental-Affiliations" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Governmental Affiliations</a> 1417 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Governmental Affiliations Submenu" aria-expanded="false" aria-controls="submenu-lvl1-273"></a> 1418 </div> 1419 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-273" style="display: none;" data-parent="273"> 1420 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem270" data-pageid="270"> 1421 <div class="accordionNavItem"> 1422 <a href="http://www.bacog.org/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">BACOG - Barrington Area Council of Governments</span></a> 1423 </div> 1424 </li> 1425 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem307" data-pageid="307"> 1426 <div class="accordionNavItem"> 1427 <a href="https://www.barringtonchamber.com/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Barrington Area Chamber of Commerce</span></a> 1428 </div> 1429 </li> 1430 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem348" data-pageid="348"> 1431 <div class="accordionNavItem"> 1432 <a href="http://elatownship.org/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Ela Township</span></a> 1433 </div> 1434 </li> 1435 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem349" data-pageid="349"> 1436 <div class="accordionNavItem"> 1437 <a href="http://elatownship.org/assessor" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Ela Township Assessor</span></a> 1438 </div> 1439 </li> 1440 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem350" data-pageid="350"> 1441 <div class="accordionNavItem"> 1442 <a href="http://www.lakecountyil.gov/376/Search-by-Address" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Lake County Assessor</span></a> 1443 </div> 1444 </li> 1445 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem351" data-pageid="351"> 1446 <div class="accordionNavItem"> 1447 <a href="https://www.lakecountyil.gov/161/County-Clerk" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Lake County Clerk</span></a> 1448 </div> 1449 </li> 1450 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem352" data-pageid="352"> 1451 <div class="accordionNavItem"> 1452 <a href="https://www.lakecountyil.gov/4800/District-19-Marah-Altenberg" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Lake County - District 19</span></a> 1453 </div> 1454 </li> 1455 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem274" data-pageid="274"> 1456 <div class="accordionNavItem"> 1457 <a href="http://lakecountyleague.org/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">LCML - Lake County Municipal League</span></a> 1458 </div> 1459 </li> 1460 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem272" data-pageid="272"> 1461 <div class="accordionNavItem"> 1462 <a href="http://lzacc.com/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Lake Zurich Area Chamber of Commerce</span></a> 1463 </div> 1464 </li> 1465 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem374" data-pageid="374"> 1466 <div class="accordionNavItem"> 1467 <a href="https://www.palatine.il.us/261/Water-Division" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Palatine - Water Division</span></a> 1468 </div> 1469 </li> 1470 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem356" data-pageid="356"> 1471 <div class="accordionNavItem"> 1472 <a href="http://www.swalco.org/325/Deer-Park---Neighborhood-Programs" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Solid Waste Agency Lake County</span></a> 1473 </div> 1474 </li> 1475 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem401" data-pageid="401"> 1476 <div class="accordionNavItem"> 1477 <a href="https://www.senatordarbyhills.com/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Illinois State Senator Darby Hills - 26th District</span></a> 1478 </div> 1479 </li> 1480 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem400" data-pageid="400"> 1481 <div class="accordionNavItem"> 1482 <a href="https://www.repnabeelasyed.org/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">State Representative Nabeela Syed District 51</span></a> 1483 </div> 1484 </li> 1485 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem403" data-pageid="403"> 1486 <div class="accordionNavItem"> 1487 <a href="https://quigley.house.gov/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">US House Congressman Mike Quigley 5th District Illinois</span></a> 1488 </div> 1489 </li> 1490 1491 </ol> 1492 </li> 1493 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem346" data-pageid="346"> 1494 <div class="accordionNavItem"> 1495 <a href="/346/Local-Governments" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Local Governments</a> 1496 </div> 1497 </li> 1498 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem149" data-pageid="149"> 1499 <div class="accordionNavItem"> 1500 <a href="/149/Municipal-Code" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Municipal Code</a> 1501 </div> 1502 </li> 1503 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem303" data-pageid="303"> 1504 <div class="accordionNavItem"> 1505 <a href="/303/National-Pollutant-Discharge-Elimination" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">National Pollutant Discharge Elimination System</a> 1506 </div> 1507 </li> 1508 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem391" data-pageid="391"> 1509 <div class="accordionNavItem"> 1510 <a href="/DocumentCenter/View/2150/Village-of-Deer-Park---Organizational-Chart-2024" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">
1510Organizational Chart</a> 1511 </div> 1512 </li> 1513 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem354" data-pageid="354"> 1514 <div class="accordionNavItem"> 1515 <a href="/354/Public-Notices-Ad-for-Bid-and-Requests-f" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Public Notices, Ad for Bid and Requests for Proposals</a> 1516 </div> 1517 </li> 1518 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem262" data-pageid="262"> 1519 <div class="accordionNavItem"> 1520 <a href="/262/Road-Program" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Road Program</a> 1521 </div> 1522 </li> 1523 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem304" data-pageid="304"> 1524 <div class="accordionNavItem"> 1525 <a href="/304/Stormwater-Master-Plan" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Stormwater Master Plan</a> 1526 </div> 1527 </li> 1528 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem308" data-pageid="308"> 1529 <div class="accordionNavItem"> 1530 <a href="/308/Sustainability-Plan" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Sustainability Plan</a> 1531 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Sustainability Plan Submenu" aria-expanded="false" aria-controls="submenu-lvl1-308"></a> 1532 </div> 1533 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-308" style="display: none;" data-parent="308"> 1534 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem363" data-pageid="363"> 1535 <div class="accordionNavItem"> 1536 <a href="/363/Residential-Energy-Efficiency-Assistance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Residential Energy Efficiency & Assistance</span></a> 1537 </div> 1538 </li> 1539 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem387" data-pageid="387"> 1540 <div class="accordionNavItem"> 1541 <a href="/387/Nicor-Gas-Energy-Efficiency-Programs" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Nicor Gas Energy Efficiency Programs</span></a> 1542 </div> 1543 </li> 1544 1545 </ol> 1546 </li> 1547 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem168" data-pageid="168"> 1548 <div class="accordionNavItem"> 1549 <a href="/168/Services-Directory" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Services Directory</a> 1550 </div> 1551 </li> 1552 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem150" data-pageid="150"> 1553 <div class="accordionNavItem"> 1554 <a href="/150/Elected-Officials" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Elected Officials</a> 1555 </div> 1556 </li> 1557 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem252" data-pageid="252">
1558 <div class="accordionNavItem"> 1559 <a href="/252/Village-Staff" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Village Staff</a> 1560 </div> 1561 </li> 1562 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem253" data-pageid="253"> 1563 <div class="accordionNavItem"> 1564 <a href="/253/Appointed-Officials" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Appointed Officials</a> 1565 </div> 1566 </li> 1567 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem282" data-pageid="282"> 1568 <div class="accordionNavItem"> 1569 <a href="/282/Meetings-and-Events" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Meetings and Events</a> 1570 </div> 1571 </li> 1572 1573 </ol> 1574 1575 1576
1576<script type="text/javascript"> 1577 (function () { 1578 function setupSecondaryMenuProperties() { 1579 //setup menu manager properties for secondary menu 1580 menuManager.isSideMenuEditable = false; 1581 menuManager.sideMenuMaxSubMenuLevels = 4; 1582 menuManager.sideMenuHasCustomLinks = false; 1583 } 1584 1585 if (document.readyState === "loading") { 1586 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1587 return; 1588 } 1589 1590 setupSecondaryMenuProperties(); 1591 })(); 1592 </script>
1592 1593 1594
1594<script type="text/javascript"> 1595 (function () { 1596 function setupAccordionSecondaryNav() { 1597 var $menuContainer = $('#secondaryNav'); 1598 1599 $menuContainer.find('*[id^="SideItem"]').each(function () { 1600 var ids = $('[id="' + this.id + '"]'); 1601 if (ids.length > 1) 1602 $.each(ids, function (index, value) { 1603 value.id = value.id + '_' + index; 1604 }); 1605 }); 1606 1607 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1608 e.preventDefault(); 1609 showHideAccordionMenuForSecondaryNav($(this)); 1610 }); 1611 1612 $menuContainer.find(".grippy").each(function () { 1613 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1614 }); 1615 1616 $menuContainer.find("li").each(function () { 1617 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1618 }); 1619 } 1620 1621 if (document.readyState === "loading") { 1622 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1623 return; 1624 } 1625 1626 setupAccordionSecondaryNav(); 1627 })(); 1628 </script>
1628 1629 1630 1631 1632</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="ccd0709a8e-a92c-4d5d-8903-a5dfec40c23b" data-containerid="d0709a8e-a92c-4d5d-8903-a5dfec40c23b" class="pageContent cpGrid cpGrid24 showInMobile"> 1633 1634 1635 1636 1637 </div> 1638</aside> 1639</div> 1640</div></div> 1641</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1642<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccb552b7f6-84b8-4790-a6c2-e8d62f746630" data-containerid="b552b7f6-84b8-4790-a6c2-e8d62f746630" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 1643 1644 1645 <div class="row outer wide"><!-- 1646--><div class="outer col col8 first" style="" data-widgetcontainerid="7bda9b2b-c4cd-450b-a774-79bbc74ed522">� 1647 <div class="row nest first last wide">� 1648 1649 <div class="inner col col8 first last id96191b4c-bcb0-41f4-8b49-612bb6a1bb66" style="" data-widgetcontainerid="96191b4c-bcb0-41f4-8b49-612bb6a1bb66">� 1650<div data-widget-id="51a9c6ec-9e8d-4f28-86de-8e6a93e0e74c" data-widget-controller-path="/GraphicLinks/Widget"> 1651 1652 1653 1654 1655<div id="graphicLinkWidget51a9c6ec-9e8d-4f28-86de-8e6a93e0e74c" class="widget widgetGraphicLinks skin77 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1656 <div class="widgetHeader"> 1657 <div class=""> 1658 </div> 1659 </div> 1660 <div class="widgetBody cpGrid cpGrid2 "> 1661 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1662 <div class="row wide"> 1663 <!-- 1664--><div class="col col1 first "><ul class="semanticList"><!-- 1665 --><li class="widgetItem GraphicLinks"> 1666 1667<div> 1668 <a href="/136/Alerts-Notifications" target="_self" class="fancyButton fancyButton248 " > 1669 <span> 1670 <span><span class="text">Alerts & Notify Me®</span></span> 1671 </span> 1672 </a> 1673</div> 1674 <style scoped="scoped">.fancyButton248.fancyButton:link,.fancyButton248.fancyButton:visited, .fancyButton248div.fancyButton{ 1675 background-image: url('/ImageRepository/Document?documentID=1911'); 1676 background-repeat: no-repeat; 1677 background-position: center center; 1678transition:all .2s ease-in-out;} 1679.fancyButton248.fancyButton:hover,.fancyButton248.fancyButton:focus,.fancyButton248.fancyButton:active,.fancyButton248.fancyButton.hover{ 1680 background-repeat: no-repeat; 1681 background-position: center 25px ; 1682} 1683.fancyButton248.fancyButton:link > span,.fancyButton248.fancyButton:visited > span, .fancyButton248div.fancyButton > span{ 1684} 1685.fancyButton248.fancyButton:hover > span,.fancyButton248.fancyButton:focus > span,.fancyButton248.fancyButton:active > span,.fancyButton248.fancyButton.hover > span{ 1686} 1687.fancyButton248.fancyButton .text{ 1688 color: #2a2e36; 1689 font-size: 1.3em; 1690 font-family: "Roboto"; 1691 padding-top: 190px; 1692 font-weight: 700; 1693 text-decoration: none; 1694 padding-top: 190px; 1695 background-image: url('/ImageRepository/Document?documentID=1906'); 1696 background-repeat: no-repeat; 1697 background-position: center center; 1698transition:all .2s ease-in-out; 1699} 1700.fancyButton248.fancyButton:hover .text,.fancyButton248.fancyButton:focus .text,.fancyButton248.fancyButton:active .text,.fancyButton248.fancyButton.hover .text{ 1701 text-decoration: none; 1702 background-repeat: no-repeat; 1703 background-position: center 50px ; 1704 1705 1706} 1707</style> 1708 1709 </li><!-- 1710--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1711 --><li class="widgetItem GraphicLinks"> 1712 1713<div> 1714 <a href="/agendacenter" target="_self" class="fancyButton fancyButton249 " > 1715 <span> 1716 <span><span class="text">Agendas & Minutes</span></span> 1717 </span> 1718 </a> 1719</div> 1720 <style scoped="scoped">.fancyButton249.fancyButton:link,.fancyButton249.fancyButton:visited, .fancyButton249div.fancyButton{ 1721 background-image: url('/ImageRepository/Document?documentID=1908'); 1722 background-repeat: no-repeat; 1723 background-position: center center; 1724transition:all .2s ease-in-out;} 1725.fancyButton249.fancyButton:hover,.fancyButton249.fancyButton:focus,.fancyButton249.fancyButton:active,.fancyButton249.fancyButton.hover{ 1726 background-repeat: no-repeat; 1727 background-position: center 25px ; 1728} 1729.fancyButton249.fancyButton:link > span,.fancyButton249.fancyButton:visited > span, .fancyButton249div.fancyButton > span{ 1730} 1731.fancyButton249.fancyButton:hover > span,.fancyButton249.fancyButton:focus > span,.fancyButton249.fancyButton:active > span,.fancyButton249.fancyButton.hover > span{ 1732} 1733.fancyButton249.fancyButton .text{ 1734 color: #2a2e36; 1735 font-size: 1.3em; 1736 font-family: "Roboto"; 1737 padding-top: 190px; 1738 font-weight: 700; 1739 text-decoration: none; 1740 padding-top: 190px; 1741 background-image: url('/ImageRepository/Document?documentID=1905'); 1742 background-repeat: no-repeat; 1743 background-position: center center; 1744transition:all .2s ease-in-out; 1745} 1746.fancyButton249.fancyButton:hover .text,.fancyButton249.fancyButton:focus .text,.fancyButton249.fancyButton:active .text,.fancyButton249.fancyButton.hover .text{ 1747 text-decoration: none; 1748 background-repeat: no-repeat; 1749 background-position: center 50px ; 1750 1751 1752} 1753</style> 1754 1755 </li><!-- 1756--></ul></div><!-- --> 1757 </div> 1758 </nav> 1759 </div> 1760 <div class="widgetFooter"> 1761 </div> 1762</div> 1763</div> 1764 1765 </div> <!-- inner column --> 1766 1767 </div> <!-- inner row --> 1768 1769 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="edc2e1c5-9e6a-4916-9692-dd40dab694f1">� 1770 <div class="row nest first last wide">� 1771 1772 <div class="inner col col8 first last id0c8028be-e68d-48aa-8d64-f1a2a6f9481d" style="" data-widgetcontainerid="0c8028be-e68d-48aa-8d64-f1a2a6f9481d">� 1773<div data-widget-id="e792496f-e759-46a5-ae6c-ead7c06804b8" data-widget-controller-path="/GraphicLinks/Widget"> 1774 1775 1776 1777 1778<div id="graphicLinkWidgete792496f-e759-46a5-ae6c-ead7c06804b8" class="widget widgetGraphicLinks skin77 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1779 <div class="widgetHeader"> 1780 <div class="">
1781 </div> 1782 </div> 1783 <div class="widgetBody cpGrid cpGrid2 "> 1784 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1785 <div class="row wide"> 1786 <!-- 1787--><div class="col col1 first "><ul class="semanticList"><!-- 1788 --><li class="widgetItem GraphicLinks"> 1789 1790<div> 1791 <a href="/FormCenter/Village-of-Deer-Park-Forms-3/Resident-Complaint-Concern-Form-43" target="_self" class="fancyButton fancyButton244 " > 1792 <span> 1793 <span><span class="text">Report a Concern</span></span> 1794 </span> 1795 </a> 1796</div> 1797 <style scoped="scoped">.fancyButton244.fancyButton:link,.fancyButton244.fancyButton:visited, .fancyButton244div.fancyButton{ 1798 background-image: url('/ImageRepository/Document?documentID=1909'); 1799 background-repeat: no-repeat; 1800 background-position: center center; 1801transition:all .2s ease-in-out;} 1802.fancyButton244.fancyButton:hover,.fancyButton244.fancyButton:focus,.fancyButton244.fancyButton:active,.fancyButton244.fancyButton.hover{ 1803 background-repeat: no-repeat; 1804 background-position: center 25px ; 1805} 1806.fancyButton244.fancyButton:link > span,.fancyButton244.fancyButton:visited > span, .fancyButton244div.fancyButton > span{ 1807} 1808.fancyButton244.fancyButton:hover > span,.fancyButton244.fancyButton:focus > span,.fancyButton244.fancyButton:active > span,.fancyButton244.fancyButton.hover > span{ 1809} 1810.fancyButton244.fancyButton .text{ 1811 color: #2a2e36; 1812 font-size: 1.3em; 1813 font-family: "Roboto"; 1814 padding-top: 190px; 1815 font-weight: 700; 1816 text-decoration: none; 1817 padding-top: 190px; 1818 background-image: url('/ImageRepository/Document?documentID=1912'); 1819 background-repeat: no-repeat; 1820 background-position: center center; 1821transition:all .2s ease-in-out; 1822} 1823.fancyButton244.fancyButton:hover .text,.fancyButton244.fancyButton:focus .text,.fancyButton244.fancyButton:active .text,.fancyButton244.fancyButton.hover .text{ 1824 text-decoration: none; 1825 background-repeat: no-repeat; 1826 background-position: center 50px ; 1827 1828 1829} 1830</style> 1831 1832 </li><!-- 1833--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1834 --><li class="widgetItem GraphicLinks"> 1835 1836<div> 1837 <a href="/187/Permits-Forms" target="_self" class="fancyButton fancyButton245 " > 1838 <span> 1839 <span><span class="text">Permits & Forms</span></span> 1840 </span> 1841 </a> 1842</div> 1843 <style scoped="scoped">.fancyButton245.fancyButton:link,.fancyButton245.fancyButton:visited, .fancyButton245div.fancyButton{ 1844 background-image: url('/ImageRepository/Document?documentID=1911'); 1845 background-repeat: no-repeat; 1846 background-position: center center; 1847transition:all .2s ease-in-out;} 1848.fancyButton245.fancyButton:hover,.fancyButton245.fancyButton:focus,.fancyButton245.fancyButton:active,.fancyButton245.fancyButton.hover{ 1849 background-repeat: no-repeat; 1850 background-position: center 25px ; 1851} 1852.fancyButton245.fancyButton:link > span,.fancyButton245.fancyButton:visited > span, .fancyButton245div.fancyButton > span{ 1853} 1854.fancyButton245.fancyButton:hover > span,.fancyButton245.fancyButton:focus > span,.fancyButton245.fancyButton:active > span,.fancyButton245.fancyButton.hover > span{ 1855} 1856.fancyButton245.fancyButton .text{ 1857 color: #2a2e36; 1858 font-size: 1.3em; 1859 font-family: "Roboto"; 1860 padding-top: 190px; 1861 font-weight: 700; 1862 text-decoration: none; 1863 padding-top: 190px; 1864 background-image: url('/ImageRepository/Document?documentID=1913'); 1865 background-repeat: no-repeat; 1866 background-position: center center; 1867transition:all .2s ease-in-out; 1868} 1869.fancyButton245.fancyButton:hover .text,.fancyButton245.fancyButton:focus .text,.fancyButton245.fancyButton:active .text,.fancyButton245.fancyButton.hover .text{ 1870 text-decoration: none; 1871 background-repeat: no-repeat; 1872 background-position: center 50px ; 1873 1874 1875} 1876</style> 1877 1878 </li><!-- 1879--></ul></div><!-- --> 1880 </div> 1881 </nav> 1882 </div> 1883 <div class="widgetFooter"> 1884 </div> 1885</div> 1886</div> 1887 1888 </div> <!-- inner column --> 1889 1890 </div> <!-- inner row --> 1891 1892 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="076daf23-727d-4968-85f9-a91e4c48c184">� 1893 <div class="row nest first last wide">� 1894 1895 <div class="inner col col8 first last id457b8004-f510-4f73-8e43-20d5b4ef0318" style="" data-widgetcontainerid="457b8004-f510-4f73-8e43-20d5b4ef0318">� 1896<div data-widget-id="fb8d1c8d-0c1c-4bc4-a4ee-6db0fbfad630" data-widget-controller-path="/GraphicLinks/Widget"> 1897 1898 1899 1900 1901<div id="graphicLinkWidgetfb8d1c8d-0c1c-4bc4-a4ee-6db0fbfad630" class="widget widgetGraphicLinks skin77 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1902 <div class="widgetHeader"> 1903 <div class="">
1904 </div> 1905 </div> 1906 <div class="widgetBody cpGrid cpGrid2 "> 1907 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1908 <div class="row wide"> 1909 <!-- 1910--><div class="col col1 first "><ul class="semanticList"><!-- 1911 --><li class="widgetItem GraphicLinks"> 1912 1913<div> 1914 <a href="https://maps.lakecountyil.gov/mapsonline/" target="_self" class="fancyButton fancyButton258 " > 1915 <span> 1916 <span><span class="text">GIS Mapping</span></span> 1917 </span> 1918 </a> 1919</div> 1920 <style scoped="scoped">.fancyButton258.fancyButton:link,.fancyButton258.fancyButton:visited, .fancyButton258div.fancyButton{ 1921 background-image: url(/ImageRepository/Document?documentID=1908); 1922 background-repeat: no-repeat; 1923 background-position: center center; 1924transition:all .2s ease-in-out;} 1925.fancyButton258.fancyButton:hover,.fancyButton258.fancyButton:focus,.fancyButton258.fancyButton:active,.fancyButton258.fancyButton.hover{ 1926 background-repeat: no-repeat; 1927 background-position: center 25px ; 1928} 1929.fancyButton258.fancyButton:link > span,.fancyButton258.fancyButton:visited > span, .fancyButton258div.fancyButton > span{ 1930} 1931.fancyButton258.fancyButton:hover > span,.fancyButton258.fancyButton:focus > span,.fancyButton258.fancyButton:active > span,.fancyButton258.fancyButton.hover > span{ 1932} 1933.fancyButton258.fancyButton .text{ 1934 color: #2a2e36; 1935 font-size: 1.3em; 1936 font-family: "Roboto"; 1937 padding-top: 190px; 1938 font-weight: 700; 1939 text-decoration: none; 1940 padding-top: 190px; 1941 background-image: url(/ImageRepository/Document?documentID=1907); 1942 background-repeat: no-repeat; 1943 background-position: center center; 1944transition:all .2s ease-in-out; 1945} 1946.fancyButton258.fancyButton:hover .text,.fancyButton258.fancyButton:focus .text,.fancyButton258.fancyButton:active .text,.fancyButton258.fancyButton.hover .text{ 1947 text-decoration: none; 1948 background-repeat: no-repeat; 1949 background-position: center 50px ; 1950 1951 1952} 1953</style> 1954 1955 </li><!-- 1956--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1957 --><li class="widgetItem GraphicLinks"> 1958 1959<div> 1960 <a href="/149/Municipal-Code" target="_self" class="fancyButton fancyButton247 " > 1961 <span> 1962 <span><span class="text">Municipal Code</span></span> 1963 </span> 1964 </a> 1965</div> 1966 <style scoped="scoped">.fancyButton247.fancyButton:link,.fancyButton247.fancyButton:visited, .fancyButton247div.fancyButton{ 1967 background-image: url('/ImageRepository/Document?documentID=1909'); 1968 background-repeat: no-repeat; 1969 background-position: center center; 1970transition:all .2s ease-in-out;} 1971.fancyButton247.fancyButton:hover,.fancyButton247.fancyButton:focus,.fancyButton247.fancyButton:active,.fancyButton247.fancyButton.hover{ 1972 background-repeat: no-repeat; 1973 background-position: center 25px ; 1974} 1975.fancyButton247.fancyButton:link > span,.fancyButton247.fancyButton:visited > span, .fancyButton247div.fancyButton > span{ 1976} 1977.fancyButton247.fancyButton:hover > span,.fancyButton247.fancyButton:focus > span,.fancyButton247.fancyButton:active > span,.fancyButton247.fancyButton.hover > span{ 1978} 1979.fancyButton247.fancyButton .text{ 1980 color: #2a2e36; 1981 font-size: 1.3em; 1982 font-family: "Roboto"; 1983 padding-top: 190px; 1984 font-weight: 700; 1985 text-decoration: none; 1986 padding-top: 190px; 1987 background-image: url('/ImageRepository/Document?documentID=1910'); 1988 background-repeat: no-repeat; 1989 background-position: center center; 1990transition:all .2s ease-in-out; 1991} 1992.fancyButton247.fancyButton:hover .text,.fancyButton247.fancyButton:focus .text,.fancyButton247.fancyButton:active .text,.fancyButton247.fancyButton.hover .text{ 1993 text-decoration: none; 1994 background-repeat: no-repeat; 1995 background-position: center 50px ; 1996 1997 1998} 1999</style> 2000 2001 </li><!-- 2002--></ul></div><!-- --> 2003 </div> 2004 </nav> 2005 </div> 2006 <div class="widgetFooter"> 2007 </div> 2008</div> 2009</div> 2010 2011 </div> <!-- inner column --> 2012 2013 </div> <!-- inner row --> 2014 2015 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2016 2017 2018 </div> 2019</div></div> 2020</div> 2021</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1"> 2022 <div class="siteWrap2"> 2023 <div data-cpRole="contentContainer" id="homeContent1a"></div> 2024 </div> 2025 </div> --><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 2026<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccba3fc123-47b9-426b-aecc-30ddb4878f69" data-containerid="ba3fc123-47b9-426b-aecc-30ddb4878f69" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="59"> 2027 2028 2029 <div class="row outer wide"><!-- 2030--><div class="outer col col5 first" style="" data-widgetcontainerid="d54b0c02-f2be-47bc-9930-e30269b07324">� 2031 <div class="row nest first wide">� 2032 2033 <div class="inner col col5 first last id06f94a71-9ee5-499d-b744-52a5e9355a7d" style="" data-widgetcontainerid="06f94a71-9ee5-499d-b744-52a5e9355a7d">� 2034 <div data-widget-id="5bad6864-3a8b-4368-b23e-4fd47faa9d09" data-widget-controller-path="/InfoAdvanced/Widget"> 2035 2036 2037 2038 2039 2040 <section id="divInfoAdv5bad6864-3a8b-4368-b23e-4fd47faa9d09" class="widget widgetInfoAdvanced skin73 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2041 <header class="widgetHeader" id="header5bad6864-3a8b-4368-b23e-4fd47faa9d09"> 2042 <div class=""> 2043 </div> 2044 </header> 2045 <div class="widgetBody cpGrid cpGrid1 "> 2046 <div class="row wide"> 2047 <div class="col col1 first last"> 2048 <ol class="pageStyles semanticList"> 2049 2050<li class="InfoAdvanced widgetItem fr-view"> 2051 <p><img src="/ImageRepository/Document?documentId=1978" class="fr-dib" alt="Footer Deer Park Home"></p> 2052</li> </ol> 2053 </div> 2054 </div> 2055 </div> 2056 <div class="widgetFooter"> 2057 2058 </div> 2059 2060 </section> 2061 2062 2063
2064<script type="text/javascript"> 2065 //Render slideshow if info advacned items contain one. 2066 $(document).ready(function (e) { 2067 $('#divInfoAdv5bad6864-3a8b-4368-b23e-4fd47faa9d09 .InfoAdvanced.widgetItem').each(function () { 2068 renderSlideshowIfApplicable($(this)); 2069 }); 2070 }); 2071</script>
2071</div> 2072 </div> <!-- inner column --> 2073 2074 </div> <!-- inner row --> 2075 <div class="row nest wide">� 2076 2077 <div class="inner col col5 first last id9c2adcbb-613a-4d6f-ba18-fb9820090e4b" style="" data-widgetcontainerid="9c2adcbb-613a-4d6f-ba18-fb9820090e4b">� 2078 2079<div class="widget widgetSpacer" id="428f7ed7-8055-4afd-995f-bfea756b1112"></div> 2080 </div> <!-- inner column --> 2081 2082 </div> <!-- inner row --> 2083 <div class="row nest last wide">� 2084 2085 <div class="inner col col5 first last id46338179-94ef-4f59-a1d8-3df34ca6d236" style="" data-widgetcontainerid="46338179-94ef-4f59-a1d8-3df34ca6d236">� 2086<div data-widget-id="dab34b75-cb26-4e72-b12e-094ec6de5877" data-widget-controller-path="/GraphicLinks/Widget"> 2087 2088 2089 2090 2091<div id="graphicLinkWidgetdab34b75-cb26-4e72-b12e-094ec6de5877" class="widget widgetGraphicLinks skin78 widgetOptionSet39 wide" data-modulewidgettype="graphicLinks"> 2092 <div class="widgetHeader"> 2093 <div class=""> 2094 </div> 2095 </div> 2096 <div class="widgetBody cpGrid cpGrid3 "> 2097 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2098 <div class="row autoWidths center wide"> 2099 <!-- 2100--><div class="col col1 first "><ul class="semanticList"><!-- 2101 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.villageofdeerpark.com/facebook" target="_self"> 2102 2103<img src="/ImageRepository/Document?documentID=1915" 2104 class="graphicButtonLink" alt="Facebook" 2105 onmouseover="this.src='/ImageRepository/Document?documentID=1915'" 2106 onmouseout="this.src='/ImageRepository/Document?documentID=1915'" 2107 onfocus="this.src='/ImageRepository/Document?documentID=1915'" 2108 onblur="this.src='/ImageRepository/Document?documentID=1915'"> 2109</a></li><!-- 2110--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2111 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://instagram.com/villageofdeerpark?igshid=MTIyMzRjYmRIZg==" target="_self"> 2112 2113<img src="/ImageRepository/Document?documentID=1916" 2114 class="graphicButtonLink" alt="Instagram" 2115 onmouseover="this.src='/ImageRepository/Document?documentID=1916'" 2116 onmouseout="this.src='/ImageRepository/Document?documentID=1916'" 2117 onfocus="this.src='/ImageRepository/Document?documentID=1916'" 2118 onblur="this.src='/ImageRepository/Document?documentID=1916'"> 2119</a></li><!-- 2120--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2121 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://nextdoor.com/city/deer-park--il/" target="_blank"> 2122 2123<img src="/ImageRepository/Document?documentID=1917" 2124 class="graphicButtonLink" alt="Nextdoor (opens in new window)" 2125 onmouseover="this.src='/ImageRepository/Document?documentID=1917'" 2126 onmouseout="this.src='/ImageRepository/Document?documentID=1917'" 2127 onfocus="this.src='/ImageRepository/Document?documentID=1917'" 2128 onblur="this.src='/ImageRepository/Document?documentID=1917'"> 2129</a></li><!-- 2130--></ul></div><!-- --> 2131 </div> 2132 </nav> 2133 </div> 2134 <div class="widgetFooter"> 2135 </div> 2136</div> 2137</div> 2138 2139 </div> <!-- inner column --> 2140 2141 </div> <!-- inner row --> 2142 2143 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="243b0dfc-9c81-4df9-8451-1ce87245ff73">� 2144 <div class="row nest first last wide">� 2145 2146 <div class="inner col col2 first last id59f1e524-7c0e-4ce4-bc41-9fca60a882cb" style="" data-widgetcontainerid="59f1e524-7c0e-4ce4-bc41-9fca60a882cb">� 2147 2148<div class="widget widgetSpacer" id="a3ebed93-344d-4df8-be29-b9bb193f5ce5"></div> 2149 </div> <!-- inner column --> 2150 2151 </div> <!-- inner row --> 2152 2153 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="b52626c4-94da-407e-a566-a7049b4983d3">� 2154 <div class="row nest first last wide">� 2155 2156 <div class="inner col col4 first last id1a5f94b3-6d82-40e1-99ce-947deb895dc6" style="" data-widgetcontainerid="1a5f94b3-6d82-40e1-99ce-947deb895dc6">� 2157 <div data-widget-id="2169499b-c06c-460f-bcba-87045b68ef33" data-widget-controller-path="/InfoAdvanced/Widget"> 2158 2159 2160 2161 2162 2163 <section id="divInfoAdv2169499b-c06c-460f-bcba-87045b68ef33" class="widget widgetInfoAdvanced skin75 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header2169499b-c06c-460f-bcba-87045b68ef33"> 2164 <header class="widgetHeader" id="header2169499b-c06c-460f-bcba-87045b68ef33">
2165 <div class=""> 2166 <h3 >Contact Us</h3> 2167 </div> 2168 </header> 2169 <div class="widgetBody cpGrid cpGrid1 "> 2170 <div class="row wide"> 2171 <div class="col col1 first last"> 2172 <ol class="pageStyles semanticList"> 2173 2174<li class="InfoAdvanced widgetItem fr-view"> 2175 <p>23680 W Cuba Road<br>Deer Park, IL 60010<br>Phone: <a href="tel:8477261648">847-726-1648</a><br>Fax:<a href="tel: 8477261659"> 847-726-1659</a></p><p>Hours<br>Monday - Friday<br>8 a.m. - 4 p.m.</p> 2176</li> </ol> 2177 </div> 2178 </div> 2179 </div> 2180 <div class="widgetFooter"> 2181 2182 </div> 2183 2184 </section> 2185 2186 2187
2188<script type="text/javascript"> 2189 //Render slideshow if info advacned items contain one. 2190 $(document).ready(function (e) { 2191 $('#divInfoAdv2169499b-c06c-460f-bcba-87045b68ef33 .InfoAdvanced.widgetItem').each(function () { 2192 renderSlideshowIfApplicable($(this)); 2193 }); 2194 }); 2195</script>
2195</div> 2196 </div> <!-- inner column --> 2197 2198 </div> <!-- inner row --> 2199 2200 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="58972d96-60e5-4683-8d9c-5c9036a4fcb5">� 2201 <div class="row nest first last wide">� 2202 2203 <div class="inner col col2 first last ida2ebc66a-c96a-4365-bb80-5a223af9269c" style="" data-widgetcontainerid="a2ebc66a-c96a-4365-bb80-5a223af9269c">� 2204 2205<div class="widget widgetSpacer" id="60be64ed-0c0a-4f12-9ed8-9d7c5675eb34"></div> 2206 </div> <!-- inner column --> 2207 2208 </div> <!-- inner row --> 2209 2210 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="b084c25f-4422-4d4d-8159-d1610cd7af74">� 2211 <div class="row nest first last wide">� 2212 2213 <div class="inner col col4 first last id1953713d-a3aa-4548-9677-69c710ac8911" style="" data-widgetcontainerid="1953713d-a3aa-4548-9677-69c710ac8911">� 2214 <div data-widget-id="c7b4d774-3402-4867-99ba-807d38f6947d" data-widget-controller-path="/QuickLinks/Widget"> 2215 2216 2217 2218 2219 2220 2221 2222 2223 <section id="widgetQuicklinkc7b4d774-3402-4867-99ba-807d38f6947d" class="widget widgetQuickLinks skin75 widgetOptionSet25 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderc7b4d774-3402-4867-99ba-807d38f6947d"> 2224 <header class="widgetHeader" id="quickLinksHeaderc7b4d774-3402-4867-99ba-807d38f6947d"> 2225 <div class=""> 2226 <h3><a style="" href="/QuickLinks.aspx?CID=11" >Quick Links</a></h3> 2227 </div> 2228 </header> 2229 <div class="widgetBody cpGrid cpGrid1 "> 2230 <div class="row narrow"> 2231 <div class="col col1 first last"> 2232 <ol class="semanticList"> 2233 2234 <li style="position:relative" class="widgetItem QuickLinks"> 2235 <a class="widgetDesc widgetQuickLinksLink" href="/150/" target="_self" >Contact Elected Officials</a> 2236 <div class="widgetMeta"></div> 2237 </li> 2238 2239 <li style="position:relative" class="widgetItem QuickLinks"> 2240 <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Staff Directory</a> 2241 <div class="widgetMeta"></div> 2242 </li> 2243 2244 <li style="position:relative" class="widgetItem QuickLinks"> 2245 <a class="widgetDesc widgetQuickLinksLink" href="/214/Surveys" target="_self" >Resident Surveys</a> 2246 <div class="widgetMeta"></div> 2247 </li> 2248 2249 <li style="position:relative" class="widgetItem QuickLinks"> 2250 <a class="widgetDesc widgetQuickLinksLink" href="/facilities.aspx" target="_self" >Village Parks</a> 2251 <div class="widgetMeta"></div> 2252 </li> 2253 2254 <li style="position:relative" class="widgetItem QuickLinks"> 2255 <a class="widgetDesc widgetQuickLinksLink" href="/Archive.aspx?AMID=37&Type=Recent" target="_blank" aria-label="Current Newsletter opens in new window">Current Newsletter</a> 2256 <div class="widgetMeta"></div> 2257 </li> 2258 2259 <li style="position:relative" class="widgetItem QuickLinks"> 2260 <a class="widgetDesc widgetQuickLinksLink" href="/FormCenter/Village-of-Deer-Park-Forms-3/Website-Feedback-44" target="_self" >Website Feedback</a> 2261 <div class="widgetMeta"></div> 2262 </li> 2263 </ol> 2264 </div> 2265 </div> 2266 2267 </div> 2268 <div class="widgetFooter"> 2269 </div> 2270 <div class="addItemModal hidden"> 2271 <div class="url hidden">/QuickLinks.aspx</div> 2272 </div> 2273 2274 </section> 2275</div> 2276 2277 </div> <!-- inner column --> 2278 2279 </div> <!-- inner row --> 2280 2281 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="d772ad01-1e1e-4ed0-bd64-f146e5ef3f18">� 2282 <div class="row nest first last wide">� 2283 2284 <div class="inner col col2 first last id1b906a0e-a6cb-4162-8cbc-a511e20228c1" style="" data-widgetcontainerid="1b906a0e-a6cb-4162-8cbc-a511e20228c1">� 2285 2286<div class="widget widgetSpacer" id="3bf082da-e183-44bf-b416-c874d9286f0f"></div> 2287 </div> <!-- inner column --> 2288 2289 </div> <!-- inner row --> 2290 2291 </div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="39b69df4-19d2-4bab-8101-0551dc819518">� 2292 <div class="row nest first last wide">� 2293 2294 <div class="inner col col5 first last id0a9f9918-6f46-4a02-9571-735e7cef2abe" style="" data-widgetcontainerid="0a9f9918-6f46-4a02-9571-735e7cef2abe">� 2295 <div data-widget-id="9520f82e-8c47-4787-aaea-a11f9c0574f7" data-widget-controller-path="/QuickLinks/Widget"> 2296 2297 2298 2299 2300 2301 2302 2303 2304 <section id="widgetQuicklink9520f82e-8c47-4787-aaea-a11f9c0574f7" class="widget widgetQuickLinks skin75 widgetOptionSet25 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader9520f82e-8c47-4787-aaea-a11f9c0574f7"> 2305 <header class="widgetHeader" id="quickLinksHeader9520f82e-8c47-4787-aaea-a11f9c0574f7"> 2306 <div class=""> 2307 <h3><a style="" href="/QuickLinks.aspx?CID=12" >Helpful</a></h3> 2308 </div> 2309 </header> 2310 <div class="widgetBody cpGrid cpGrid1 "> 2311 <div class="row narrow"> 2312 <div class="col col1 first last"> 2313 <ol class="semanticList"> 2314 2315 <li style="position:relative" class="widgetItem QuickLinks"> 2316 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 2317 <div class="widgetMeta"></div> 2318 </li> 2319 2320 <li style="position:relative" class="widgetItem QuickLinks"> 2321 <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a> 2322 <div class="widgetMeta"></div> 2323 </li> 2324 2325 <li style="position:relative" class="widgetItem QuickLinks"> 2326 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap.aspx" target="_self" >Site Map</a> 2327 <div class="widgetMeta"></div> 2328 </li> 2329 2330 <li style="position:relative" class="widgetItem QuickLinks"> 2331 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> 2332 <div class="widgetMeta"></div> 2333 </li> 2334 2335 <li style="position:relative" class="widgetItem QuickLinks"> 2336 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> 2337 <div class="widgetMeta"></div> 2338 </li> 2339 2340 <li style="position:relative" class="widgetItem QuickLinks"> 2341 <a class="widgetDesc widgetQuickLinksLink" href="https://www.villageofdeerpark.com/FAQ.aspx" target="_blank" aria-label="Frequently Asked Questions (FAQ) opens in new window">Frequently Asked Questions (FAQ)</a> 2342 <div class="widgetMeta"></div> 2343 </li> 2344 </ol> 2345 </div> 2346 </div> 2347 2348 </div> 2349 <div class="widgetFooter"> 2350 </div> 2351 <div class="addItemModal hidden"> 2352 <div class="url hidden">/QuickLinks.aspx</div> 2353 </div> 2354 2355 </section> 2356</div> 2357 2358 </div> <!-- inner column --> 2359 2360 </div> <!-- inner row --> 2361 2362 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2363 2364 2365 </div> 2366</div></div> 2367</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2368<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cca347d1d8-32e3-4834-ab1c-c1106085c94a" data-containerid="a347d1d8
2368-32e3-4834-ab1c-c1106085c94a" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2369 2370 2371 <div class="row outer wide"><!-- 2372--><div class="outer col col24 first last" style="" data-widgetcontainerid="aacddb44-cd3b-4cd3-b7ce-eda0e4959aaf">� 2373 <div class="row nest first last wide">� 2374 2375 <div class="inner col col24 first last id532efb09-dc50-4f21-9e35-95a211e7d5c3" style="" data-widgetcontainerid="532efb09-dc50-4f21-9e35-95a211e7d5c3">� 2376 2377 <div data-widget-id='a59c73d2-1130-4963-ae5e-ad01d2fa647e' data-moduleName="customHtml" id='widgetCustomHtmla59c73d2-1130-4963-ae5e-ad01d2fa647e' class="widget widgetCustomHtml skin73 narrow" > 2378 <div class="widgetBody pageStyles" id="widgetBodya59c73d2-1130-4963-ae5e-ad01d2fa647e"> 2379 <div id="customHtmla59c73d2-1130-4963-ae5e-ad01d2fa647e"><div><style> 2380 /* CP icon */ 2381 .cpBylineIconTS { 2382 color: #fff; 2383 } 2384 /* CP Text */ 2385 .cpBylineTextTS, 2386 .cpBylineTextTS a:link { 2387 color: #fff; 2388text-decoration:none !Important; 2389 } 2390 2391 .cpBylineTS { 2392 text-align: center; 2393 } 2394 2395 .cpBylineIconTS { 2396 fill: currentColor; 2397 width: 39px; 2398 height: 26px; 2399 display: inline; 2400 vertical-align: middle; 2401 } 2402</style> 2403 2404<div class="widgetItem cpBylineTS"> 2405 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2406 <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> 2407 <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> 2408 </svg> 2409 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2410</div> 2411</div></div> 2412 </div> 2413 2414 </div> 2415 2416 </div> <!-- inner column --> 2417 2418 </div> <!-- inner row --> 2419 2420 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2421 2422 2423 </div> 2424</div></div> 2425</div> 2426</div> 2427 2428 </div> 2429 </div> 2430 </div> 2431 2432<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2433 2434<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2435 <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"> 2436 <div class="cp-Splash-header"> 2437 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2438 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2439 <svg id="iconClose" viewBox="0 0 25 25"> 2440 <polygon style="fill:currentcolor" 2441 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> 2442 </svg> 2443 </button>
2444 </div> 2445 <div class="cp-Splash-body"> 2446 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2447 <!-- Content from the Froala Editor will go here. --> 2448 Loading 2449 </div> 2450 </div> 2451 <div class="cp-Splash-footer"> 2452 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2453 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 2454 </div> 2455 </div> 2456</div> 2457
2458<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2458
2458
2459<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2459
2459
2460<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2460
2460
2461<script> 2462 2463 $(document).ready(function () { 2464 var filter = { 2465 targetId: '27', 2466 targetType: 1 2467 } 2468 2469 new SplashModalRender().triggerRender(filter); 2470 }); 2471</script>
2471 2472 2473 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488
2488<script src="/-1442400649.js" type="text/javascript"></script>
2488 2489 <!-- Fixed Nav Adjustment -->
2490<script> 2491function fixedNavAdjustment() { 2492 if ($('#doneEditing').length === 0) { 2493 var divToolbarsHeight = $('#divToolbars').outerHeight(); 2494 var fixedNavHeight = $('body.wide .fixedTop_ts').height(); 2495 var contentOffset = divToolbarsHeight + fixedNavHeight; 2496 var narrowShift = divToolbarsHeight; 2497 if ($('body.wide #angularToolbarInLegacy').length === 1) 2498 { 2499 contentOffset -= $('body.wide #angularToolbarInLegacy').outerHeight(); 2500 narrowShift = '0'; 2501 } 2502 if (!window.matchMedia('screen and (max-width: 70em)').matches) { 2503 $('body.wide .fixedTop_ts').css('padding-top', divToolbarsHeight + 'px'); 2504 $('#bodyWrapper').css('padding-top', contentOffset + 'px'); 2505 } else { 2506 $('.fixedTop_ts').css('padding-top', '0'); 2507 $('#bodyWrapper').css('padding-top', narrowShift); 2508 } 2509 } else { 2510 $('.fixedTop_ts').css('position', 'relative'); 2511 } 2512}; 2513 2514var navAdjustTimeout_ts; 2515 2516$(window).load(function () { 2517 setTimeout(function() { 2518 fixedNavAdjustment(); 2519 }, 250); 2520 $(window).resize(function() { 2521 clearTimeout(navAdjustTimeout_ts); 2522 navAdjustTimeout_ts = setTimeout(function() { 2523 fixedNavAdjustment(); 2524 }, 350); 2525 }); 2526 $.when(window.Pages.angularToolbarComplete).done(function () { 2527 fixedNavAdjustment(); 2528 }); 2529}); 2530</script>
2530 2531<!-- End Fixed Nav Adjustment --> 2532 2533<!-- Google Translate --> 2534 2535<style>.isEdge{padding:0 1px 0 25px!important}#google-translate-container{position: fixed; bottom: 0; right: 20px; z-index: 4;}.goog-te-balloon *,.goog-te-banner *,.goog-te-combo,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 *{font-family:arial;font-size:10pt;background-image:url(https://theme.zdassets.com/theme_assets/958586/bae8aa24db8d43595871692a9d259186f2db3fb4.png);background-position:3px 4px;background-size:22px;background-repeat:no-repeat;text-indent:20px;background-color:#fff;color:#000!important}.goog-logo-link{display:none!important}.goog-te-gadget{color:transparent!important}.goog-te-gadget .goog-te-combo{margin:2px 0!important;border-radius:15px!important}.goog-te-combo{border:1px solid!important;border-color:#bcc9d7 #96a3b1 #96a3b1 #bcc9d7!important;border-radius:0!important;height:32px;padding:0 1px 0 .25rem}#launcher-wrapper{bottom:50px!important} 2536</style> 2537 2538<div id="google-translate-container"> 2539 <div id="google_translate_element" style="position: relative; z-index: 5;"> 2540 </div> 2541</div>
2542<script> 2543 function googleTranslateElementInit() { 2544 var el = document.getElementById("google_translate_element"); 2545 if (el && el.innerHTML.trim() !== "") { 2546 return; 2547 } 2548 2549 new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); 2550 // begin accessibility compliance 2551 $('img.goog-te-gadget-icon').attr('alt', 'Google Translate'); 2552 $('div#goog-gt-tt div.logo img').attr('alt', 'translate'); 2553 $('div#goog-gt-tt .original-text').css('text-align', 'left'); 2554 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color', '#000000'); 2555 } 2556 $(function () { 2557 $.getScript("https://translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); 2558 }); 2559 // Fix for Edge 2560 $(document).ready(function () { 2561 if (navigator.appName == "Netscape") { 2562 if (navigator.appVersion.indexOf('Edge') > -1) { 2563 setTimeout(function () { 2564 if ($(".goog-te-combo").length) { 2565 console.log("Exists"); 2566 $(".goog-te-combo").addClass("isEdge"); 2567 $(".goog-te-gadget .goog-te-combo").attr('style', 'padding-right: 10px !important'); 2568 } 2569 }, 3000); 2570 console.log("Is Edge"); 2571 } 2572 } 2573 }); 2574</script>
2574 2575<!-- End Translate --> 2576 2577<!-- Fixed Nav Adjustment 3/30/2023 -->
2578<script> 2579 function getValueTS(elem, attr) { 2580 const val = elem.css(attr); 2581 if (val === undefined) return undefined; 2582 const num = parseInt(val, 10); 2583 if (num === NaN) return undefined; 2584 return num; 2585 } 2586 2587 function clampTS(number, min, max) { 2588 return Math.min(Math.max(number, min), max); 2589 } 2590 2591 function isPageEditingTS() { 2592 return ( 2593 $("#doneEditing").length > 0 || // In live edit 2594 typeof DesignCenter !== "undefined" // In theme manager 2595 ); 2596 } 2597 2598 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 2599 function isTransparentTS(elem) { 2600 const bg = elem.css('background-color'); 2601 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 2602 const matchState = bg.match(bgColorRegexTS); 2603 if (!matchState || matchState.length !== 5) return false; 2604 const alpha = parseFloat(matchState[4], 10); 2605 if (!(alpha >= 0 && alpha < 1)) return false; 2606 return true; 2607 } 2608 2609 function iterateLeftpads(cb) { 2610 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2611 for (let i = 0; i < containersTS.length; i++) { 2612 const containerTS = containersTS[i]; 2613 // Skip the body container and anything with data-skip-leftpad 2614 if ( 2615 containerTS.id !== "bodyContainerTS" && 2616 containerTS.getAttribute('data-skip-leftpad') === null 2617 ) { 2618 cb(containerTS); 2619 } 2620 } 2621 } 2622 2623 const anchor = $("#divToolbars");
2624 const anchor2 = $("#headerContainerTS") 2625 2626 // Outer banner padding (push banner down) 2627 const outerSizingTS = $("#bannerContainerTS"); 2628 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 2629 const innerSizingTS = $("#bannerSizingTS"); 2630 const bodyContainerTS = $("#bodyContainerTS"); 2631 2632 const forceUnfixClassTS = "forceUnfixTS"; 2633 2634 const fixedTopTS = $(".fixedTopTS"); 2635 const fixedBottomTS = $(".fixedBottomTS"); 2636 const fixedLeftTS = $(".fixedLeftTS"); 2637 2638 var initialTopTS; 2639 var topAttachTS; 2640 if (fixedTopTS && fixedTopTS.length === 1) { 2641 initialTopTS = getValueTS(fixedTopTS, 'top'); 2642 const attachment = fixedTopTS.attr('data-attach'); 2643 if (attachment) topAttachTS = $("#" + attachment); 2644 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 2645 } 2646 2647 function resizeAdjustmentTS() { 2648 const editing = isPageEditingTS(); 2649 2650 // Fixed top script 2651 (function () { 2652 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 2653 2654 if (editing) { 2655 fixedTopTS[0].classList.add(forceUnfixClassTS); 2656 } else { 2657 fixedTopTS[0].classList.remove(forceUnfixClassTS); 2658 } 2659 2660 const topPosition = fixedTopTS.css('position'); 2661 if (topPosition === 'fixed') { 2662 if (topAttachTS) { 2663 scrollAdjustmentTS(); 2664 } else { 2665 const anchorHeight = anchor.outerHeight() - 1; 2666 fixedTopTS.css('top', anchorHeight + initialTopTS); 2667 } 2668 } else { 2669 fixedTopTS.css('top', initialTopTS); 2670 } 2671 2672 if (topPosition === 'fixed' || topPosition === 'absolute') { 2673 // Bump the banner content down 2674 if (isTransparentTS(fixedTopTS)) { 2675 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 2676 outerSizingTS.css('padding-top', ''); 2677 2678 try { 2679 window.Pages.onResizeHandlersExecute(); 2680 } catch (e) { } 2681 } else { 2682 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 2683 innerSizingTS.css('padding-top', ''); 2684 } 2685 } else { 2686 innerSizingTS.css('padding-top', ''); 2687 outerSizingTS.css('padding-top', ''); 2688 } 2689 })(); 2690 2691 // Fixed bottom script 2692 (function () { 2693 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 2694 2695 // If the widget has gone narrow, force unfix 2696 if (editing || fixedBottomTS.outerHeight() > 200) { 2697 fixedBottomTS[0].classList.add(forceUnfixClassTS); 2698 } else { 2699 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 2700 } 2701 2702 if (fixedBottomTS.css('position') === 'fixed') { 2703 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 2704 } else { 2705 bodyContainerTS.css('padding-bottom', ''); 2706 } 2707 })(); 2708 2709 // Fixed left script 2710 (function () { 2711 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 2712 2713 if (editing) { 2714 fixedLeftTS[0].classList.add(forceUnfixClassTS); 2715 } else { 2716 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 2717 } 2718 2719 if (fixedLeftTS.css('position') === 'fixed') { 2720 const anchorHeight = anchor.outerHeight() - 1; 2721 fixedLeftTS.css('top', anchorHeight); 2722 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 2723 iterateLeftpads(function (containerTS) { 2724 const containerBoundingTS = containerTS.getBoundingClientRect(); 2725 if (containerBoundingTS.left <= leftBoundingTS.right) { 2726 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 2727 } 2728 }); 2729 } else { 2730 fixedLeftTS.css('top', ''); 2731 iterateLeftpads(function (containerTS) { 2732 $(containerTS).css('padding-left', ''); 2733 }); 2734 } 2735 })(); 2736 } 2737 2738 function scrollAdjustmentTS() { 2739 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 2740 const topPosition = fixedTopTS.css('position'); 2741 if (topPosition === 'fixed' || topPosition === 'absolute') { 2742 const anchorBounding = anchor[0].getBoundingClientRect();
2743 const attachBounding = topAttachTS[0].getBoundingClientRect(); 2744 const scrollTop = $(window).scrollTop(); 2745 2746 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 2747 } else { 2748 fixedTopTS.css('top', initialTopTS); 2749 } 2750 } 2751 2752 $(window).load(function () { 2753 setTimeout(function () { 2754 resizeAdjustmentTS(); 2755 }, 350); 2756 2757 $(window).scroll(function () { 2758 scrollAdjustmentTS(); 2759 }); 2760 2761 var adjustTimeoutTS; 2762 $(window).resize(function () { 2763 clearTimeout(adjustTimeoutTS); 2764 adjustTimeoutTS = setTimeout(function () { 2765 resizeAdjustmentTS(); 2766 }, 350); 2767 }); 2768 2769 $.when(window.Pages.angularToolbarComplete).done(function () { 2770 resizeAdjustmentTS(); 2771 }); 2772 }); 2773</script>
2773 2774<!-- End Fixed Nav Adjustment --> 2775 2776<!-- Move banner to outer wrap -->
2777<script> 2778function moveBannerToOuterWrap() { 2779 if ($(".fixedBannerTS").length) { 2780 if ($("#bannerDivbanner2").length) { 2781 $("#bannerDivbanner2").appendTo("#outer-wrap"); 2782 } else { 2783 setTimeout(function() { 2784 moveBannerToOuterWrap(); 2785 }, 500); 2786 } 2787 } 2788} 2789moveBannerToOuterWrap(); 2790</script>
2790 2791<!-- end move banner to outer wrap --> 2792 2793 2794
2794<script type="text/javascript"> 2795 $(function () { 2796 document.cookie = "responsiveGhost=0; path=/"; 2797 }); 2798 $(window).on("load", function () { 2799 $('body').addClass('doneLoading').removeClass('hideContent'); 2800 2801 if ($('#404Content').length > 0) 2802 $('div#bodyWrapper').css('padding', '0px'); 2803 }); 2804 </script>
2804 2805 2806 <noscript> 2807 <style> 2808 body.hideContent { 2809 opacity: 1 !important; 2810 } 2811 </style> 2812 </noscript> 2813 2814 2815<div style="display: none;"> 2816 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2817 2818 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2819 <title>Arrow Left</title> 2820 <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> 2821 </symbol> 2822 2823 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2824 <title>Arrow Right</title> 2825 <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> 2826 </symbol> 2827 2828 </svg> 2829</div> 2830
2830<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Amiri:700,700italic,italic,regular|Open+Sans:600,600italic,700,700italic,italic,regular|Roboto:100,100italic,300,300italic,500,500italic,700,700italic,900,900italic,italic,regular|');</script>
2830 2831 2832 2833 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2834 <div style="display: none;"> 2835 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2836 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 2837 <title>Slideshow Left Arrow</title> 2838 <g> 2839 <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> 2840 </g> 2841 </symbol> 2842 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 2843 <title>Slideshow Right Arrow</title> 2844 <g> 2845 <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> 2846 </g> 2847 </symbol> 2848 </svg> 2849 </div> 2850 2851 2852 2853 2854 <div id="root-picker-outlet"></div> 2855</body> 2856</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.