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-GB92CWJRCB';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= true; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = true; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 118 <meta name="category0" content="Home" /> 119 120 121 <meta name="theme-color" content="rgb(74, 106, 83)"> 122 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 123 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 124 <title>Lake Havasu City, AZ | Official Website</title> 125 126 <meta name="description" content=""> 127 <meta name="keywords" content="Home"> 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="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-801673930.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="#cc9b263b9d-a7e2-4e23-b747-b6d686e76be0" 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="3" /> 391 <input type="hidden" id="hdnContentCollectionID" value="d101d733-2fad-4ddc-b10b-b7ff4e6b9e32" /> 392 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 393 <input type="hidden" id="hdnThemeID" value="17" /> 394 <input type="hidden" id="pageIsFrontEnd" value="true" /> 395 <input type="hidden" id="pageModuleID" /> 396 <input type="hidden" id="pagePageID" value="1" /> 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<div data-cpRole="banner" id="banner3" class="fixedBannerTS"><div data-cpRole="structuralContainer" id="headerTopTS"> 442<div class="flexWrap3" id="flexHeader1TS"><div data-cpRole="structuralContainer" id="logoTS"> 443<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 444 445 446 447 448 <a id="bannerLogoTS-58" style=" display: block; text-align: center; 449" class="bannerObject" href="/" target="_self"><img alt="Lake Havasu City Arizona Homepage" class="bannerObject" height="210" src="/ImageRepository/Document?documentID=92" width="210" /></a> 450</div> 451</div><div data-cpRole="contentContainer" id="searchTS"> <div id="cc8c28d28a-ef17-4fd9-aad0-993f698a5440" data-containerid="8c28d28a-ef17-4fd9-aad0-993f698a5440" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 452 453 454 <div class="row outer wide"><!-- 455--><div class="outer col col13 first" style="" data-widgetcontainerid="653fd5b1-aecc-499f-a565-d8e2089a39bc">� 456 <div class="row nest first last wide">� 457 458 <div class="inner col col13 first last idca2ddacb-cd92-4329-8351-d27c83e04f2c" style="" data-widgetcontainerid="ca2ddacb-cd92-4329-8351-d27c83e04f2c">� 459<div data-widget-id="8fd3e26d-de47-4c2c-b0c5-3378e4a1e210" data-widget-controller-path="/GraphicLinks/Widget"> 460 461 462 463 464<div id="graphicLinkWidget8fd3e26d-de47-4c2c-b0c5-3378e4a1e210" class="widget widgetGraphicLinks skin57 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:18em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 465 <div class="widgetHeader"> 466 <div class=""> 467 </div> 468 </div> 469 <div class="widgetBody cpGrid cpGrid2 "> 470 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 471 <div class="row wide"> 472 <!-- 473--><div class="col col1 first "><ul class="semanticList"><!-- 474 --><li class="widgetItem GraphicLinks"> 475 476<div> 477 <a href="/166/Pay-My-Bill" target="_self" class="fancyButton fancyButton62 " > 478 <span> 479 <span><span class="text">Pay My Bill</span></span> 480 </span> 481 </a> 482</div> 483 <style scoped="scoped">.fancyButton62.fancyButton:link,.fancyButton62.fancyButton:visited, .fancyButton62div.fancyButton{ 484 background-color: rgb(255, 255, 255); 485 -webkit-border-top-left-radius: 100px; 486 -moz-border-top-left-radius: 100px; 487 -khtml-border-top-left-radius: 100px; 488 border-top-left-radius: 100px; 489 -webkit-border-top-right-radius: 100px; 490 -moz-border-top-right-radius: 100px; 491 -khtml-border-top-right-radius: 100px; 492 border-top-right-radius: 100px; 493 -webkit-border-bottom-left-radius: 100px; 494 -moz-border-bottom-left-radius: 100px; 495 -khtml-border-bottom-left-radius: 100px; 496 border-bottom-left-radius: 100px; 497 -webkit-border-bottom-right-radius: 100px; 498 -moz-border-bottom-right-radius: 100px; 499 -khtml-border-bottom-right-radius: 100px; 500 border-bottom-right-radius: 100px; 501 background-repeat: no-repeat; 502 background-position: left top; 503 border-top: 2px solid rgb(72, 112, 168); 504 border-left: 2px solid rgb(72, 112, 168); 505 border-right: 2px solid rgb(72, 112, 168); 506 border-bottom: 2px solid rgb(72, 112, 168); 507max-width: fit-content; 508margin: 0 auto; 509display: flex; 510flex-direction: column; 511min-height: 50px; 512justify-content: center; 513transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);} 514.fancyButton62.fancyButton:hover,.fancyButton62.fancyButton:focus,.fancyButton62.fancyButton:active,.fancyButton62.fancyButton.hover{ 515 background-color: rgb(72, 112, 168); 516 background-repeat: no-repeat; 517 background-position: left top; 518} 519.fancyButton62.fancyButton:link > span,.fancyButton62.fancyButton:visited > span, .fancyButton62div.fancyButton > span{ 520} 521.fancyButton62.fancyButton:hover > span,.fancyButton62.fancyButton:focus > span,.fancyButton62.fancyButton:active > span,.fancyButton62.fancyButton.hover > span{ 522} 523.fancyButton62.fancyButton .text{ 524 color: rgb(72, 112, 168); 525 font-family: "Poppins"; 526 padding-top: .25em; 527 padding-bottom: .25em; 528 padding-right: 2.5em; 529 padding-left: 2.5em; 530 font-weight: 600; 531 text-decoration: none; 532 padding-top: .25em; 533 padding-bottom: .25em; 534 padding-right: 2.5em; 535 padding-left: 2.5em; 536 background-repeat: no-repeat; 537 background-position: left top; 538transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);text-transform: uppercase; 539line-height: 1.2;} 540.fancyButton62.fancyButton:hover .text,.fancyButton62.fancyButton:focus .text,.fancyButton62.fancyButton:active .text,.fancyButton62.fancyButton.hover .text{ 541 color: rgb(255, 255, 255); 542 text-decoration: underline; 543 background-repeat: no-repeat; 544 background-position: left top; 545 546 547} 548</style> 549 550 </li><!-- 551--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 552 --><li class="widgetItem GraphicLinks"> 553 554<div> 555 <a href="https://ehlj.fa.us6.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_3001" target="_self" class="fancyButton fancyButton63 " > 556 <span> 557 <span><span class="text">Apply For Jobs</span></span> 558 </span> 559 </a> 560</div> 561 <style scoped="scoped">.fancyButton63.fancyButton:link,.fancyButton63.fancyButton:visited, .fancyButton63div.fancyButton{ 562 background-color: rgb(255, 255, 255);
563 -webkit-border-top-left-radius: 100px; 564 -moz-border-top-left-radius: 100px; 565 -khtml-border-top-left-radius: 100px; 566 border-top-left-radius: 100px; 567 -webkit-border-top-right-radius: 100px; 568 -moz-border-top-right-radius: 100px; 569 -khtml-border-top-right-radius: 100px; 570 border-top-right-radius: 100px; 571 -webkit-border-bottom-left-radius: 100px; 572 -moz-border-bottom-left-radius: 100px; 573 -khtml-border-bottom-left-radius: 100px; 574 border-bottom-left-radius: 100px; 575 -webkit-border-bottom-right-radius: 100px; 576 -moz-border-bottom-right-radius: 100px; 577 -khtml-border-bottom-right-radius: 100px; 578 border-bottom-right-radius: 100px; 579 background-repeat: no-repeat; 580 background-position: left top; 581 border-top: 2px solid rgb(72, 112, 168); 582 border-left: 2px solid rgb(72, 112, 168); 583 border-right: 2px solid rgb(72, 112, 168); 584 border-bottom: 2px solid rgb(72, 112, 168); 585max-width: fit-content; 586margin: 0 auto; 587display: flex; 588flex-direction: column; 589min-height: 50px; 590justify-content: center; 591transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);} 592.fancyButton63.fancyButton:hover,.fancyButton63.fancyButton:focus,.fancyButton63.fancyButton:active,.fancyButton63.fancyButton.hover{ 593 background-color: rgb(72, 112, 168); 594 background-repeat: no-repeat; 595 background-position: left top; 596} 597.fancyButton63.fancyButton:link > span,.fancyButton63.fancyButton:visited > span, .fancyButton63div.fancyButton > span{ 598} 599.fancyButton63.fancyButton:hover > span,.fancyButton63.fancyButton:focus > span,.fancyButton63.fancyButton:active > span,.fancyButton63.fancyButton.hover > span{ 600} 601.fancyButton63.fancyButton .text{ 602 color: rgb(72, 112, 168); 603 font-family: "Poppins"; 604 padding-top: .25em; 605 padding-bottom: .25em; 606 padding-right: 2.5em; 607 padding-left: 2.5em; 608 font-weight: 600; 609 text-decoration: none; 610 padding-top: .25em; 611 padding-bottom: .25em; 612 padding-right: 2.5em; 613 padding-left: 2.5em; 614 background-repeat: no-repeat; 615 background-position: left top; 616transition: all 0.6s cubic-bezier(0.22, 1, 0.36, 1);text-transform: uppercase; 617line-height: 1.2;} 618.fancyButton63.fancyButton:hover .text,.fancyButton63.fancyButton:focus .text,.fancyButton63.fancyButton:active .text,.fancyButton63.fancyButton.hover .text{ 619 color: rgb(255, 255, 255); 620 text-decoration: underline; 621 background-repeat: no-repeat; 622 background-position: left top; 623 624 625} 626</style> 627 628 </li><!-- 629--></ul></div><!-- --> 630 </div> 631 </nav> 632 </div> 633 <div class="widgetFooter"> 634 </div> 635</div> 636</div> 637 638 </div> <!-- inner column --> 639 640 </div> <!-- inner row --> 641 642 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="fc93ef2b-eb21-4c46-acfc-520376554fa9">� 643 <div class="row nest first last wide">� 644 645 <div class="inner col col1 first last ida4fae092-4886-4c15-89a4-7b0097311222" style="" data-widgetcontainerid="a4fae092-4886-4c15-89a4-7b0097311222">� 646 647<div class="widget widgetSpacer" id="8dc98cb1-61c7-4015-88a7-788b15cce4e9"></div> 648 </div> <!-- inner column --> 649 650 </div> <!-- inner row --> 651 652 </div><!-- outer column --><!----><div class="outer col col10 last" style="" data-widgetcontainerid="7dcca054-f002-4841-825a-14b9469b0aac">� 653 <div class="row nest first last wide">� 654 655 <div class="inner col col10 first last ideec750ba-051e-4575-89ad-e988ebe582fb" style="" data-widgetcontainerid="eec750ba-051e-4575-89ad-e988ebe582fb">� 656<div data-widget-id="082933de-0d20-47ee-9871-04d957bb7344" data-widget-controller-path="/Layout/WidgetSearch"> 657 658
658<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
658 659
659<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
659 660
660<script defer type="text/javascript"> 661 662 $(document).ready(function () { 663 try { 664 // Minimum characters required before performing a search/autocomplete 665 var minPrefixLength = 3; 666 var autoCompleteDebounceDelay = 500; 667 var searchFieldSelector = "#searchField" + '082933de-0d20-47ee-9871-04d957bb7344'; 668 var checkboxSelector = "#ysnSearchOnlyDept" + '082933de-0d20-47ee-9871-04d957bb7344'; 669 var buttonSelector = ".widgetSearchButton" + '082933de-0d20-47ee-9871-04d957bb7344'; 670 var autoCompleteCache = {}; 671 var autoCompleteCacheKeys = []; 672 var autoCompleteCacheLimit = 25; 673 var currentAutoCompleteRequest = null; 674 var currentAutoCompleteRequestKey = null; 675 var autoCompleteDebounceTimer = null; 676 var autoCompleteDebounceKey = null; 677 var pendingAutoCompleteResponses = []; 678 679 function normalizeAutoCompleteTerm(term) { 680 return $.trim((term || "") + "").replace(/\s+/g, " "); 681 } 682 683 function shouldSearch(term) { 684 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 685 } 686 687 function getAutoCompleteUrl() { 688 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 689 } 690 691 function getAutoCompleteCacheKey(requestUrl, term) { 692 return requestUrl + "|" + term.toLowerCase(); 693 } 694 695 function cacheAutoCompleteResult(cacheKey, data) { 696 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 697 autoCompleteCacheKeys.push(cacheKey); 698 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 699 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 700 } 701 } 702 autoCompleteCache[cacheKey] = data; 703 } 704 705 function respondToPendingAutoComplete(data) { 706 var responses = pendingAutoCompleteResponses; 707 pendingAutoCompleteResponses = []; 708 for (var i = 0; i < responses.length; i++) { 709 responses[i](data); 710 } 711 } 712 713 function cancelPendingAutoComplete() { 714 clearTimeout(autoCompleteDebounceTimer); 715 autoCompleteDebounceKey = null; 716 if (currentAutoCompleteRequest != null) { 717 currentAutoCompleteRequest.abort(); 718 currentAutoCompleteRequest = null; 719 } 720 currentAutoCompleteRequestKey = null; 721 respondToPendingAutoComplete([]); 722 } 723 724 function createWidgetAutoCompleteSource(options) { 725 return function (request, response) { 726 var term = normalizeAutoCompleteTerm(request.term); 727 if (!options.shouldSearch(term)) { 728 response([]); 729 return; 730 } 731 732 var requestUrl = options.url(); 733 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 734 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 735 response(autoCompleteCache[cacheKey]); 736 if (options.success) { 737 options.success(autoCompleteCache[cacheKey]); 738 } 739 return; 740 } 741 742 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 743 pendingAutoCompleteResponses.push(response); 744 return; 745 } 746 747 cancelPendingAutoComplete(); 748 autoCompleteDebounceKey = cacheKey; 749 pendingAutoCompleteResponses.push(response); 750 autoCompleteDebounceTimer = setTimeout(function () { 751 autoCompleteDebounceKey = null; 752 currentAutoCompleteRequestKey = cacheKey; 753 currentAutoCompleteRequest = $.ajax({ 754 url: requestUrl, 755 dataType: "json", 756 timeout: options.timeout, 757 data: { 758 term: term, 759 }, 760 success: function (data) { 761 if (currentAutoCompleteRequestKey === cacheKey) { 762 cacheAutoCompleteResult(cacheKey, data); 763 respondToPendingAutoComplete(data); 764 if (options.success) { 765 options.success(data); 766 } 767 } 768 }, 769 error: function (xmlhttprequest, textstatus, message) { 770 if (textstatus === "abort") { 771 return; 772 } 773 774 if (options.error) { 775 options.error(xmlhttprequest, textstatus, message); 776 } 777 778 respondToPendingAutoComplete([]); 779 }, 780 complete: function (xmlhttprequest) { 781 if (currentAutoCompleteRequest === xmlhttprequest) { 782 currentAutoCompleteRequest = null;
783 currentAutoCompleteRequestKey = null; 784 } 785 } 786 }); 787 }, options.delay); 788 }; 789 } 790 791 // click handler for search buttons 792 $(buttonSelector).click(function (e) { 793 e.preventDefault(); 794 var $btn = $(this); 795 var $field = $btn.siblings(".widgetSearchBox"); 796 var term = $field.val() + ""; 797 if (!shouldSearch(term)) { 798 // do nothing until user types enough characters 799 $field.focus(); 800 return; 801 } 802 803 if ($(checkboxSelector).is(':checked') || false) 804 { 805 doWidgetSearch($.trim(term), Number(0)); 806 } 807 else { 808 doWidgetSearch($.trim(term), 0); 809 } 810 }); 811 812 // enter key handler for the search field 813 $(searchFieldSelector).keypress(function (e) { 814 var code = e.which || e.keyCode; 815 if (code === 13) { 816 e.preventDefault(); 817 var $this = $(this); 818 var term = $this.val() + ""; 819 if (!shouldSearch(term)) { 820 // do nothing until user types enough characters 821 $this.focus(); 822 return false; 823 } 824 825 if ($(checkboxSelector).is(':checked') || false) { 826 doWidgetSearch($.trim(term), Number(0)); 827 } else { 828 doWidgetSearch($.trim(term), 0); 829 } 830 return false; 831 } 832 return true; 833 }); 834 835 // autocomplete: set minLength and guard source 836 if (true) { 837 var $searchField = $(searchFieldSelector).autocomplete({ 838 minLength: minPrefixLength, 839 source: createWidgetAutoCompleteSource({ 840 delay: autoCompleteDebounceDelay, 841 timeout: 10000, 842 shouldSearch: shouldSearch, 843 url: getAutoCompleteUrl, 844 success: function () { 845 $('.autoCompleteError').remove(); 846 }, 847 error: function (xmlhttprequest, textstatus, message) { 848 if (textstatus === "timeout") { 849 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 850 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 851 } 852 } 853 }), 854 html: true, 855 delay: 0, 856 select: function (event, ui) { 857 $(this).val(ui.item.value); 858 $(this).next().click(); 859 } 860 }); 861 862 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 863 return $("<li class=\"itemList\"></li>") 864 .data("ui-autocomplete-item", item) 865 .append("<a>" + item.label + "</a>") 866 .appendTo(ul); 867 }; 868 } 869 870 // keep searchBtnApplyQuery consistent with prefix rule 871 window.searchBtnApplyQuery = function() { 872 var $field = $(searchFieldSelector); 873 var term = $field.val() + ""; 874 if (shouldSearch(term)) { 875 // update href for the icon/button (if present) 876 var btn = document.getElementById("btnSearchIcon"); 877 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 878 } else { 879 var btn = document.getElementById("btnSearchIcon"); 880 if (btn) btn.href = "#"; 881 } 882 }; 883 } 884 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. 885 }); 886 </script>
886 887 888 <section id="widgetPreviewSearch" class="widget widgetSearch skin39 widgetOptionSet15" style="display: block;" aria-label="Search"> 889 <!-- For the button right and inside --> 890 <div class="widgetBody buttonRightInside"> 891 <input class="widgetSearchBox widgetSearchBox082933de-0d20-47ee-9871-04d957bb7344" cp5ph="true" id="searchField082933de-0d20-47ee-9871-04d957bb7344" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 892 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton082933de-0d20-47ee-9871-04d957bb7344" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=93" data-image="/ImageRepository/Document?documentID=94" src="/ImageRepository/Document?documentID=94" /></a> 893 894 <label class="searchLabel" aria-hidden="true" for="searchField082933de-0d20-47ee-9871-04d957bb7344">Search</label> 895 </div> 896 897 </section> 898 899 900<style scoped> 901 902 .widgetSearch ::-webkit-input-placeholder { 903 color: #373330; 904 } 905 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 906 color: #373330; 907 } 908 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 909 color: #373330; 910 } 911 .widgetSearch :-ms-input-placeholder { 912 color: #373330; 913 } 914 915 916 .widgetSearch .widgetBody .widgetSearchBox082933de-0d20-47ee-9871-04d957bb7344 917 { 918 color: #373330; 919 font-family: poppins; 920font-weight: 500; 921font-size: 1.1em; 922height: 65px; 923border: 2px solid #EFEFEF; 924border-radius: 100px; 925background-clip: padding-box; 926padding: 0 80px 0 20px; 927 } 928 .widgetSearch .widgetBody .widgetSearchButton082933de-0d20-47ee-9871-04d957bb7344 929 { 930 margin: 7px; 931 } 932 .widgetSearch .widgetSearch-onlyDept082933de-0d20-47ee-9871-04d957bb7344 933 { 934 display: inline-block; 935 color: #333; 936 937 938 padding-top: 10px; 939 } 940 #ysnSearchOnlyDept082933de-0d20-47ee-9871-04d957bb7344 941 { 942 position: relative; 943 top: .125em; 944 } 945 946</style> 947 948<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 949<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 950 951 952
953<script type="text/javascript"> 954 //Updates search icons href to have the correct queryString 955 function searchBtnApplyQuery() { 956 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField082933de-0d20-47ee-9871-04d957bb7344").value; 957 } 958</script>
958 959 960</div> 961 962 </div> <!-- inner column --> 963 964 </div> <!-- inner row --> 965 966 </div><!-- outer column --><!-- --></div> <!-- outer row --> 967 968 969 </div> 970</div></div> 971</div><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS" data-attach="headerTopTS"> 972<div data-cpRole="structuralContainer" id="headerBottomTS"> 973<div class="siteWrap3"><div data-cpRole="structuralContainer" id="mainNavTS"> 974<div data-cpRole="banner" id="bannerLogo2TS" class="bannerLogo2TS empty"> 975 976 977 978 979 <a id="bannerLogo2TS-59" style=" display: block; text-align: center; 980" class="bannerObject" href="/" target="_self"><img alt="Lake Havasu City Arizona" class="bannerObject" height="98" src="/ImageRepository/Document?documentID=5081" width="306" /></a> 981</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" aria-label="Main"> 982<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 983--><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 984 --><!-- 985 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavResidents" class="navMainItem mainNavItem mainNavItem1 " href="/101/Residents" target = "_self" > Residents </a> <!-- 986 --><!-- 987 --></li><!----><li id="MainItem320" class="topMenuItem" role="none" data-pageid="320" data-displaymegamenu="True"><!-- 988 --><!-- 989 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu320" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem2 " href="/320/Community" target = "_self" > Community </a> <!-- 990 --><!-- 991 --></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 992 --><!-- 993 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem3 " href="/27/Government" target = "_self" > Government </a> <!-- 994 --><!-- 995 --></li><!----><li id="MainItem321" class="topMenuItem" role="none" data-pageid="321" data-displaymegamenu="True"><!-- 996 --><!-- 997 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu321" id = "mainNavBusiness" class="navMainItem mainNavItem mainNavItem4 " href="/321/Business" target = "_self" > Business </a> <!-- 998 --><!-- 999 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 1000 --><!-- 1001 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem5 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 1002 --><!-- 1003 --></li><!----> 1004</ol> 1005 1006 1007
1007<script type="text/javascript"> 1008 (function () { 1009 function setupMenu() { 1010 const menuID = 'mainNavMenu'; 1011 const menuType = MAIN_MENU; 1012 1013 //setup menu manager properties for main menu 1014 if (!menuManager.mobileMainNav && true) 1015 menuManager.adjustMainItemsWidth('#' + menuID); 1016 menuManager.isMainMenuEditable = false; 1017 menuManager.mainMenuMaxSubMenuLevels = 4; 1018 menuManager.setMOMMode(2, menuType); 1019 1020 //Init main menu 1021 const setupDraggable = menuManager.isMainMenuEditable; 1022 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=17&menuContainerID=mainNav'; 1023 1024 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 1025 menuManager.mainMenuInit = true; 1026 menuManager.mainMenuTextResizer = false; 1027 if (1.00 > 0) 1028 menuManager.mainMenuTextResizerRatio = 1.00; 1029 if (window.isResponsiveEnabled) 1030 menuManager.mainMenuReady.resolve(); 1031 1032 } 1033 1034 if (document.readyState === "complete" 1035 || document.readyState === "loaded" 1036 || document.readyState === "interactive") { 1037 setupMenu(); 1038 return; 1039 } 1040 1041 document.addEventListener("DOMContentLoaded", setupMenu); 1042 })(); 1043 </script>
1043 1044 1045 1046<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="0"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cc96ba7e48-af8c-4759-85ce-327710b1abbf" data-containerid="96ba7e48-af8c-4759-85ce-327710b1abbf" class="pageContent cpGrid cpGrid24"> 1047 1048 1049 1050 1051 </div> 1052</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu320" class="contentTop mainNavMegaMenu megaMenuContainer pageID_320 hidden" data-orientation="horizontal"> <div id="cc4770f6ca-f056-48c3-a938-a58955c7ee23" data-containerid="4770f6ca-f056-48c3-a938-a58955c7ee23" class="pageContent cpGrid cpGrid24"> 1053 1054 1055 1056 1057 </div> 1058</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc4028c503-ac62-4c0b-8964-2a0bf79cf17d" data-containerid="4028c503-ac62-4c0b-8964-2a0bf79cf17d" class="pageContent cpGrid cpGrid24"> 1059 1060 1061 1062 1063 </div> 1064</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu321" class="contentTop mainNavMegaMenu megaMenuContainer pageID_321 hidden" data-orientation="horizontal"> <div id="cc3785cc37-f391-4b85-8730-47ed3af437e1" data-containerid="3785cc37-f391-4b85-8730-47ed3af437e1" class="pageContent cpGrid cpGrid24"> 1065 1066 1067 1068 1069 </div> 1070</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc0bb39cf2-231f-4f77-95c5-a9555e39237a" data-containerid="0bb39cf2-231f-4f77-95c5-a9555e39237a" class="pageContent cpGrid cpGrid24"> 1071 1072 1073 1074 1075 </div> 1076</aside></aside></nav> 1077</div></div> 1078</div> 1079</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 1080<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 1081<div data-cpRole="structuralContainer" id="bannerContentTS"> 1082<div class="siteWrap4"><div data-cpRole="contentContainer" id="contentTS"> <div id="cc3039d990-ae7a-4daa-b932-2fcc23f762b2" data-containerid="3039d990-ae7a-4daa-b932-2fcc23f762b2" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 1083 1084 1085 <div class="row outer wide"><!-- 1086--><div class="outer col col24 first last" style="" data-widgetcontainerid="2515db3f-dae6-415b-94bb-19c02d4dab84">� 1087 <div class="row nest first last wide">� 1088 1089 <div class="inner col col24 first last id940e19cf-d477-4bdd-ae84-53df392063dd" style="" data-widgetcontainerid="940e19cf-d477-4bdd-ae84-53df392063dd">� 1090 1091 <div class="widget slideShow skin62" role="region" aria-label="Slideshow" id="slideshow6bcd105a-5719-4b48-b6e7-1e26d015cc34" aria-haspopup="false" data-widgetID="6bcd105a-5719-4b48-b6e7-1e26d015cc34"> 1092 <input type="hidden" class="slideTiming" value="7"/> 1093 <input type="hidden" class="transitionTiming" value="1"/> 1094 <input type="hidden" class="hdnSlideshowUniqueID" value="545" /> 1095 <div id="divSlideshow545" class="cpSlideshow widgetBody cpSlideshowJS545 narrow"> 1096 <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" />
1097<script src="/-823076099.js" type="text/javascript"></script>
1097 1098 <div class="cpWindow cpWindowJS545 "> 1099 <ol class="semanticList cpSlider fade cpSliderJS545"> 1100 <li class="hidden" id="545_2431" data-index="0" aria-hidden="true"> 1101 1102 <a href="https://anc.apm.activecommunities.com/lhcaz/home" target="_blank"> 1103 1104 <img src="/ImageRepository/Document?documentID=11923" class="" alt="ActiveNET" title="ActiveNET" data-delayed-image="" style="height: 1px" /> 1105 1106 <div name="captionOverlay_545" class="overlay inset bottom itemCaption"> 1107 1108 <div class="overlayInner"> 1109 1110 <h4 class="widgetTitle">New Parks and Recreation Online Registration System!</h4> 1111 <p class="widgetDesc widgetItem">Lake Havasu City Parks and Recreation is launching a new online registration and reservation system designed to make it easier for residents to access programs, activities, and facility reservations.</p> 1112 </div> 1113 </div> 1114 </a> 1115 </li> 1116 <li class="hidden" id="545_2432" data-index="1" aria-hidden="true"> 1117 1118 <a href="/278/Police-Recruitment" target="_self"> 1119 1120 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=11795" class="" alt="LHC-Police-is-Hiring" title="LHC-Police-is-Hiring" data-delayed-image="" style="height: 1px" /> 1121 1122 <div name="captionOverlay_545" class="overlay inset bottom itemCaption"> 1123 1124 <div class="overlayInner"> 1125 1126 <h4 class="widgetTitle">The Lake Havasu City Police Department is Hiring!</h4> 1127 <p class="widgetDesc widgetItem">We're looking for the best of the bestâindividuals who lead with integrity, serve with courage, and are committed to protecting a community they can proudly call home.</p> 1128 </div> 1129 </div> 1130 </a> 1131 </li> 1132 <li class="hidden" id="545_2433" data-index="2" aria-hidden="true"> 1133 1134 <a href="/190/City-Manager" target="_self"> 1135 1136 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=11304" class="" alt="Wheeler-Park-Banner-Program" title="Wheeler-Park-Banner-Program" data-delayed-image="" style="height: 1px" /> 1137 1138 <div name="captionOverlay_545" class="overlay inset bottom itemCaption"> 1139 1140 <div class="overlayInner"> 1141 1142 <h4 class="widgetTitle">Honoring Our Hometown Heros</h4> 1143 <p class="widgetDesc widgetItem">A new way to honor our hometown heroes. Applications are now available for the Military Tribute Banner Program.</p> 1144 </div> 1145 </div> 1146 </a> 1147 </li> 1148 </ol> 1149 <div class="contentSlideshowControls"> 1150 <button class="arrowNew next nextJS545 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;"> 1151 <svg style="color:#fff; background:#4870a8;
1151" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> 1152 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> 1153 </svg> 1154 </button> 1155 <button class="arrowNew prev prevJS545 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;"> 1156 <svg style="color:#fff; background:#4870a8;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> 1157 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> 1158 </svg> 1159 </button> 1160 </div> 1161 1162 1163 </div> 1164 <div class=""> 1165 <div class="ssPlayPause" style=""> 1166 <button id="ssPause-btn-545" class="ssPause-btn alignRight" aria-label="Pause Slideshow"> 1167 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff" style="background: #4870a8"> 1168 <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z" /> 1169 <path d="M0 0h24v24H0z" fill="none" /> 1170 </svg> 1171 </button> 1172 <button id="ssPlay-btn-545" class="ssPlay-btn alignRight" aria-label="Play Slideshow"> 1173 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff" style="background: #4870a8"> 1174 <path d="M8 5v14l11-7z" /> 1175 <path d="M0 0h24v24H0z" fill="none" /> 1176 </svg> 1177 </button> 1178 </div> 1179 </div> 1180 <div aria-live="polite" aria-atomic="true" class="liveRegionJS545 visuallyhidden"></div> 1181
1181<script type="text/javascript"> 1182 // <!-- 1183 var $1 = typeof $ == 'undefined' ? window.parent.$ : $; 1184 $1(document).ready(function () { 1185 new Slideshow().generate('545','1','7',false,false,0); 1186 $('#ssPlay-btn-545').addClass('isHidden'); 1187 }); 1188 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 1189 $1.when($pages.rwdReady).done(function () { 1190 var divSlideshowID = 'divSlideshow545'; 1191 var mediaQuerySize = 25; 1192 if (mediaQuerySize == 0) 1193 mediaQuerySize = 25; //default for not widget slide show 1194 var mediaElementQuery = '#' + divSlideshowID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 1195 var $cpMedia = typeof window.cpMedia == 'undefined' ? window.parent.cpMedia : window.cpMedia; 1196 var $divSlideShow = $('#' + divSlideshowID); 1197 var $arrows = $divSlideShow.find('a.arrow'); 1198 var $arrowsNew = $divSlideShow.find('a.arrowNew'); 1199 var $divExternalSlideshow = $('.bannerSlideshowControlsNew').last(); 1200 var $overlays = $(document.getElementsByName('captionOverlay_545')); 1201 1202 if(window.isMobileBrowserIncludingTablets){ 1203 $overlays.each(function (overlay) { 1204 $(overlay).removeClass('overlay') 1205 }); 1206 } 1207 1208 $cpMedia.unregister(mediaElementQuery) 1209 .register(mediaElementQuery, 1210 { 1211 deferSetup: false, 1212 setup: function () { 1213 cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); 1214 $divSlideShow.removeClass('wide').addClass('narrow'); 1215 if ($divExternalSlideshow.length > 0) { 1216 $divExternalSlideshow.hide(); 1217 } 1218 if ($arrows.length > 0) { 1219 $arrows.hide(); 1220 if (typeof ($$) !== 'undefined') { 1221 $$('#' + divSlideshowID) 1222 .on('swipeRight', 1223 function (e, a) { 1224 $arrows.filter('.prev').click(); 1225 }); 1226 $$('#' + divSlideshowID) 1227 .on('swipeLeft', 1228 function (e) { 1229 $arrows.filter('.next').click(); 1230 }); 1231 } 1232 } 1233 if ($arrowsNew.length > 0) { 1234 1235 if (!(true && !window.isMobileBrowserIncludingTablets)) { 1236 $arrowsNew.hide(); 1237 } 1238 if (typeof ($$) !== 'undefined') { 1239 $$('#' + divSlideshowID) 1240 .on('swipeRight', 1241 function (e, a) { 1242 $arrowsNew.filter('.prev').click(); 1243 }); 1244 $$('#' + divSlideshowID) 1245 .on('swipeLeft', 1246 function (e) { 1247 $arrowsNew.filter('.next').click(); 1248 }); 1249 } 1250 } 1251 if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { 1252 if (2 == 1) { 1253 $overlays.hide(); 1254 } else if (2 == 2) { 1255 $overlays.removeClass('overlay'); 1256 } 1257 } 1258 }, 1259 match: function () { 1260 cpMedia.diag('$(element).addClass("wide"), mediaQuery: ' + mediaElementQuery); 1261 $divSlideShow.addClass('wide').removeClass('narrow'); 1262 if ($divExternalSlideshow.length > 0 && !$divExternalSlideshow.hasClass('none')) { 1263 $divExternalSlideshow.show(); 1264 } 1265 if ($arrows.length > 0) { 1266 $arrows.show(); 1267 if (typeof ($$) !== 'undefined') { 1268 $$('#' + divSlideshowID).off('swipeRight'); 1269 $$('#' + divSlideshowID).off('swipeLeft'); 1270 } 1271 } 1272 if ($arrowsNew.length > 0) { 1273 $arrowsNew.show(); 1274 if (typeof ($$) !== 'undefined') { 1275 $$('#' + divSlideshowID).off('swipeRight'); 1276 $$('#' + divSlideshowID).off('swipeLeft'); 1277 } 1278 } 1279 if ($overlays.length > 0) { 1280 if (2 == 1) { 1281 $overlays.show(); 1282 } else if (2 == 2 && !window.isMobileBrowserIncludingTablets) { 1283 $overlays.addClass('overlay'); 1284 } 1285 } 1286 }, 1287 unmatch: function () { 1288 cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); 1289 $divSlideShow.removeClass('wide').addClass('narrow'); 1290 if ($divExternalSlideshow.length > 0) { 1291 $divExternalSlideshow.hide(); 1292 } 1293 if ($arrows.length > 0) { 1294 $arrows.hide(); 1295 1296 if (typeof ($$) !== 'undefined') { 1297 $$('#' + divSlideshowID).on('swipeRight', function (e) { 1298 $arrows.filter('.prev').click(); 1299 });
1300 $$('#' + divSlideshowID).on('swipeLeft', function (e) { 1301 $arrows.filter('.next').click(); 1302 }); 1303 } 1304 } 1305 if ($arrowsNew.length > 0) { 1306 if (typeof ($$) !== 'undefined') { 1307 $$('#' + divSlideshowID).on('swipeRight', function (e) { 1308 $arrowsNew.filter('.prev').click(); 1309 }); 1310 $$('#' + divSlideshowID).on('swipeLeft', function (e) { 1311 $arrowsNew.filter('.next').click(); 1312 }); 1313 } 1314 } 1315 if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { 1316 if (2 == 1) { 1317 $overlays.hide(); 1318 } else if (2 == 2) { 1319 $overlays.removeClass('overlay'); 1320 } 1321 } 1322 } 1323 }); 1324 }); 1325 // --> 1326 </script>
1326 1327 1328 1329 </div> 1330
1331<script type="text/javascript"> 1332 (function () { 1333 const widgetHandlers = function (e) { 1334 $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { 1335 var $this = $(this); 1336 // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 1337 // This came about, because we needed to use slider images to trigger options. - JE 1338 if ($this.parent().hasClass('cpSlider')) { 1339 $this = $this.closest('.widget.slideShow').siblings('.handle.options'); 1340 } 1341 1342 //Set values for global variables for slideshow. 1343 if ($this.attr('data-widgetID').length !== 0) { 1344 parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); 1345 } 1346 callbackfnSlideshowSave = null; 1347 var pageID = ContentCollectionInstance.PageID; 1348 var moduleID = ContentCollectionInstance.ModuleID; 1349 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 1350 //Set slideshow widgetID 1351 ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); 1352 $popUp_Slideshow = openCpModal({ 1353 title: 'Slideshow', 1354 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 1355 isFrontEnd: false, 1356 useIframe: false, 1357 draggable: true, 1358 url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs 1359 }); 1360 }); 1361 1362 $('.slideshowOptions.empty').unbind('click').click(function (e) { 1363 var $this = $(this); 1364 parentID_Slideshow = $this.parents('.slideShow').attr('id'); 1365 var pageID = ContentCollectionInstance.PageID; 1366 var moduleID = ContentCollectionInstance.ModuleID; 1367 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 1368 ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); 1369 $popUp_Slideshow = openCpModal({ 1370 title: 'Slideshow', 1371 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 1372 isFrontEnd: false, 1373 useIframe: false, 1374 draggable: true, 1375 url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs 1376 }); 1377 }); 1378 }; 1379 1380 if (document.readyState === "complete" 1381 || document.readyState === "loaded" 1382 || document.readyState === "interactive") { 1383 widgetHandlers(); 1384 return; 1385 } 1386 1387 document.addEventListener("DOMContentLoaded", widgetHandlers); 1388 })(); 1389</script>
1389 1390 </div> 1391 1392
1393<script type="text/javascript"> 1394 function SlideshowWidgetCallback(widgetID, response) { 1395 if (window.ContentCollectionInstance.IsWorkingCopy) { 1396 //Remove this field since the partial view adds it back. 1397 $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); 1398 if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) 1399 $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); 1400 else 1401 $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); 1402 1403 contentUpdated(); 1404 } 1405 else { 1406 ContentCollectionInstance.reloadContent(); 1407 } 1408 1409 $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { 1410 var $this = $(this); 1411 // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 1412 // This came about, because we needed to use slider images to trigger options. - JE 1413 if ($this.parent().hasClass('cpSlider')) { 1414 $this = $this.closest('.widget.slideShow').siblings('.handle.options'); 1415 } 1416 1417 //Set values for global variables for slideshow. 1418 if ($this.attr('data-widgetID').length !== 0) { 1419 parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); 1420 } 1421 callbackfnSlideshowSave = null; 1422 var pageID = ContentCollectionInstance.PageID; 1423 var moduleID = ContentCollectionInstance.ModuleID; 1424 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 1425 //Set slideshow widgetID 1426 ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); 1427 $popUp_Slideshow = openCpModal({ 1428 title: 'Slideshow', 1429 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 1430 isFrontEnd: false, 1431 useIframe: false, 1432 draggable: true, 1433 url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs 1434 }); 1435 }); 1436 1437 $('.slideshowOptions.empty').unbind('click').click(function (e) { 1438 var $this = $(this); 1439 parentID_Slideshow = $this.parents('.slideShow').attr('id'); 1440 var pageID = ContentCollectionInstance.PageID; 1441 var moduleID = ContentCollectionInstance.ModuleID; 1442 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 1443 ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); 1444 $popUp_Slideshow = openCpModal({ 1445 title: 'Slideshow', 1446 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 1447 isFrontEnd: false, 1448 useIframe: false, 1449 draggable: true, 1450 url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs 1451 }); 1452 }); 1453 } 1454 1455 (function (){ 1456 const widgetHandlers = function () { 1457 var hasEditRights = false; 1458 if (window.File && window.FileList && window.FileReader && hasEditRights) { 1459 var SlideshowWidget = 3; 1460 makeWidgetAreaDroppable('6bcd105a-5719-4b48-b6e7-1e26d015cc34', $('#slideshow' + '6bcd105a-5719-4b48-b6e7-1e26d015cc34'), SlideshowWidget, true, SlideshowWidgetCallback); 1461 } 1462 1463 if(hasEditRights) 1464 browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '6bcd105a-5719-4b48-b6e7-1e26d015cc34'), 'Click to start adding images.'); 1465 }; 1466 1467 if (document.readyState === "complete" 1468 || document.readyState === "loaded" 1469 || document.readyState === "interactive") { 1470 widgetHandlers(); 1471 return; 1472 } 1473 1474 document.addEventListener("DOMContentLoaded", widgetHandlers); 1475 })(); 1476</script>
1476 1477 </div> <!-- inner column --> 1478 1479 </div> <!-- inner row --> 1480 1481 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1482 1483 1484 </div> 1485</div></div> 1486</div> 1487</div> 1488 1489 1490 1491 1492 <div id="banner1-56" style="display: none"></div> 1493
1493<script type="text/javascript"> 1494 $(window).on("load", function () { 1495 $.when(window.Pages.rwdSetupComplete) 1496 .done(function () { 1497 renderBanner('banner1-56', 1498 'banner1', 1499 {"BannerOptionID":56,"ThemeID":17,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":null,"SlideshowTransition":0,"SlideShowTransitionTiming":null,"ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":86,"BannerOptionID":56,"FileName":"/ImageRepository/Document?documentID=112","Height":700,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 1500 {"BannerImageID":86,"BannerOptionID":56,"FileName":"/ImageRepository/Document?documentID=112","Height":700,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 1501 '/App_Themes/Home/Images/', 1502 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=112" />'); 1503 }); 1504 }); 1505 </script>
1505 1506 1507</div> 1508</div><main data-cpRole="structuralContainer" id="mainSectionTS"> 1509<!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1510<div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc60d01758-2c18-4507-a012-d444290127b1" data-containerid="60d01758-2c18-4507-a012-d444290127b1" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="63"> 1511 1512 1513 <div class="row outer wide"><!-- 1514--><div class="outer col col8 first" style="" data-widgetcontainerid="d6599c32-cb91-4e89-9068-5a1565546aab">� 1515 <div class="row nest first last wide">� 1516 1517 <div class="inner col col8 first last idd6f67fc8-9448-4b4c-a9a9-ac8f6b625067" style="" data-widgetcontainerid="d6f67fc8-9448-4b4c-a9a9-ac8f6b625067">� 1518<div data-widget-id="2d08b7a0-e3bc-4a23-ae01-b6856f6631cb" data-widget-controller-path="/GraphicLinks/Widget"> 1519 1520 1521 1522 1523<div id="graphicLinkWidget2d08b7a0-e3bc-4a23-ae01-b6856f6631cb" class="widget widgetGraphicLinks skin45 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:22em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1524 <div class="widgetHeader"> 1525 <div class=""> 1526 </div> 1527 </div> 1528 <div class="widgetBody cpGrid cpGrid2 "> 1529 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1530 <div class="row wide"> 1531 <!-- 1532--><div class="col col1 first "><ul class="semanticList"><!-- 1533 --><li class="widgetItem GraphicLinks"> 1534 1535<div> 1536 <a href="/591/Document-Center" target="_self" class="fancyButton fancyButton55 " > 1537 <span> 1538 <span><span class="text">Document Center</span></span> 1539 </span> 1540 </a> 1541</div> 1542 <style scoped="scoped">.fancyButton55.fancyButton:link,.fancyButton55.fancyButton:visited, .fancyButton55div.fancyButton{ 1543 background-image: url('/ImageRepository/Document?documentID=102'); 1544 background-repeat: no-repeat; 1545 background-position: center top; 1546background-size: 120px;} 1547.fancyButton55.fancyButton:hover,.fancyButton55.fancyButton:focus,.fancyButton55.fancyButton:active,.fancyButton55.fancyButton.hover{ 1548 background-repeat: no-repeat; 1549 background-position: center top; 1550} 1551.fancyButton55.fancyButton:link > span,.fancyButton55.fancyButton:visited > span, .fancyButton55div.fancyButton > span{ 1552} 1553.fancyButton55.fancyButton:hover > span,.fancyButton55.fancyButton:focus > span,.fancyButton55.fancyButton:active > span,.fancyButton55.fancyButton.hover > span{ 1554} 1555.fancyButton55.fancyButton .text{ 1556 color: rgb(56, 56, 56); 1557 font-size: 1.05em; 1558 font-family: "Poppins"; 1559 padding-top: 135px; 1560 font-weight: 500; 1561 text-decoration: none; 1562 padding-top: 135px; 1563 background-image: url('/ImageRepository/Document?documentID=101'); 1564 background-repeat: no-repeat; 1565 background-position: center 25px ; 1566line-height:1.2; 1567transition:all .3s ease-in-out; 1568position:relative; 1569background-size: 65px; 1570} 1571.fancyButton55 .text::after{ 1572position:absolute; 1573content:""; 1574left:50%; 1575transform:translateX(-50%); 1576bottom:-12px; 1577width:50px; 1578transition:all .3s ease-in-out; 1579height:4px; 1580border-radius:3px; 1581background:#EFEFEF; 1582} 1583.fancyButton55 .text:is(:hover, :focus, :active)::after{ 1584width:75px; 1585background:#4A6A53; 1586} 1587.fancyButton55.fancyButton:hover .text,.fancyButton55.fancyButton:focus .text,.fancyButton55.fancyButton:active .text,.fancyButton55.fancyButton.hover .text{ 1588 text-decoration: underline; 1589 background-repeat: no-repeat; 1590 background-position: center 22px ; 1591 1592 1593} 1594</style> 1595 1596 </li><!-- 1597--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1598 --><li class="widgetItem GraphicLinks"> 1599 1600<div> 1601 <a href="/list.aspx" target="_self" class="fancyButton fancyButton56 " > 1602 <span> 1603 <span><span class="text">Connect With Us</span></span> 1604 </span> 1605 </a> 1606</div> 1607 <style scoped="scoped">.fancyButton56.fancyButton:link,.fancyButton56.fancyButton:visited, .fancyButton56div.fancyButton{ 1608 background-image: url('/ImageRepository/Document?documentID=106'); 1609 background-repeat: no-repeat; 1610 background-position: center top; 1611background-size: 120px;} 1612.fancyButton56.fancyButton:hover,.fancyButton56.fancyButton:focus,.fancyButton56.fancyButton:active,.fancyButton56.fancyButton.hover{ 1613 background-repeat: no-repeat; 1614 background-position: center top; 1615} 1616.fancyButton56.fancyButton:link > span,.fancyButton56.fancyButton:visited > span, .fancyButton56div.fancyButton > span{ 1617} 1618.fancyButton56.fancyButton:hover > span,.fancyButton56.fancyButton:focus > span,.fancyButton56.fancyButton:active > span,.fancyButton56.fancyButton.hover > span{ 1619} 1620.fancyButton56.fancyButton .text{ 1621 color: rgb(56, 56, 56); 1622 font-size: 1.05em; 1623 font-family: "Poppins"; 1624 padding-top: 135px; 1625 font-weight: 500; 1626 text-decoration: none; 1627 padding-top: 135px; 1628 background-image: url('/ImageRepository/Document?documentID=99'); 1629 background-repeat: no-repeat; 1630 background-position: center 25px ; 1631line-height:1.2; 1632transition:all .3s ease-in-out; 1633position:relative; 1634background-size: 65px; 1635} 1636.fancyButton56 .text::after{ 1637position:absolute; 1638content:""; 1639left:50%; 1640transform:translateX(-50%); 1641bottom:-12px; 1642width:50px; 1643transition:all .3s ease-in-out; 1644height:4px; 1645border-radius:3px; 1646background:#EFEFEF; 1647} 1648.fancyButton56 .text:is(:hover, :focus, :active)::after{ 1649width:75px; 1650background:#D6C081; 1651} 1652.fancyButton56.fancyButton:hover .text,.fancyButton56.fancyButton:focus .text,.fancyButton56.fancyButton:active .text,.fancyButton56.fancyButton.hover .text{ 1653 text-decoration: underline; 1654 background-repeat: no-repeat; 1655 background-position: center 22px ; 1656 1657 1658} 1659</style> 1660 1661 </li><!-- 1662--></ul></div><!-- --> 1663 </div> 1664 </nav> 1665 </div> 1666 <div class="widgetFooter"> 1667 </div> 1668</div> 1669</div> 1670 1671 </div> <!-- inner column --> 1672 1673 </div> <!-- inner row --> 1674 1675 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="82940179-54cc-47d6-8d37-602cf37fa709">� 1676 <div class="row nest first last wide">� 1677 1678 <div class="inner col col8 first last idf806d601-c1bd-4215-a442-0a3e2e93647a" style="" data-widgetcontainerid="f806d601-c1bd-4215-a442-0a3e2e93647a">� 1679<div data-widget-id="932381fe-689e-4a1b-b795-6ed5ba870df7" data-widget-controller-path="/GraphicLinks/Widget"> 1680 1681 1682 1683 1684<div id="graphicLinkWidget932381fe-689e-4a1b-b795-6ed5ba870df7" class="widget widgetGraphicLinks skin45 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:22em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1685 <div class="widgetHeader"> 1686 <div class="">
1687 </div> 1688 </div> 1689 <div class="widgetBody cpGrid cpGrid2 "> 1690 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1691 <div class="row wide"> 1692 <!-- 1693--><div class="col col1 first "><ul class="semanticList"><!-- 1694 --><li class="widgetItem GraphicLinks"> 1695 1696<div> 1697 <a href="/182/Utilities" target="_self" class="fancyButton fancyButton57 " > 1698 <span> 1699 <span><span class="text">Water & Trash</span></span> 1700 </span> 1701 </a> 1702</div> 1703 <style scoped="scoped">.fancyButton57.fancyButton:link,.fancyButton57.fancyButton:visited, .fancyButton57div.fancyButton{ 1704 background-image: url('/ImageRepository/Document?documentID=100'); 1705 background-repeat: no-repeat; 1706 background-position: center top; 1707background-size: 120px;} 1708.fancyButton57.fancyButton:hover,.fancyButton57.fancyButton:focus,.fancyButton57.fancyButton:active,.fancyButton57.fancyButton.hover{ 1709 background-repeat: no-repeat; 1710 background-position: center top; 1711} 1712.fancyButton57.fancyButton:link > span,.fancyButton57.fancyButton:visited > span, .fancyButton57div.fancyButton > span{ 1713} 1714.fancyButton57.fancyButton:hover > span,.fancyButton57.fancyButton:focus > span,.fancyButton57.fancyButton:active > span,.fancyButton57.fancyButton.hover > span{ 1715} 1716.fancyButton57.fancyButton .text{ 1717 color: rgb(56, 56, 56); 1718 font-size: 1.05em; 1719 font-family: "Poppins"; 1720 padding-top: 135px; 1721 font-weight: 500; 1722 text-decoration: none; 1723 padding-top: 135px; 1724 background-image: url('/ImageRepository/Document?documentID=105'); 1725 background-repeat: no-repeat; 1726 background-position: center 25px ; 1727line-height:1.2; 1728transition:all .3s ease-in-out; 1729position:relative; 1730background-size: 65px; 1731} 1732.fancyButton57 .text::after{ 1733position:absolute; 1734content:""; 1735left:50%; 1736transform:translateX(-50%); 1737bottom:-12px; 1738width:50px; 1739transition:all .3s ease-in-out; 1740height:4px; 1741border-radius:3px; 1742background:#EFEFEF; 1743} 1744.fancyButton57 .text:is(:hover, :focus, :active)::after{ 1745width:75px; 1746background:#D17F65; 1747} 1748.fancyButton57.fancyButton:hover .text,.fancyButton57.fancyButton:focus .text,.fancyButton57.fancyButton:active .text,.fancyButton57.fancyButton.hover .text{ 1749 text-decoration: underline; 1750 background-repeat: no-repeat; 1751 background-position: center 22px ; 1752 1753 1754} 1755</style> 1756 1757 </li><!-- 1758--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1759 --><li class="widgetItem GraphicLinks"> 1760 1761<div> 1762 <a href="/166/Pay-My-Bill" target="_self" class="fancyButton fancyButton59 " > 1763 <span> 1764 <span><span class="text">Pay My Bill</span></span> 1765 </span> 1766 </a> 1767</div> 1768 <style scoped="scoped">.fancyButton59.fancyButton:link,.fancyButton59.fancyButton:visited, .fancyButton59div.fancyButton{ 1769 background-image: url('/ImageRepository/Document?documentID=104'); 1770 background-repeat: no-repeat; 1771 background-position: center top; 1772background-size: 120px;} 1773.fancyButton59.fancyButton:hover,.fancyButton59.fancyButton:focus,.fancyButton59.fancyButton:active,.fancyButton59.fancyButton.hover{ 1774 background-repeat: no-repeat; 1775 background-position: center top; 1776} 1777.fancyButton59.fancyButton:link > span,.fancyButton59.fancyButton:visited > span, .fancyButton59div.fancyButton > span{ 1778} 1779.fancyButton59.fancyButton:hover > span,.fancyButton59.fancyButton:focus > span,.fancyButton59.fancyButton:active > span,.fancyButton59.fancyButton.hover > span{ 1780} 1781.fancyButton59.fancyButton .text{ 1782 color: rgb(56, 56, 56); 1783 font-size: 1.05em; 1784 font-family: "Poppins"; 1785 padding-top: 135px; 1786 font-weight: 500; 1787 text-decoration: none; 1788 padding-top: 135px; 1789 background-image: url('/ImageRepository/Document?documentID=103'); 1790 background-repeat: no-repeat; 1791 background-position: center 25px ; 1792line-height:1.2; 1793transition:all .3s ease-in-out; 1794position:relative; 1795background-size: 65px; 1796} 1797.fancyButton59 .text::after{ 1798position:absolute; 1799content:""; 1800left:50%; 1801transform:translateX(-50%); 1802bottom:-12px; 1803width:50px; 1804transition:all .3s ease-in-out; 1805height:4px; 1806border-radius:3px; 1807background:#EFEFEF; 1808} 1809.fancyButton59 .text:is(:hover, :focus, :active)::after{ 1810width:75px; 1811background:#589AA6; 1812} 1813.fancyButton59.fancyButton:hover .text,.fancyButton59.fancyButton:focus .text,.fancyButton59.fancyButton:active .text,.fancyButton59.fancyButton.hover .text{ 1814 text-decoration: underline; 1815 background-repeat: no-repeat; 1816 background-position: center 22px ; 1817 1818 1819} 1820</style> 1821 1822 </li><!-- 1823--></ul></div><!-- --> 1824 </div> 1825 </nav> 1826 </div> 1827 <div class="widgetFooter"> 1828 </div> 1829</div> 1830</div> 1831 1832 </div> <!-- inner column --> 1833 1834 </div> <!-- inner row --> 1835 1836 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="3c41654c-12cd-4179-a3a2-bf4711f21c38">� 1837 <div class="row nest first last wide">� 1838 1839 <div class="inner col col8 first last idc249aa7c-8d96-4978-8c21-c85c379d510c" style="" data-widgetcontainerid="c249aa7c-8d96-4978-8c21-c85c379d510c">�
1840<div data-widget-id="5f577d26-b313-4deb-895f-d90b021a3d2d" data-widget-controller-path="/GraphicLinks/Widget"> 1841 1842 1843 1844 1845<div id="graphicLinkWidget5f577d26-b313-4deb-895f-d90b021a3d2d" class="widget widgetGraphicLinks skin45 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:22em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1846 <div class="widgetHeader"> 1847 <div class=""> 1848 </div> 1849 </div> 1850 <div class="widgetBody cpGrid cpGrid2 "> 1851 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1852 <div class="row wide"> 1853 <!-- 1854--><div class="col col1 first "><ul class="semanticList"><!-- 1855 --><li class="widgetItem GraphicLinks"> 1856 1857<div> 1858 <a href="/312/City-Council-Information" target="_self" class="fancyButton fancyButton58 " > 1859 <span> 1860 <span><span class="text">City Council</span></span> 1861 </span> 1862 </a> 1863</div> 1864 <style scoped="scoped">.fancyButton58.fancyButton:link,.fancyButton58.fancyButton:visited, .fancyButton58div.fancyButton{ 1865 background-image: url('/ImageRepository/Document?documentID=102'); 1866 background-repeat: no-repeat; 1867 background-position: center top; 1868background-size: 120px;} 1869.fancyButton58.fancyButton:hover,.fancyButton58.fancyButton:focus,.fancyButton58.fancyButton:active,.fancyButton58.fancyButton.hover{ 1870 background-repeat: no-repeat; 1871 background-position: center top; 1872} 1873.fancyButton58.fancyButton:link > span,.fancyButton58.fancyButton:visited > span, .fancyButton58div.fancyButton > span{ 1874} 1875.fancyButton58.fancyButton:hover > span,.fancyButton58.fancyButton:focus > span,.fancyButton58.fancyButton:active > span,.fancyButton58.fancyButton.hover > span{ 1876} 1877.fancyButton58.fancyButton .text{ 1878 color: rgb(56, 56, 56); 1879 font-size: 1.05em; 1880 font-family: "Poppins"; 1881 padding-top: 135px; 1882 font-weight: 500; 1883 text-decoration: none; 1884 padding-top: 135px; 1885 background-image: url('/ImageRepository/Document?documentID=98'); 1886 background-repeat: no-repeat; 1887 background-position: center 25px ; 1888line-height:1.2; 1889transition:all .3s ease-in-out; 1890position:relative; 1891background-size: 65px; 1892} 1893.fancyButton58 .text::after{ 1894position:absolute; 1895content:""; 1896left:50%; 1897transform:translateX(-50%); 1898bottom:-12px; 1899width:50px; 1900transition:all .3s ease-in-out; 1901height:4px; 1902border-radius:3px; 1903background:#EFEFEF; 1904} 1905.fancyButton58 .text:is(:hover, :focus, :active)::after{ 1906width:75px; 1907background:#4A6A53; 1908} 1909.fancyButton58.fancyButton:hover .text,.fancyButton58.fancyButton:focus .text,.fancyButton58.fancyButton:active .text,.fancyButton58.fancyButton.hover .text{ 1910 text-decoration: underline; 1911 background-repeat: no-repeat; 1912 background-position: center 22px ; 1913 1914 1915} 1916</style> 1917 1918 </li><!-- 1919--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1920 --><li class="widgetItem GraphicLinks"> 1921 1922<div> 1923 <a href="https://ehlj.fa.us6.oraclecloud.com/hcmUI/CandidateExperience/en/sites/CX_3001" target="_self" class="fancyButton fancyButton60 " > 1924 <span> 1925 <span><span class="text">Apply for Job</span></span> 1926 </span> 1927 </a> 1928</div> 1929 <style scoped="scoped">.fancyButton60.fancyButton:link,.fancyButton60.fancyButton:visited, .fancyButton60div.fancyButton{ 1930 background-image: url('/ImageRepository/Document?documentID=97'); 1931 background-repeat: no-repeat; 1932 background-position: center top; 1933background-size: 120px;} 1934.fancyButton60.fancyButton:hover,.fancyButton60.fancyButton:focus,.fancyButton60.fancyButton:active,.fancyButton60.fancyButton.hover{ 1935 background-repeat: no-repeat; 1936 background-position: center top; 1937} 1938.fancyButton60.fancyButton:link > span,.fancyButton60.fancyButton:visited > span, .fancyButton60div.fancyButton > span{ 1939} 1940.fancyButton60.fancyButton:hover > span,.fancyButton60.fancyButton:focus > span,.fancyButton60.fancyButton:active > span,.fancyButton60.fancyButton.hover > span{ 1941} 1942.fancyButton60.fancyButton .text{ 1943 color: rgb(56, 56, 56); 1944 font-size: 1.05em; 1945 font-family: "Poppins"; 1946 padding-top: 135px; 1947 font-weight: 500; 1948 text-decoration: none; 1949 padding-top: 135px; 1950 background-image: url('/ImageRepository/Document?documentID=96'); 1951 background-repeat: no-repeat; 1952 background-position: center 25px ; 1953line-height:1.2; 1954transition:all .3s ease-in-out; 1955position:relative; 1956background-size: 65px; 1957} 1958.fancyButton60 .text::after{ 1959position:absolute; 1960content:""; 1961left:50%; 1962transform:translateX(-50%); 1963bottom:-12px; 1964width:50px; 1965transition:all .3s ease-in-out; 1966height:4px; 1967border-radius:3px; 1968background:#EFEFEF; 1969} 1970.fancyButton60 .text:is(:hover, :focus, :active)::after{ 1971width:75px; 1972background:#4870A8; 1973} 1974.fancyButton60.fancyButton:hover .text,.fancyButton60.fancyButton:focus .text,.fancyButton60.fancyButton:active .text,.fancyButton60.fancyButton.hover .text{ 1975 text-decoration: underline; 1976 background-repeat: no-repeat; 1977 background-position: center 22px ; 1978 1979 1980} 1981</style> 1982 1983 </li><!-- 1984--></ul></div><!-- --> 1985 </div> 1986 </nav> 1987 </div> 1988 <div class="widgetFooter"> 1989 </div> 1990</div> 1991</div> 1992 1993 </div> <!-- inner column --> 1994 1995 </div> <!-- inner row --> 1996 1997 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1998 1999 2000 </div> 2001</div><div data-cpRole="contentContainer" id="ibsTS"> <div id="cc77390225-1dd7-4a11-8e28-850933d6d56c" data-containerid="77390225-1dd7-4a11-8e28-850933d6d56c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="58"> 2002 2003 2004 <div class="row outer wide"><!-- 2005--><div class="outer col col24 first last" style="" data-widgetcontainerid="f1c0041b-5d27-4731-8ecb-e5f5e8571e2d">� 2006 <div class="row nest first wide">� 2007 2008 <div class="inner col col24 first last id99ef6ba4-5c44-4002-aaf0-499ee761ef4d" style="" data-widgetcontainerid="99ef6ba4-5c44-4002-aaf0-499ee761ef4d">� 2009<div data-widget-id="01c00b77-d6ef-4d4a-b7d1-d5fd877c0f5f" data-widget-controller-path="/GraphicLinks/Widget"> 2010 2011 2012 2013 2014<div id="graphicLinkWidget01c00b77-d6ef-4d4a-b7d1-d5fd877c0f5f" class="widget widgetGraphicLinks skin60 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:75em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2015 <div class="widgetHeader"> 2016 <div class="">
2017 </div> 2018 </div> 2019 <div class="widgetBody cpGrid cpGrid4 "> 2020 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2021 <div class="row wide"> 2022 <!-- 2023--><div class="col col1 first "><ul class="semanticList"><!-- 2024 --><li class="widgetItem GraphicLinks"> 2025 2026<div> 2027 <a href="/329/Aquatic-Center" target="_self" class="fancyButton fancyButton64 " > 2028 <span> 2029 <span><span class="text"><span class="textStyle1">Aquatic Center</span> <span class="textStyle2">Learn More</span></span></span> 2030 </span> 2031 </a> 2032</div> 2033 <style scoped="scoped">.fancyButton64.fancyButton:link,.fancyButton64.fancyButton:visited, .fancyButton64div.fancyButton{ 2034 background-image: url('/ImageRepository/Document?documentID=117'); 2035 background-repeat: no-repeat; 2036 background-position: center center; 2037box-shadow: 0px 3px 6px #00000029; 2038border-radius: 10px; 2039max-width:330px; 2040overflow:hidden; 2041margin:0 auto; 2042min-height:275px; 2043background-size:cover; 2044position:relative;} 2045.fancyButton64.fancyButton:hover,.fancyButton64.fancyButton:focus,.fancyButton64.fancyButton:active,.fancyButton64.fancyButton.hover{ 2046 background-repeat: no-repeat; 2047 background-position: center center; 2048} 2049.fancyButton64.fancyButton:link > span,.fancyButton64.fancyButton:visited > span, .fancyButton64div.fancyButton > span{ 2050} 2051.fancyButton64.fancyButton:hover > span,.fancyButton64.fancyButton:focus > span,.fancyButton64.fancyButton:active > span,.fancyButton64.fancyButton.hover > span{ 2052} 2053.fancyButton64.fancyButton .text{ 2054 padding-top: 5px; 2055 padding-bottom: 5px; 2056 padding-right: 10px; 2057 padding-left: 10px; 2058 text-decoration: none; 2059 background-color: rgba(183, 75, 42, 0.919); 2060 padding-top: 5px; 2061 padding-bottom: 5px; 2062 padding-right: 10px; 2063 padding-left: 10px; 2064 background-repeat: no-repeat; 2065 background-position: left top; 2066position:absolute; 2067left:0; 2068bottom:0; 2069width:100%; 2070min-height:85px; 2071display:flex; 2072line-height:1.2; 2073align-items:center; 2074justify-content:center; 2075flex-direction:column; 2076transition:all .3s ease-in-out; 2077} 2078.fancyButton64.fancyButton:hover .text,.fancyButton64.fancyButton:focus .text,.fancyButton64.fancyButton:active .text,.fancyButton64.fancyButton.hover .text{ 2079 text-decoration: none; 2080 background-repeat: no-repeat; 2081 background-position: left top; 2082min-height:100%; 2083} 2084.fancyButton64.fancyButton .textStyle1{ 2085 color: rgb(255, 255, 255); 2086 font-size: 1.1em; 2087 font-family: Poppins; 2088 text-align: center; 2089 font-weight: 600; 2090 text-decoration: none; 2091display:block; 2092position:relative; 2093} 2094.fancyButton64 .textStyle1::after{ 2095position:absolute; 2096content:""; 2097left:50%; 2098bottom:-8px; 2099transform:translateX(-50%); 2100height:4px; 2101width:50px; 2102background:#D6C081; 2103border-radius:3px; 2104transition:all .3s ease-in-out; 2105} 2106.fancyButton64:is(:hover, :focus, :active) .textStyle1::after{ 2107width:75px;} 2108.fancyButton64.fancyButton:hover .textStyle1, .fancyButton64.fancyButton.hover .textStyle1{ 2109 text-decoration: none; 2110 2111} 2112.fancyButton64.fancyButton .textStyle2{ 2113 color: rgb(255, 255, 255); 2114 font-size: .9em; 2115 font-family: Poppins; 2116 font-weight: 500; 2117 text-decoration: none; 2118line-height:1.2; 2119line-height:0; 2120opacity:0; 2121padding:0em .75em; 2122transition:all .3s ease-in-out; 2123 2124} 2125.fancyButton64.fancyButton:hover .textStyle2, .fancyButton64.fancyButton.hover .textStyle2{ 2126 text-decoration: underline; 2127line-height:1.2; 2128opacity:1; 2129padding:.5em .75em; 2130margin-top:1.75em;} 2131</style> 2132 2133 </li><!-- 2134--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2135 --><li class="widgetItem GraphicLinks"> 2136 2137<div> 2138 <a href="/175/Business-License" target="_self" class="fancyButton fancyButton65 " > 2139 <span> 2140 <span><span class="text"><span class="textStyle1">Business License</span> <span class="textStyle2">Learn More</span></span></span> 2141 </span> 2142 </a> 2143</div> 2144 <style scoped="scoped">.fancyButton65.fancyButton:link,.fancyButton65.fancyButton:visited, .fancyButton65div.fancyButton{ 2145 background-image: url('/ImageRepository/Document?documentID=118'); 2146 background-repeat: no-repeat; 2147 background-position: center center; 2148box-shadow: 0px 3px 6px #00000029; 2149border-radius: 10px; 2150max-width:330px; 2151overflow:hidden; 2152margin:0 auto; 2153min-height:275px; 2154background-size:cover; 2155position:relative;} 2156.fancyButton65.fancyButton:hover,.fancyButton65.fancyButton:focus,.fancyButton65.fancyButton:active,.fancyButton65.fancyButton.hover{ 2157 background-repeat: no-repeat; 2158 background-position: center center; 2159} 2160.fancyButton65.fancyButton:link > span,.fancyButton65.fancyButton:visited > span, .fancyButton65div.fancyButton > span{ 2161} 2162.fancyButton65.fancyButton:hover > span,.fancyButton65.fancyButton:focus > span,.fancyButton65.fancyButton:active > span,.fancyButton65.fancyButton.hover > span{ 2163} 2164.fancyButton65.fancyButton .text{ 2165 padding-top: 5px; 2166 padding-bottom: 5px; 2167 padding-right: 10px; 2168 padding-left: 10px; 2169 text-decoration: none; 2170 background-color: rgba(183, 75, 42, 0.919); 2171 padding-top: 5px; 2172 padding-bottom: 5px; 2173 padding-right: 10px; 2174 padding-left: 10px; 2175 background-repeat: no-repeat; 2176 background-position: left top; 2177position:absolute; 2178left:0; 2179bottom:0; 2180width:100%; 2181min-height:85px; 2182display:flex; 2183line-height:1.2; 2184align-items:center; 2185justify-content:center; 2186flex-direction:column; 2187transition:all .3s ease-in-out; 2188} 2189.fancyButton65.fancyButton:hover .text,.fancyButton65.fancyButton:focus .text,.fancyButton65.fancyButton:active .text,.fancyButton65.fancyButton.hover .text{ 2190 text-decoration: none; 2191 background-repeat: no-repeat; 2192 background-position: left top; 2193min-height:100%; 2194} 2195.fancyButton65.fancyButton .textStyle1{ 2196 color: rgb(255, 255, 255); 2197 font-size: 1.1em; 2198 font-family: Poppins; 2199 text-align: center; 2200 font-weight: 600; 2201 text-decoration: none; 2202display:block; 2203position:relative; 2204} 2205.fancyButton65 .textStyle1::after{ 2206position:absolute; 2207content:""; 2208left:50%; 2209bottom:-8px; 2210transform:translateX(-50%); 2211height:4px; 2212width:50px; 2213background:#D6C081; 2214border-radius:3px; 2215transition:all .3s ease-in-out; 2216} 2217.fancyButton65:is(:hover, :focus, :active) .textStyle1::after{ 2218width:75px;} 2219.fancyButton65.fancyButton:hover .textStyle1, .fancyButton65.fancyButton.hover .textStyle1{ 2220 text-decoration: none; 2221 2222} 2223.fancyButton65.fancyButton .textStyle2{ 2224 color: rgb(255, 255, 255); 2225 font-size: .9em; 2226 font-family: Poppins; 2227 font-weight: 500; 2228 text-decoration: none; 2229line-height:1.2; 2230line-height:0; 2231opacity:0; 2232padding:0em .75em; 2233transition:all .3s ease-in-out; 2234 2235} 2236.fancyButton65.fancyButton:hover .textStyle2, .fancyButton65.fancyButton.hover .textStyle2{ 2237 text-decoration: underline; 2238line-height:1.2; 2239opacity:1; 2240padding:.5em .75em; 2241margin-top:1.75em;} 2242</style> 2243 2244 </li><!-- 2245--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2246 --><li class="widgetItem GraphicLinks"> 2247 2248<div> 2249 <a href="/295/Airport" target="_self" class="fancyButton fancyButton66 " > 2250 <span> 2251 <span><span class="text"><span class="textStyle1">
2251Airport</span> <span class="textStyle2">Learn More</span></span></span> 2252 </span> 2253 </a> 2254</div> 2255 <style scoped="scoped">.fancyButton66.fancyButton:link,.fancyButton66.fancyButton:visited, .fancyButton66div.fancyButton{ 2256 background-image: url('/ImageRepository/Document?documentID=116'); 2257 background-repeat: no-repeat; 2258 background-position: center center; 2259box-shadow: 0px 3px 6px #00000029; 2260border-radius: 10px; 2261max-width:330px; 2262overflow:hidden; 2263margin:0 auto; 2264min-height:275px; 2265background-size:cover; 2266position:relative;} 2267.fancyButton66.fancyButton:hover,.fancyButton66.fancyButton:focus,.fancyButton66.fancyButton:active,.fancyButton66.fancyButton.hover{ 2268 background-repeat: no-repeat; 2269 background-position: center center; 2270} 2271.fancyButton66.fancyButton:link > span,.fancyButton66.fancyButton:visited > span, .fancyButton66div.fancyButton > span{ 2272} 2273.fancyButton66.fancyButton:hover > span,.fancyButton66.fancyButton:focus > span,.fancyButton66.fancyButton:active > span,.fancyButton66.fancyButton.hover > span{ 2274} 2275.fancyButton66.fancyButton .text{ 2276 padding-top: 5px; 2277 padding-bottom: 5px; 2278 padding-right: 10px; 2279 padding-left: 10px; 2280 text-decoration: none; 2281 background-color: rgba(183, 75, 42, 0.919); 2282 padding-top: 5px; 2283 padding-bottom: 5px; 2284 padding-right: 10px; 2285 padding-left: 10px; 2286 background-repeat: no-repeat; 2287 background-position: left top; 2288position:absolute; 2289left:0; 2290bottom:0; 2291width:100%; 2292min-height:85px; 2293display:flex; 2294line-height:1.2; 2295align-items:center; 2296justify-content:center; 2297flex-direction:column; 2298transition:all .3s ease-in-out; 2299} 2300.fancyButton66.fancyButton:hover .text,.fancyButton66.fancyButton:focus .text,.fancyButton66.fancyButton:active .text,.fancyButton66.fancyButton.hover .text{ 2301 text-decoration: none; 2302 background-repeat: no-repeat; 2303 background-position: left top; 2304min-height:100%; 2305} 2306.fancyButton66.fancyButton .textStyle1{ 2307 color: rgb(255, 255, 255); 2308 font-size: 1.1em; 2309 font-family: Poppins; 2310 text-align: center; 2311 font-weight: 600; 2312 text-decoration: none; 2313display:block; 2314position:relative; 2315} 2316.fancyButton66 .textStyle1::after{ 2317position:absolute; 2318content:""; 2319left:50%; 2320bottom:-8px; 2321transform:translateX(-50%); 2322height:4px; 2323width:50px; 2324background:#D6C081; 2325border-radius:3px; 2326transition:all .3s ease-in-out; 2327} 2328.fancyButton66:is(:hover, :focus, :active) .textStyle1::after{ 2329width:75px;} 2330.fancyButton66.fancyButton:hover .textStyle1, .fancyButton66.fancyButton.hover .textStyle1{ 2331 text-decoration: none; 2332 2333} 2334.fancyButton66.fancyButton .textStyle2{ 2335 color: rgb(255, 255, 255); 2336 font-size: .9em; 2337 font-family: Poppins; 2338 font-weight: 500; 2339 text-decoration: none; 2340line-height:1.2; 2341line-height:0; 2342opacity:0; 2343padding:0em .75em; 2344transition:all .3s ease-in-out; 2345 2346} 2347.fancyButton66.fancyButton:hover .textStyle2, .fancyButton66.fancyButton.hover .textStyle2{ 2348 text-decoration: underline; 2349line-height:1.2; 2350opacity:1; 2351padding:.5em .75em; 2352margin-top:1.75em;} 2353</style> 2354 2355 </li><!-- 2356--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2357 --><li class="widgetItem GraphicLinks"> 2358 2359<div> 2360 <a href="/200/Bids-RFPs" target="_self" class="fancyButton fancyButton67 " > 2361 <span> 2362 <span><span class="text"><span class="textStyle1">Bids & RFPs</span> <span class="textStyle2">Learn More</span></span></span> 2363 </span> 2364 </a> 2365</div> 2366 <style scoped="scoped">.fancyButton67.fancyButton:link,.fancyButton67.fancyButton:visited, .fancyButton67div.fancyButton{ 2367 background-image: url('/ImageRepository/Document?documentID=11280'); 2368 background-repeat: no-repeat; 2369 background-position: center center; 2370box-shadow: 0px 3px 6px #00000029; 2371border-radius: 10px; 2372max-width:330px; 2373overflow:hidden; 2374margin:0 auto; 2375min-height:275px; 2376background-size:cover; 2377position:relative;} 2378.fancyButton67.fancyButton:hover,.fancyButton67.fancyButton:focus,.fancyButton67.fancyButton:active,.fancyButton67.fancyButton.hover{ 2379 background-repeat: no-repeat; 2380 background-position: center center; 2381} 2382.fancyButton67.fancyButton:link > span,.fancyButton67.fancyButton:visited > span, .fancyButton67div.fancyButton > span{ 2383} 2384.fancyButton67.fancyButton:hover > span,.fancyButton67.fancyButton:focus > span,.fancyButton67.fancyButton:active > span,.fancyButton67.fancyButton.hover > span{ 2385} 2386.fancyButton67.fancyButton .text{ 2387 padding-top: 5px; 2388 padding-bottom: 5px; 2389 padding-right: 10px; 2390 padding-left: 10px; 2391 text-decoration: none; 2392 background-color: rgba(183, 75, 42, 0.919); 2393 padding-top: 5px; 2394 padding-bottom: 5px; 2395 padding-right: 10px; 2396 padding-left: 10px; 2397 background-repeat: no-repeat; 2398 background-position: left top; 2399position:absolute; 2400left:0; 2401bottom:0; 2402width:100%; 2403min-height:85px; 2404display:flex; 2405line-height:1.2; 2406align-items:center; 2407justify-content:center; 2408flex-direction:column; 2409transition:all .3s ease-in-out; 2410} 2411.fancyButton67.fancyButton:hover .text,.fancyButton67.fancyButton:focus .text,.fancyButton67.fancyButton:active .text,.fancyButton67.fancyButton.hover .text{ 2412 text-decoration: none; 2413 background-repeat: no-repeat; 2414 background-position: left top; 2415min-height:100%; 2416} 2417.fancyButton67.fancyButton .textStyle1{ 2418 color: rgb(255, 255, 255); 2419 font-size: 1.1em; 2420 font-family: Poppins; 2421 text-align: center; 2422 font-weight: 600; 2423 text-decoration: none; 2424display:block; 2425position:relative; 2426} 2427.fancyButton67 .textStyle1::after{ 2428position:absolute; 2429content:""; 2430left:50%; 2431bottom:-8px; 2432transform:translateX(-50%); 2433height:4px; 2434width:50px; 2435background:#D6C081; 2436border-radius:3px; 2437transition:all .3s ease-in-out; 2438} 2439.fancyButton67:is(:hover, :focus, :active) .textStyle1::after{ 2440width:75px;} 2441.fancyButton67.fancyButton:hover .textStyle1, .fancyButton67.fancyButton.hover .textStyle1{ 2442 text-decoration: none; 2443 2444} 2445.fancyButton67.fancyButton .textStyle2{ 2446 color: rgb(255, 255, 255); 2447 font-size: .9em; 2448 font-family: Poppins; 2449 font-weight: 500; 2450 text-decoration: none; 2451line-height:1.2; 2452line-height:0; 2453opacity:0; 2454padding:0em .75em; 2455transition:all .3s ease-in-out; 2456 2457} 2458.fancyButton67.fancyButton:hover .textStyle2, .fancyButton67.fancyButton.hover .textStyle2{ 2459 text-decoration: underline; 2460line-height:1.2; 2461opacity:1; 2462padding:.5em .75em; 2463margin-top:1.75em;} 2464</style> 2465 2466 </li><!-- 2467--></ul></div><!-- --> 2468 </div> 2469 </nav> 2470 </div> 2471 <div class="widgetFooter"> 2472 </div> 2473</div> 2474</div> 2475 2476 </div> <!-- inner column --> 2477 2478 </div> <!-- inner row --> 2479 <div class="row nest last wide">� 2480 2481 <div class="inner col col24 first last id232d6a81-df6e-4ecc-97c9-ca4295d8f166" style="" data-widgetcontainerid="232d6a81-df6e-4ecc-97c9-ca4295d8f166">� 2482<div data-widget-id="ab6d6c54-f55e-4934-b42a-bccedf429d96" data-widget-controller-path="/GraphicLinks/Widget"> 2483 2484 2485 2486 2487<div id="graphicLinkWidgetab6d6c54-f55e-4934-b42a-bccedf429d96" class="widget widgetGraphicLinks skin60 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:75em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2488 <div class="widgetHeader"> 2489 <div class="">
2490 </div> 2491 </div> 2492 <div class="widgetBody cpGrid cpGrid4 "> 2493 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2494 <div class="row wide"> 2495 <!-- 2496--><div class="col col1 first "><ul class="semanticList"><!-- 2497 --><li class="widgetItem GraphicLinks"> 2498 2499<div> 2500 <a href="/162/Report-a-Concern" target="_self" class="fancyButton fancyButton68 " > 2501 <span> 2502 <span><span class="text"><span class="textStyle1">Report an Issue</span> <span class="textStyle2">Learn More</span></span></span> 2503 </span> 2504 </a> 2505</div> 2506 <style scoped="scoped">.fancyButton68.fancyButton:link,.fancyButton68.fancyButton:visited, .fancyButton68div.fancyButton{ 2507 background-image: url('/ImageRepository/Document?documentID=121'); 2508 background-repeat: no-repeat; 2509 background-position: center center; 2510box-shadow: 0px 3px 6px #00000029; 2511border-radius: 10px; 2512max-width:330px; 2513overflow:hidden; 2514margin:0 auto; 2515min-height:275px; 2516background-size:cover; 2517position:relative;} 2518.fancyButton68.fancyButton:hover,.fancyButton68.fancyButton:focus,.fancyButton68.fancyButton:active,.fancyButton68.fancyButton.hover{ 2519 background-repeat: no-repeat; 2520 background-position: center center; 2521} 2522.fancyButton68.fancyButton:link > span,.fancyButton68.fancyButton:visited > span, .fancyButton68div.fancyButton > span{ 2523} 2524.fancyButton68.fancyButton:hover > span,.fancyButton68.fancyButton:focus > span,.fancyButton68.fancyButton:active > span,.fancyButton68.fancyButton.hover > span{ 2525} 2526.fancyButton68.fancyButton .text{ 2527 padding-top: 5px; 2528 padding-bottom: 5px; 2529 padding-right: 10px; 2530 padding-left: 10px; 2531 text-decoration: none; 2532 background-color: rgba(183, 75, 42, 0.919); 2533 padding-top: 5px; 2534 padding-bottom: 5px; 2535 padding-right: 10px; 2536 padding-left: 10px; 2537 background-repeat: no-repeat; 2538 background-position: left top; 2539position:absolute; 2540left:0; 2541bottom:0; 2542width:100%; 2543min-height:85px; 2544display:flex; 2545line-height:1.2; 2546align-items:center; 2547justify-content:center; 2548flex-direction:column; 2549transition:all .3s ease-in-out; 2550} 2551.fancyButton68.fancyButton:hover .text,.fancyButton68.fancyButton:focus .text,.fancyButton68.fancyButton:active .text,.fancyButton68.fancyButton.hover .text{ 2552 text-decoration: none; 2553 background-repeat: no-repeat; 2554 background-position: left top; 2555min-height:100%; 2556} 2557.fancyButton68.fancyButton .textStyle1{ 2558 color: rgb(255, 255, 255); 2559 font-size: 1.1em; 2560 font-family: Poppins; 2561 text-align: center; 2562 font-weight: 600; 2563 text-decoration: none; 2564display:block; 2565position:relative; 2566} 2567.fancyButton68 .textStyle1::after{ 2568position:absolute; 2569content:""; 2570left:50%; 2571bottom:-8px; 2572transform:translateX(-50%); 2573height:4px; 2574width:50px; 2575background:#D6C081; 2576border-radius:3px; 2577transition:all .3s ease-in-out; 2578} 2579.fancyButton68:is(:hover, :focus, :active) .textStyle1::after{ 2580width:75px;} 2581.fancyButton68.fancyButton:hover .textStyle1, .fancyButton68.fancyButton.hover .textStyle1{ 2582 text-decoration: none; 2583 2584} 2585.fancyButton68.fancyButton .textStyle2{ 2586 color: rgb(255, 255, 255); 2587 font-size: .9em; 2588 font-family: Poppins; 2589 font-weight: 500; 2590 text-decoration: none; 2591line-height:1.2; 2592line-height:0; 2593opacity:0; 2594padding:0em .75em; 2595transition:all .3s ease-in-out; 2596 2597} 2598.fancyButton68.fancyButton:hover .textStyle2, .fancyButton68.fancyButton.hover .textStyle2{ 2599 text-decoration: underline; 2600line-height:1.2; 2601opacity:1; 2602padding:.5em .75em; 2603margin-top:1.75em;} 2604</style> 2605 2606 </li><!-- 2607--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2608 --><li class="widgetItem GraphicLinks"> 2609 2610<div> 2611 <a href="https://publicinput.com/lakehavasugeneralplan" target="_blank" class="fancyButton fancyButton69 " aria-label="General Plan Learn More Opens in new window"> 2612 <span> 2613 <span><span class="text"><span class="textStyle1">General Plan</span> <span class="textStyle2">Learn More</span></span></span> 2614 </span> 2615 </a> 2616</div> 2617 <style scoped="scoped">.fancyButton69.fancyButton:link,.fancyButton69.fancyButton:visited, .fancyButton69div.fancyButton{ 2618 background-image: url('/ImageRepository/Document?documentID=11967'); 2619 background-repeat: no-repeat; 2620 background-position: center center; 2621box-shadow: 0px 3px 6px #00000029; 2622border-radius: 10px; 2623max-width:330px; 2624overflow:hidden; 2625margin:0 auto; 2626min-height:275px; 2627background-size:cover; 2628position:relative;} 2629.fancyButton69.fancyButton:hover,.fancyButton69.fancyButton:focus,.fancyButton69.fancyButton:active,.fancyButton69.fancyButton.hover{ 2630 background-repeat: no-repeat; 2631 background-position: center center; 2632} 2633.fancyButton69.fancyButton:link > span,.fancyButton69.fancyButton:visited > span, .fancyButton69div.fancyButton > span{ 2634} 2635.fancyButton69.fancyButton:hover > span,.fancyButton69.fancyButton:focus > span,.fancyButton69.fancyButton:active > span,.fancyButton69.fancyButton.hover > span{ 2636} 2637.fancyButton69.fancyButton .text{ 2638 padding-top: 5px; 2639 padding-bottom: 5px; 2640 padding-right: 10px; 2641 padding-left: 10px; 2642 text-decoration: none; 2643 background-color: rgba(183, 75, 42, 0.919); 2644 padding-top: 5px; 2645 padding-bottom: 5px; 2646 padding-right: 10px; 2647 padding-left: 10px; 2648 background-repeat: no-repeat; 2649 background-position: left top; 2650position:absolute; 2651left:0; 2652bottom:0; 2653width:100%; 2654min-height:85px; 2655display:flex; 2656line-height:1.2; 2657align-items:center; 2658justify-content:center; 2659flex-direction:column; 2660transition:all .3s ease-in-out; 2661} 2662.fancyButton69.fancyButton:hover .text,.fancyButton69.fancyButton:focus .text,.fancyButton69.fancyButton:active .text,.fancyButton69.fancyButton.hover .text{ 2663 text-decoration: none; 2664 background-repeat: no-repeat; 2665 background-position: left top; 2666min-height:100%; 2667} 2668.fancyButton69.fancyButton .textStyle1{ 2669 color: rgb(255, 255, 255); 2670 font-size: 1.1em; 2671 font-family: Poppins; 2672 text-align: center; 2673 font-weight: 600; 2674 text-decoration: none; 2675display:block; 2676position:relative; 2677} 2678.fancyButton69 .textStyle1::after{ 2679position:absolute; 2680content:""; 2681left:50%; 2682bottom:-8px; 2683transform:translateX(-50%); 2684height:4px; 2685width:50px; 2686background:#D6C081; 2687border-radius:3px; 2688transition:all .3s ease-in-out; 2689} 2690.fancyButton69:is(:hover, :focus, :active) .textStyle1::after{ 2691width:75px;} 2692.fancyButton69.fancyButton:hover .textStyle1, .fancyButton69.fancyButton.hover .textStyle1{ 2693 text-decoration: none; 2694 2695} 2696.fancyButton69.fancyButton .textStyle2{ 2697 color: rgb(255, 255, 255); 2698 font-size: .9em; 2699 font-family: Poppins; 2700 font-weight: 500; 2701 text-decoration: none; 2702line-height:1.2; 2703line-height:0; 2704opacity:0; 2705padding:0em .75em; 2706transition:all .3s ease-in-out; 2707 2708} 2709.fancyButton69.fancyButton:hover .textStyle2, .fancyButton69.fancyButton.hover .textStyle2{ 2710 text-decoration: underline; 2711line-height:1.2; 2712opacity:1; 2713padding:.5em .75em; 2714margin-top:1.75em;} 2715</style> 2716 2717 </li><!-- 2718--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2719 --><li class="widgetItem GraphicLinks"> 2720 2721<div> 2722 <a href="/186/Municipal-Court" target="_self" class="fancyButton fancyButton70 " > 2723 <span> 2724 <span><span class="text"><span class="textStyle1">Municipal Court</span> <span class="textStyle2">Learn More</span></span></span> 2725 </span> 2726 </a> 2727</div> 2728 <style scoped="scoped">.fancyButton70.fancyButton:link,.fancyButton70.fancyButton:visited, .fancyButton70div.fancyButton{ 2729 background-image: url('/ImageRepository/Document?documentID=120'); 2730 background-repeat: no-repeat; 2731 background-position: center center; 2732box-shadow: 0px 3px 6px #00000029; 2733border-radius: 10px; 2734max-width:330px; 2735overflow:hidden; 2736margin:0 auto; 2737min-height:275px; 2738background-size:cover; 2739position:relative;} 2740.fancyButton70.fancyButton:hover,.fancyButton70.fancyButton:focus,.fancyButton70.fancyButton:active,.fancyButton70.fancyButton.hover{ 2741 background-repeat: no-repeat; 2742 background-position: center center; 2743} 2744.fancyButton70.fancyButton:link > span,.fancyButton70.fancyButton:visited > span, .fancyButton70div.fancyButton > span{ 2745} 2746.fancyButton70.fancyButton:hover > span,.fancyButton70.fancyButton:focus > span,.fancyButton70.fancyButton:active > span,.fancyButton70.fancyButton.hover > span{ 2747} 2748.fancyButton70.fancyButton .text{ 2749 padding-top: 5px; 2750 padding-bottom: 5px; 2751 padding-right: 10px; 2752 padding-left: 10px; 2753 text-decoration: none; 2754 background-color: rgba(183, 75, 42, 0.919); 2755 padding-top: 5px; 2756 padding-bottom: 5px; 2757 padding-right: 10px; 2758 padding-left: 10px; 2759 background-repeat: no-repeat; 2760 background-position: left top; 2761position:absolute; 2762left:0; 2763bottom:0; 2764width:100%; 2765min-height:85px; 2766display:flex; 2767line-height:1.2; 2768align-items:center; 2769justify-content:center; 2770flex-direction:column; 2771transition:all .3s ease-in-out; 2772} 2773.fancyButton70.fancyButton:hover .text,.fancyButton70.fancyButton:focus .text,.fancyButton70.fancyButton:active .text,.fancyButton70.fancyButton.hover .text{ 2774 text-decoration: none; 2775 background-repeat: no-repeat; 2776 background-position: left top; 2777min-height:100%; 2778} 2779.fancyButton70.fancyButton .textStyle1{ 2780 color: rgb(255, 255, 255); 2781 font-size: 1.1em; 2782 font-family: Poppins; 2783 text-align: center; 2784 font-weight: 600; 2785 text-decoration: none; 2786display:block; 2787position:relative; 2788} 2789.fancyButton70 .textStyle1::after{ 2790position:absolute; 2791content:""; 2792left:50%; 2793bottom:-8px; 2794transform:translateX(-50%); 2795height:4px; 2796width:50px; 2797background:#D6C081; 2798border-radius:3px; 2799transition:all .3s ease-in-out; 2800} 2801.fancyButton70:is(:hover, :focus, :active) .textStyle1::after{ 2802width:75px;} 2803.fancyButton70.fancyButton:hover .textStyle1, .fancyButton70.fancyButton.hover .textStyle1{ 2804 text-decoration: none; 2805 2806} 2807.fancyButton70.fancyButton .textStyle2{ 2808 color: rgb(255, 255, 255); 2809 font-size: .9em; 2810 font-family: Poppins; 2811 font-weight: 500; 2812 text-decoration: none; 2813line-height:1.2; 2814line-height:0; 2815opacity:0; 2816padding:0em .75em; 2817transition:all .3s ease-in-out; 2818 2819} 2820.fancyButton70.fancyButton:hover .textStyle2, .fancyButton70.fancyButton.hover .textStyle2{ 2821 text-decoration: underline; 2822line-height:1.2; 2823opacity:1; 2824padding:.5em .75em; 2825margin-top:1.75em;} 2826</style> 2827 2828 </li><!-- 2829--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2830 --><li class="widgetItem GraphicLinks"> 2831 2832<div> 2833 <a href="https://h2.maintstar.co/lakehavasu/Portal/#/" target="_blank" class="fancyButton fancyButton71 " aria-label="Permit License Portal Learn More Opens in new window"> 2834 <span> 2835 <span><span class="text"><span class="textStyle1">Permit License Portal</span> <span class="textStyle2">Learn More</span></span></span> 2836 </span> 2837 </a> 2838</div> 2839 <style scoped="scoped">.fancyButton71.fancyButton:link,.fancyButton71.fancyButton:visited, .fancyButton71div.fancyButton{ 2840 background-image: url('/ImageRepository/Document?documentID=123'); 2841 background-repeat: no-repeat; 2842 background-position: center center; 2843box-shadow: 0px 3px 6px #00000029; 2844border-radius: 10px; 2845max-width:330px; 2846overflow:hidden; 2847margin:0 auto; 2848min-height:275px; 2849background-size:cover; 2850position:relative;} 2851.fancyButton71.fancyButton:hover,.fancyButton71.fancyButton:focus,.fancyButton71.fancyButton:active,.fancyButton71.fancyButton.hover{ 2852 background-repeat: no-repeat; 2853 background-position: center center; 2854} 2855.fancyButton71.fancyButton:link > span,.fancyButton71.fancyButton:visited > span, .fancyButton71div.fancyButton > span{ 2856} 2857.fancyButton71.fancyButton:hover > span,.fancyButton71.fancyButton:focus > span,.fancyButton71.fancyButton:active > span,.fancyButton71.fancyButton.hover > span{ 2858} 2859.fancyButton71.fancyButton .text{ 2860 padding-top: 5px; 2861 padding-bottom: 5px; 2862 padding-right: 10px; 2863 padding-left: 10px; 2864 text-decoration: none; 2865 background-color: rgba(183, 75, 42, 0.919); 2866 padding-top: 5px; 2867 padding-bottom: 5px; 2868 padding-right: 10px; 2869 padding-left: 10px; 2870 background-repeat: no-repeat; 2871 background-position: left top; 2872position:absolute; 2873left:0; 2874bottom:0; 2875width:100%; 2876min-height:85px; 2877display:flex; 2878line-height:1.2; 2879align-items:center; 2880justify-content:center; 2881flex-direction:column; 2882transition:all .3s ease-in-out; 2883} 2884.fancyButton71.fancyButton:hover .text,.fancyButton71.fancyButton:focus .text,.fancyButton71.fancyButton:active .text,.fancyButton71.fancyButton.hover .text{ 2885 text-decoration: none; 2886 background-repeat: no-repeat; 2887 background-position: left top; 2888min-height:100%; 2889} 2890.fancyButton71.fancyButton .textStyle1{ 2891 color: rgb(255, 255, 255); 2892 font-size: 1.1em; 2893 font-family: Poppins; 2894 text-align: center; 2895 font-weight: 600; 2896 text-decoration: none; 2897display:block; 2898position:relative; 2899} 2900.fancyButton71 .textStyle1::after{ 2901position:absolute; 2902content:""; 2903left:50%; 2904bottom:-8px; 2905transform:translateX(-50%); 2906height:4px; 2907width:50px; 2908background:#D6C081; 2909border-radius:3px; 2910transition:all .3s ease-in-out; 2911} 2912.fancyButton71:is(:hover, :focus, :active) .textStyle1::after{ 2913width:75px;} 2914.fancyButton71.fancyButton:hover .textStyle1, .fancyButton71.fancyButton.hover .textStyle1{ 2915 text-decoration: none; 2916 2917} 2918.fancyButton71.fancyButton .textStyle2{ 2919 color: rgb(255, 255, 255); 2920 font-size: .9em; 2921 font-family: Poppins; 2922 font-weight: 500; 2923 text-decoration: none; 2924line-height:1.2; 2925line-height:0; 2926opacity:0; 2927padding:0em .75em; 2928transition:all .3s ease-in-out; 2929 2930} 2931.fancyButton71.fancyButton:hover .textStyle2, .fancyButton71.fancyButton.hover .textStyle2{ 2932 text-decoration: underline; 2933line-height:1.2; 2934opacity:1; 2935padding:.5em .75em; 2936margin-top:1.75em;} 2937</style> 2938 2939 </li><!-- 2940--></ul></div><!-- --> 2941 </div> 2942 </nav> 2943 </div> 2944 <div class="widgetFooter"> 2945 </div> 2946</div> 2947</div> 2948 2949 </div> <!-- inner column --> 2950 2951 </div> <!-- inner row --> 2952 2953 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2954 2955 2956 </div> 2957</div></div> 2958</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 2959<div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap flexTS"> 2960<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap flexTS"> 2961<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 2962<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
2962<script type='text/javascript'>$('#breadCrumbs').hide();</script>
2962</div><div data-cpRole="mainContentContainer" id="moduleContent"> 2963 2964 <div id="page" class="moduleContentNew"> 2965 2966 2967 <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> 2968 <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> 2969 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="2556" /> 2970 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> 2971 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> 2972 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 2973 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 2974 2975 2976 <div id="cc9b263b9d-a7e2-4e23-b747-b6d686e76be0" data-containerid="9b263b9d-a7e2-4e23-b747-b6d686e76be0" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="40" > 2977 2978 2979 2980 2981 </div> 2982 2983 </div> 2984 2985 2986 <div class="newCP"> 2987 2988 </div> 2989</div> 2990</div> 2991</div> 2992</div></div> 2993</div><!-- Carousel --><div data-cpRole="structuralContainer" id="homeContainer1"><div class="inner"> 2994<div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="cc282a27b8-1761-4455-92cf-775eb7d9954f" data-containerid="282a27b8-1761-4455-92cf-775eb7d9954f" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="63"> 2995 2996 2997 <div class="row outer wide"><!-- 2998--><div class="outer col col24 first last" style="" data-widgetcontainerid="c4bac141-db51-461b-9d6c-9e8e0081c7af">� 2999 <div class="row nest first wide">� 3000 3001 <div class="inner col col24 first last id9cbf198f-45f0-454f-a8bf-7cc0512dcfee" style="" data-widgetcontainerid="9cbf198f-45f0-454f-a8bf-7cc0512dcfee">� 3002 <div data-widget-id="7d4c8bae-6e84-4a7b-86ef-edde8d986824" data-widget-controller-path="/InfoAdvanced/Widget"> 3003 3004 3005 3006 3007 3008 <section id="divInfoAdv7d4c8bae-6e84-4a7b-86ef-edde8d986824" class="widget widgetInfoAdvanced skin58 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3009 <header class="widgetHeader" id="header7d4c8bae-6e84-4a7b-86ef-edde8d986824"> 3010 <div class=""> 3011 </div> 3012 </header> 3013 <div class="widgetBody cpGrid cpGrid1 "> 3014 <div class="row wide"> 3015 <div class="col col1 first last"> 3016 <ol class="pageStyles semanticList"> 3017 3018<li class="InfoAdvanced widgetItem fr-view"> 3019 <h2 class="subhead1">News Flash</h2> 3020</li> 3021<li class="InfoAdvanced widgetItem fr-view"> 3022 <p>Stay up to date</p> 3023</li> </ol> 3024 </div> 3025 </div> 3026 </div> 3027 <div class="widgetFooter"> 3028 3029 </div> 3030 3031 </section> 3032 3033 3034
3035<script type="text/javascript"> 3036 //Render slideshow if info advacned items contain one. 3037 $(document).ready(function (e) { 3038 $('#divInfoAdv7d4c8bae-6e84-4a7b-86ef-edde8d986824 .InfoAdvanced.widgetItem').each(function () { 3039 renderSlideshowIfApplicable($(this)); 3040 }); 3041 }); 3042</script>
3042</div> 3043 </div> <!-- inner column --> 3044 3045 </div> <!-- inner row --> 3046 <div class="row nest last wide">� 3047 3048 <div class="inner col col24 first last ide38cabf2-04d2-423d-bf60-f2ad23c9c26e" style="" data-widgetcontainerid="e38cabf2-04d2-423d-bf60-f2ad23c9c26e">� 3049<div data-widget-id="b60b5be3-6c6e-4156-b70a-660a0b052dfa" data-widget-controller-path="/NewsFlash/Widget"> 3050
3050<script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script>
3050 3051
3051<script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script>
3051 3052 3053 3054 3055 3056 3057 3058 3059 3060 3061 3062 3063 3064 3065 3066 3067 <section class="widget widgetNewsFlash skin61 widgetOptionSet42 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashb60b5be3-6c6e-4156-b70a-660a0b052dfa" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> 3068 <div class="widgetBody cpGrid cpGrid4 "> 3069 3070 3071 3072 3073<div class="cpCarousel cpCarouselb60b5be3-6c6e-4156-b70a-660a0b052dfa"> 3074 <div class="cpWindow cpWindowb60b5be3-6c6e-4156-b70a-660a0b052dfa"> 3075 <ol class="semanticList cpSlider"> 3076 <li class="widgetItem" data-index="0"> 3077 <a href="/CivicAlerts.aspx?AID=101" target="_self"><img class="media" src="/ImageRepository/Document?documentID=11692" alt="Political-Signs" data-delayed-image="" /></a> 3078 <div class="text"> 3079 <h2 id="newsFlashItemHeader101" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=101" target="_self">Lake Havasu City General Election â November 3, 2026 </a> 3080</h2> <div class="widgetDesc"> 3081A reminder: Lake Havasu City is holding a General Election on Tuesday, November 3, 2026, to elect one Councilmember and to propose to the voters ratification of the 2026 Lake Havasu City General Plan: Shaping Our Future. <a id="newsFlashReadOn101" href="/CivicAlerts.aspx?AID=101" target="_self" class="readOn" aria-label="Read on...: Lake Havasu City General Election â November 3, 2026">Read on...</a> 3082 </div> 3083 3084 </div> 3085 </li> 3086 <li class="widgetItem" data-index="1"> 3087 <a href="/CivicAlerts.aspx?AID=100" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=12005" alt="Freedom-Bridge" data-delayed-image="" /></a> 3088 <div class="text"> 3089 <h2 id="newsFlashItemHeader100" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=100" target="_self">Community Invited to Freedom Bridge Groundbreaking Ceremony </a> 3090</h2> <div class="widgetDesc"> 3091Save the Date!! Lake Havasu City invites residents, community partners, and members of the public to attend the Freedom Bridge Groundbreaking Ceremony on Tuesday, October 13, 2026, at 8:30 a.m. <a id="newsFlashReadOn100" href="/CivicAlerts.aspx?AID=100" target="_self" class="readOn" aria-label="Read on...: Community Invited to Freedom Bridge Groundbreaking Ceremony">Read on...</a> 3092 </div> 3093 3094 </div> 3095 </li> 3096 <li class="widgetItem" data-index="2"> 3097 <a href="/CivicAlerts.aspx?AID=99" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=11664" alt="Coffee-With-the-Mayor-and-City-Manager" data-delayed-image="" /></a> 3098 <div class="text">
3099 <h2 id="newsFlashItemHeader99" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=99" target="_self">Coffee with the Mayor and City Manager </a> 3100</h2> <div class="widgetDesc"> 3101Lake Havasu City invites residents to pull up a chair and join the conversation at the next Coffee with the Mayor and City Manager on Friday, October 2, from 8:30 a.m. to 10:00 a.m. in the Council Chambers at 92 Acoma Boulevard South. <a id="newsFlashReadOn99" href="/CivicAlerts.aspx?AID=99" target="_self" class="readOn" aria-label="Read on...: Coffee with the Mayor and City Manager">Read on...</a> 3102 </div> 3103 3104 </div> 3105 </li> 3106 <li class="widgetItem" data-index="3"> 3107 <a href="/CivicAlerts.aspx?AID=97" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=11163" alt="LHC-Fire-Department" data-delayed-image="" /></a> 3108 <div class="text"> 3109 <h2 id="newsFlashItemHeader97" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=97" target="_self">Residential Fire </a> 3110</h2> <div class="widgetDesc"> 3111At approximately 4:38 pm on Thursday, September 17, 2026, a fire was reported by the homeowner in the 3800 block of Deerpath Drive. <a id="newsFlashReadOn97" href="/CivicAlerts.aspx?AID=97" target="_self" class="readOn" aria-label="Read on...: Residential Fire">Read on...</a> 3112 </div> 3113 3114 </div> 3115 </li> 3116 <li class="widgetItem" data-index="4"> 3117 <a href="/CivicAlerts.aspx?AID=96" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=11931" alt="ActiveNET" data-delayed-image="" /></a> 3118 <div class="text"> 3119 <h2 id="newsFlashItemHeader96" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=96" target="_self">Lake Havasu City Launches New Parks and Recreation Registration System </a> 3120</h2> <div class="widgetDesc"> 3121Lake Havasu City Parks and Recreation is launching a new online registration and reservation system designed to make it easier for residents to access programs, activities, and facility reservations. <a id="newsFlashReadOn96" href="/CivicAlerts.aspx?AID=96" target="_self" class="readOn" aria-label="Read on...: Lake Havasu City Launches New Parks and Recreation Registration System">Read on...</a> 3122 </div> 3123 3124 </div> 3125 </li> 3126 <li class="widgetItem" data-index="5"> 3127 <a href="/CivicAlerts.aspx?AID=95" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=11924" alt="Emergency-Vehicle-Training" data-delayed-image="" /></a> 3128 <div class="text"> 3129 <h2 id="newsFlashItemHeader95" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=95" target="_self">Lake Havasu City to Host Emergency Vehicle Technician Training </a> 3130</h2> <div class="widgetDesc"> 3131Lake Havasu City hosts Emergency Vehicle Technician (EVT) training September 30 through October 8, 2026. <a id="newsFlashReadOn95" href="/CivicAlerts.aspx?AID=95" target="_self" class="readOn" aria-label="Read on...: Lake Havasu City to Host Emergency Vehicle Technician Training">Read on...</a> 3132 </div> 3133 3134 </div> 3135 </li> 3136 <li class="widgetItem" data-index="6"> 3137 <a href="/CivicAlerts.aspx?AID=92" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=7571" alt="Lake Havasu City Police Vehicle on the London Bridge" data-delayed-image="" /></a> 3138 <div class="text"> 3139 <h2 id="newsFlashItemHeader92" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=92" target="_self">LHCPD Labor Day Holiday Weekend Statistics </a> 3140</h2> <div class="widgetDesc"> 3141The Lake Havasu City Police Department (LHCPD) has released its Labor Day Holiday weekend statistics from Friday, September 4, 2026, to Monday, September 7, 2026. <a id="newsFlashReadOn92" href="/CivicAlerts.aspx?AID=92" target="_self" class="readOn" aria-label="Read on...: LHCPD Labor Day Holiday Weekend Statistics">Read on...</a> 3142 </div> 3143 3144 </div> 3145 </li> 3146 <li class="widgetItem" data-index="7"> 3147 <a href="/CivicAlerts.aspx?AID=91" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=11567" alt="Lake-Havasu-City-Fire-Department" data-delayed-image="" /></a> 3148 <div class="text"> 3149 <h2 id="newsFlashItemHeader91" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=91" target="_self">Sandwood Drive Apartment Complex Fire </a> 3150</h2> <div class="widgetDesc"> 3151At approximately 7:00 p.m. on Thursday, September 10, 2026, multiple callers reported a fire in the 2200 block of Sandwood Drive. <a id="newsFlashReadOn91" href="/CivicAlerts.aspx?AID=91" target="_self" class="readOn" aria-label="Read on...: Sandwood Drive Apartment Complex Fire">Read on...</a> 3152 </div> 3153 3154 </div> 3155 </li> 3156 <li class="widgetItem" data-index="8"> 3157 <a href="/CivicAlerts.aspx?AID=86" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=11777" alt="Site-6-Solar-Power-Dock-Lighting" data-delayed-image="" /></a> 3158 <div class="text"> 3159 <h2 id="newsFlashItemHeader86" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=86" target="_self">Site Six Reopens with New Solar-Powered Dock Lighting </a> 3160</h2> <div class="widgetDesc"> 3161Lake Havasu City announces that the Site Six fishing dock is fully open for public use following the completion of lighting improvements. <a id="newsFlashReadOn86" href="/CivicAlerts.aspx?AID=86" target="_self" class="readOn" aria-label="Read on...: Site Six Reopens with New Solar-Powered Dock Lighting">Read on...</a> 3162 </div> 3163 3164 </div> 3165 </li> 3166 <li class="widgetItem" data-index="9"> 3167 <a href="/CivicAlerts.aspx?AID=80" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=11692" alt="Political-Signs" data-delayed-image="" /></a> 3168 <div class="text"> 3169 <h2 id="newsFlashItemHeader80" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=80" target="_self">When and Where can Political Signs be Placed? </a> 3170</h2> <div class="widgetDesc"> 3171Lake Havasu City would like to remind political candidates and property owners of the upcoming deadline for removing political signs. <a id="newsFlashReadOn80" href="/CivicAlerts.aspx?AID=80" target="_self" class="readOn" aria-label="Read on...: When and Where can Political Signs be Placed?">Read on...</a> 3172 </div> 3173 3174 </div> 3175 </li> 3176 3177 </ol> 3178 </div> 3179</div>
3180<script type="text/javascript"> 3181 // <!-- 3182 window.$ = window.$ || window.parent.$; 3183 3184 $(window).on('load', function () { 3185 //Wait for the DOM to load completely before executing carousel logic since its all based on carousel width which wont come out correct until the DOM has loaded. Vishal 3186 if(!window.carouselsToInit){ 3187 window.carouselsToInit = new Array(); 3188 } 3189 var widgetNewsFlashb60b5be36c6e4156b70a660a0b052dfa = function() 3190 { 3191 var widgetWindow = $('#widgetNewsFlashb60b5be3-6c6e-4156-b70a-660a0b052dfa').find('.cpWindow')[0]; 3192 if(widgetWindow){ 3193 if(widgetWindow.clientWidth != 0){ 3194 window.setTimeout(function(){ 3195 $('#widgetNewsFlashb60b5be3-6c6e-4156-b70a-660a0b052dfa').adaptiveCarousel({ 3196 minSlideWidth: 200, 3197 maxSlideWidth: 350, 3198 gutterWidth: 40, 3199 circular: true, 3200 teaser: false, 3201 transitionTiming: 500, 3202 noImageRequired: false 3203 }); 3204 }, 250); 3205 var index = window.carouselsToInit.indexOf(widgetNewsFlashb60b5be36c6e4156b70a660a0b052dfa); 3206 if (index > -1) { 3207 window.carouselsToInit.splice(index, 1); 3208 } 3209 } 3210 } 3211 } 3212 var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlashb60b5be36c6e4156b70a660a0b052dfa); 3213 if (indexCarouselsToInit === -1) { 3214 window.carouselsToInit.push(widgetNewsFlashb60b5be36c6e4156b70a660a0b052dfa); 3215 } 3216 3217 if (window.carouselsToInit) { 3218 window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); }); 3219 } 3220 3221 if (window.Pages.onResizeHandlers){ 3222 window.Pages.onResizeHandlers.forEach(function(car){car();}); 3223 } 3224 }); 3225 3226 if (Modernizr.touch) { 3227 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 3228 $.when($pages.rwdReady).done(function () { 3229 //only for responsive sites 3230 if (typeof($$) !== 'undefined') { 3231 $$('#widgetNewsFlashb60b5be3-6c6e-4156-b70a-660a0b052dfa').on('swipeRight', function (e, a) { 3232 $(this).adaptiveCarousel("moveBack"); 3233 }); 3234 $$('#widgetNewsFlashb60b5be3-6c6e-4156-b70a-660a0b052dfa').on('swipeLeft', function (e) { 3235 $(this).adaptiveCarousel("moveForward"); 3236 }); 3237 } 3238 }); 3239 } 3240 // --> 3241</script>
3241 3242 3243 <a id="newsFlashViewAllb60b5be3-6c6e-4156-b70a-660a0b052dfa" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1">View All News</a> 3244 </div> 3245 <div class="widgetFooter"> 3246 </div> 3247 <div class="addItemModal hidden"> 3248 <div class="url hidden">/CivicAlerts.aspx</div> 3249 </div> 3250 3251 </section> 3252 3253 3254 3255 3256 3257 3258 3259 3260</div> 3261 </div> <!-- inner column --> 3262 3263 </div> <!-- inner row --> 3264 3265 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3266 3267 3268 </div> 3269</div></div></div> 3270</div><!-- Calendar --><div data-cpRole="structuralContainer" id="homeContainer2"><div class="inner"><div class="inner"> 3271<div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="cccb7d6e63-3a6a-4726-bb00-93062a5c17f5" data-containerid="cb7d6e63-3a6a-4726-bb00-93062a5c17f5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="63"> 3272 3273 3274 <div class="row outer wide"><!-- 3275--><div class="outer col col24 first last" style="" data-widgetcontainerid="8910d7da-1ccc-4c69-8429-95cee42ec27b">� 3276 <div class="row nest first last wide">� 3277 3278 <div class="inner col col24 first last id37aa01a1-8253-4df1-9eeb-9f94a1362c90" style="" data-widgetcontainerid="37aa01a1-8253-4df1-9eeb-9f94a1362c90">� 3279 <div data-widget-id="30947023-c517-4b1d-9b24-9930dd14a104" data-widget-controller-path="/InfoAdvanced/Widget"> 3280 3281 3282 3283 3284 3285 <section id="divInfoAdv30947023-c517-4b1d-9b24-9930dd14a104" class="widget widgetInfoAdvanced skin59 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3286 <header class="widgetHeader" id="header30947023-c517-4b1d-9b24-9930dd14a104"> 3287 <div class=""> 3288 </div> 3289 </header> 3290 <div class="widgetBody cpGrid cpGrid1 "> 3291 <div class="row wide"> 3292 <div class="col col1 first last"> 3293 <ol class="pageStyles semanticList"> 3294 3295<li class="InfoAdvanced widgetItem fr-view"> 3296 <h2 class="subhead1">Upcoming Events</h2> 3297</li> 3298<li class="InfoAdvanced widgetItem fr-view"> 3299 <p>Mark your Calendar</p> 3300</li> </ol> 3301 </div> 3302 </div> 3303 </div> 3304 <div class="widgetFooter"> 3305 3306 </div> 3307 3308 </section> 3309 3310 3311
3312<script type="text/javascript"> 3313 //Render slideshow if info advacned items contain one. 3314 $(document).ready(function (e) { 3315 $('#divInfoAdv30947023-c517-4b1d-9b24-9930dd14a104 .InfoAdvanced.widgetItem').each(function () { 3316 renderSlideshowIfApplicable($(this)); 3317 }); 3318 }); 3319</script>
3319</div> 3320 </div> <!-- inner column --> 3321 3322 </div> <!-- inner row --> 3323 3324 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3325 <div class="row outer wide"><!-- 3326--><div class="outer col col10 first" style="" data-widgetcontainerid="306dc790-520a-4b12-9fca-37df678fe4fb">� 3327 <div class="row nest first last wide">� 3328 3329 <div class="inner col col10 first last id2ca34b82-ddef-409d-82fc-8ca1f285955a" style="" data-widgetcontainerid="2ca34b82-ddef-409d-82fc-8ca1f285955a">� 3330 3331 <div class="widget slideShow skin63" role="region" aria-label="Slideshow" id="slideshowe5c9b7e1-2603-474c-b506-58465dd830da" aria-haspopup="false" data-widgetID="e5c9b7e1-2603-474c-b506-58465dd830da"> 3332 <input type="hidden" class="slideTiming" value="5"/> 3333 <input type="hidden" class="transitionTiming" value="1"/> 3334 <input type="hidden" class="hdnSlideshowUniqueID" value="546" /> 3335 <div id="divSlideshow546" class="cpSlideshow widgetBody cpSlideshowJS546 narrow"> 3336 <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" />
3337<script src="/-823076099.js" type="text/javascript"></script>
3337 3338 <div class="cpWindow cpWindowJS546 "> 3339 <ol class="semanticList cpSlider fade cpSliderJS546"> 3340 <li class="hidden" id="546_2435" data-index="0" aria-hidden="true"> 3341 3342 <a href="/627/Water-System-Overview" target="_self"> 3343 3344 <img src="/ImageRepository/Document?documentID=11938" class="" alt="Water-System-Overview" title="Water-System-Overview" data-delayed-image="" style="height: 1px" /> 3345 3346 <div name="captionOverlay_546" class="overlay inset bottom itemCaption"> 3347 3348 <div class="overlayInner"> 3349 3350 <h4 class="widgetTitle">Lake Havasu City Water Division: System & Infrastructure Update</h4> 3351 <p class="widgetDesc widgetItem">A look at our water system, infrastructure investments, data-driven planning, and efforts to maintain reliable water service for the community.</p> 3352 </div> 3353 </div> 3354 </a> 3355 </li> 3356 <li class="hidden" id="546_2436" data-index="1" aria-hidden="true"> 3357 3358 <a href="/626/Pavement-Management-Program" target="_self"> 3359 3360 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=11937" class="" alt="Pavement-Management-Program" title="Pavement-Management-Program" data-delayed-image="" style="height: 1px" /> 3361 3362 <div name="captionOverlay_546" class="overlay inset bottom itemCaption"> 3363 3364 <div class="overlayInner"> 3365 3366 <h4 class="widgetTitle">10 Year Pavement Management Program</h4> 3367 <p class="widgetDesc widgetItem">A look at Lake Havasu Cityâs roadway network, pavement condition, maintenance investments, and long-term preservation strategy.</p> 3368 </div> 3369 </div> 3370 </a> 3371 </li> 3372 </ol> 3373 <div class="contentSlideshowControls"> 3374 <button class="arrowNew next nextJS546 " aria-label="Next Slide" style="" role="button" onclick="return false;"> 3375 <svg style="color:#fff; background:#4870a8;
3375" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> 3376 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> 3377 </svg> 3378 </button> 3379 <button class="arrowNew prev prevJS546 " aria-label="Previous Slide" style="" role="button" onclick="return false;"> 3380 <svg style="color:#fff; background:#4870a8;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> 3381 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> 3382 </svg> 3383 </button> 3384 </div> 3385 3386 3387 </div> 3388 <ol class="semanticList pager dots"> 3389 <li class="active" id="dot546_2435"> 3390 <a href="#targetImage" aria-label="Mapping dot for slide number 1" role="button" onclick=" return false; " class="dotJS546" data-targetImageli="546_2435" data-dotNumber="1"> 3391 1 3392 <span class="visuallyhidden">Water-System-Overview</span> 3393 </a> 3394 3395 </li> 3396 <li class="" id="dot546_2436"> 3397 <a href="#targetImage" aria-label="Mapping dot for slide number 2" role="button" onclick=" return false; " class="dotJS546" data-targetImageli="546_2436" data-dotNumber="2"> 3398 2 3399 <span class="visuallyhidden">Pavement-Management-Program</span> 3400 </a> 3401 3402 </li> 3403 </ol> 3404 <div class=""> 3405 <div class="ssPlayPause" style=""> 3406 <button id="ssPause-btn-546" class="ssPause-btn alignRight" aria-label="Pause Slideshow"> 3407 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff" style="background: #4870a8"> 3408 <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z" /> 3409 <path d="M0 0h24v24H0z" fill="none" /> 3410 </svg> 3411 </button> 3412 <button id="ssPlay-btn-546" class="ssPlay-btn alignRight" aria-label="Play Slideshow"> 3413 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff" style="background: #4870a8"> 3414 <path d="M8 5v14l11-7z" /> 3415 <path d="M0 0h24v24H0z" fill="none" /> 3416 </svg> 3417 </button> 3418 </div> 3419 </div> 3420 <div aria-live="polite" aria-atomic="true" class="liveRegionJS546 visuallyhidden"></div> 3421
3421<script type="text/javascript"> 3422 // <!-- 3423 var $1 = typeof $ == 'undefined' ? window.parent.$ : $; 3424 $1(document).ready(function () { 3425 new Slideshow().generate('546','1','5',false,false,0); 3426 $('#ssPlay-btn-546').addClass('isHidden'); 3427 }); 3428 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 3429 $1.when($pages.rwdReady).done(function () { 3430 var divSlideshowID = 'divSlideshow546'; 3431 var mediaQuerySize = 25; 3432 if (mediaQuerySize == 0) 3433 mediaQuerySize = 25; //default for not widget slide show 3434 var mediaElementQuery = '#' + divSlideshowID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 3435 var $cpMedia = typeof window.cpMedia == 'undefined' ? window.parent.cpMedia : window.cpMedia; 3436 var $divSlideShow = $('#' + divSlideshowID); 3437 var $arrows = $divSlideShow.find('a.arrow'); 3438 var $arrowsNew = $divSlideShow.find('a.arrowNew'); 3439 var $divExternalSlideshow = $('.bannerSlideshowControlsNew').last(); 3440 var $overlays = $(document.getElementsByName('captionOverlay_546')); 3441 3442 if(window.isMobileBrowserIncludingTablets){ 3443 $overlays.each(function (overlay) { 3444 $(overlay).removeClass('overlay') 3445 }); 3446 } 3447 3448 $cpMedia.unregister(mediaElementQuery) 3449 .register(mediaElementQuery, 3450 { 3451 deferSetup: false, 3452 setup: function () { 3453 cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); 3454 $divSlideShow.removeClass('wide').addClass('narrow'); 3455 if ($divExternalSlideshow.length > 0) { 3456 $divExternalSlideshow.hide(); 3457 } 3458 if ($arrows.length > 0) { 3459 $arrows.hide(); 3460 if (typeof ($$) !== 'undefined') { 3461 $$('#' + divSlideshowID) 3462 .on('swipeRight', 3463 function (e, a) { 3464 $arrows.filter('.prev').click(); 3465 }); 3466 $$('#' + divSlideshowID) 3467 .on('swipeLeft', 3468 function (e) { 3469 $arrows.filter('.next').click(); 3470 }); 3471 } 3472 } 3473 if ($arrowsNew.length > 0) { 3474 3475 if (!(true && !window.isMobileBrowserIncludingTablets)) { 3476 $arrowsNew.hide(); 3477 } 3478 if (typeof ($$) !== 'undefined') { 3479 $$('#' + divSlideshowID) 3480 .on('swipeRight', 3481 function (e, a) { 3482 $arrowsNew.filter('.prev').click(); 3483 }); 3484 $$('#' + divSlideshowID) 3485 .on('swipeLeft', 3486 function (e) { 3487 $arrowsNew.filter('.next').click(); 3488 }); 3489 } 3490 } 3491 if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { 3492 if (2 == 1) { 3493 $overlays.hide(); 3494 } else if (2 == 2) { 3495 $overlays.removeClass('overlay'); 3496 } 3497 } 3498 }, 3499 match: function () { 3500 cpMedia.diag('$(element).addClass("wide"), mediaQuery: ' + mediaElementQuery); 3501 $divSlideShow.addClass('wide').removeClass('narrow'); 3502 if ($divExternalSlideshow.length > 0 && !$divExternalSlideshow.hasClass('none')) { 3503 $divExternalSlideshow.show(); 3504 } 3505 if ($arrows.length > 0) { 3506 $arrows.show(); 3507 if (typeof ($$) !== 'undefined') { 3508 $$('#' + divSlideshowID).off('swipeRight'); 3509 $$('#' + divSlideshowID).off('swipeLeft'); 3510 } 3511 } 3512 if ($arrowsNew.length > 0) { 3513 $arrowsNew.show(); 3514 if (typeof ($$) !== 'undefined') { 3515 $$('#' + divSlideshowID).off('swipeRight'); 3516 $$('#' + divSlideshowID).off('swipeLeft'); 3517 } 3518 } 3519 if ($overlays.length > 0) { 3520 if (2 == 1) { 3521 $overlays.show(); 3522 } else if (2 == 2 && !window.isMobileBrowserIncludingTablets) { 3523 $overlays.addClass('overlay'); 3524 } 3525 } 3526 }, 3527 unmatch: function () { 3528 cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); 3529 $divSlideShow.removeClass('wide').addClass('narrow'); 3530 if ($divExternalSlideshow.length > 0) { 3531 $divExternalSlideshow.hide(); 3532 } 3533 if ($arrows.length > 0) { 3534 $arrows.hide(); 3535 3536 if (typeof ($$) !== 'undefined') { 3537 $$('#' + divSlideshowID).on('swipeRight', function (e) { 3538 $arrows.filter('.prev').click(); 3539 });
3540 $$('#' + divSlideshowID).on('swipeLeft', function (e) { 3541 $arrows.filter('.next').click(); 3542 }); 3543 } 3544 } 3545 if ($arrowsNew.length > 0) { 3546 if (typeof ($$) !== 'undefined') { 3547 $$('#' + divSlideshowID).on('swipeRight', function (e) { 3548 $arrowsNew.filter('.prev').click(); 3549 }); 3550 $$('#' + divSlideshowID).on('swipeLeft', function (e) { 3551 $arrowsNew.filter('.next').click(); 3552 }); 3553 } 3554 } 3555 if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { 3556 if (2 == 1) { 3557 $overlays.hide(); 3558 } else if (2 == 2) { 3559 $overlays.removeClass('overlay'); 3560 } 3561 } 3562 } 3563 }); 3564 }); 3565 // --> 3566 </script>
3566 3567 3568 3569 </div> 3570
3571<script type="text/javascript"> 3572 (function () { 3573 const widgetHandlers = function (e) { 3574 $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { 3575 var $this = $(this); 3576 // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 3577 // This came about, because we needed to use slider images to trigger options. - JE 3578 if ($this.parent().hasClass('cpSlider')) { 3579 $this = $this.closest('.widget.slideShow').siblings('.handle.options'); 3580 } 3581 3582 //Set values for global variables for slideshow. 3583 if ($this.attr('data-widgetID').length !== 0) { 3584 parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); 3585 } 3586 callbackfnSlideshowSave = null; 3587 var pageID = ContentCollectionInstance.PageID; 3588 var moduleID = ContentCollectionInstance.ModuleID; 3589 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 3590 //Set slideshow widgetID 3591 ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); 3592 $popUp_Slideshow = openCpModal({ 3593 title: 'Slideshow', 3594 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 3595 isFrontEnd: false, 3596 useIframe: false, 3597 draggable: true, 3598 url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs 3599 }); 3600 }); 3601 3602 $('.slideshowOptions.empty').unbind('click').click(function (e) { 3603 var $this = $(this); 3604 parentID_Slideshow = $this.parents('.slideShow').attr('id'); 3605 var pageID = ContentCollectionInstance.PageID; 3606 var moduleID = ContentCollectionInstance.ModuleID; 3607 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 3608 ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); 3609 $popUp_Slideshow = openCpModal({ 3610 title: 'Slideshow', 3611 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 3612 isFrontEnd: false, 3613 useIframe: false, 3614 draggable: true, 3615 url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs 3616 }); 3617 }); 3618 }; 3619 3620 if (document.readyState === "complete" 3621 || document.readyState === "loaded" 3622 || document.readyState === "interactive") { 3623 widgetHandlers(); 3624 return; 3625 } 3626 3627 document.addEventListener("DOMContentLoaded", widgetHandlers); 3628 })(); 3629</script>
3629 3630 </div> 3631 3632
3633<script type="text/javascript"> 3634 function SlideshowWidgetCallback(widgetID, response) { 3635 if (window.ContentCollectionInstance.IsWorkingCopy) { 3636 //Remove this field since the partial view adds it back. 3637 $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); 3638 if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) 3639 $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); 3640 else 3641 $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); 3642 3643 contentUpdated(); 3644 } 3645 else { 3646 ContentCollectionInstance.reloadContent(); 3647 } 3648 3649 $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { 3650 var $this = $(this); 3651 // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 3652 // This came about, because we needed to use slider images to trigger options. - JE 3653 if ($this.parent().hasClass('cpSlider')) { 3654 $this = $this.closest('.widget.slideShow').siblings('.handle.options'); 3655 } 3656 3657 //Set values for global variables for slideshow. 3658 if ($this.attr('data-widgetID').length !== 0) { 3659 parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); 3660 } 3661 callbackfnSlideshowSave = null; 3662 var pageID = ContentCollectionInstance.PageID; 3663 var moduleID = ContentCollectionInstance.ModuleID; 3664 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 3665 //Set slideshow widgetID 3666 ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); 3667 $popUp_Slideshow = openCpModal({ 3668 title: 'Slideshow', 3669 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 3670 isFrontEnd: false, 3671 useIframe: false, 3672 draggable: true, 3673 url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs 3674 }); 3675 }); 3676 3677 $('.slideshowOptions.empty').unbind('click').click(function (e) { 3678 var $this = $(this); 3679 parentID_Slideshow = $this.parents('.slideShow').attr('id'); 3680 var pageID = ContentCollectionInstance.PageID; 3681 var moduleID = ContentCollectionInstance.ModuleID; 3682 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 3683 ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); 3684 $popUp_Slideshow = openCpModal({ 3685 title: 'Slideshow', 3686 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 3687 isFrontEnd: false, 3688 useIframe: false, 3689 draggable: true, 3690 url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs 3691 }); 3692 }); 3693 } 3694 3695 (function (){ 3696 const widgetHandlers = function () { 3697 var hasEditRights = false; 3698 if (window.File && window.FileList && window.FileReader && hasEditRights) { 3699 var SlideshowWidget = 3; 3700 makeWidgetAreaDroppable('e5c9b7e1-2603-474c-b506-58465dd830da', $('#slideshow' + 'e5c9b7e1-2603-474c-b506-58465dd830da'), SlideshowWidget, true, SlideshowWidgetCallback); 3701 } 3702 3703 if(hasEditRights) 3704 browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + 'e5c9b7e1-2603-474c-b506-58465dd830da'), 'Click to start adding images.'); 3705 }; 3706 3707 if (document.readyState === "complete" 3708 || document.readyState === "loaded" 3709 || document.readyState === "interactive") { 3710 widgetHandlers(); 3711 return; 3712 } 3713 3714 document.addEventListener("DOMContentLoaded", widgetHandlers); 3715 })(); 3716</script>
3716 3717 </div> <!-- inner column --> 3718 3719 </div> <!-- inner row --> 3720 3721 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="ca9c3c3c-3e3e-4fbf-9e4f-6aece630cc1f">� 3722 <div class="row nest first last wide">� 3723 3724 <div class="inner col col1 first last id0813d2a7-3648-4912-85bd-3d07d0f06d2c" style="" data-widgetcontainerid="0813d2a7-3648-4912-85bd-3d07d0f06d2c">� 3725 3726<div class="widget widgetSpacer" id="ae3a15b1-d27f-4133-a87a-879f887cfa41"></div> 3727 </div> <!-- inner column --> 3728 3729 </div> <!-- inner row --> 3730 3731 </div><!-- outer column --><!----><div class="outer col col13 last" style="" data-widgetcontainerid="42fa36f0-16cb-459a-a937-ea5b28f2a942">� 3732 <div class="row nest first last wide">� 3733 3734 <div class="inner col col13 first last id6d5c6aa2-54b7-4782-a283-8fc4b1182c32" style="" data-widgetcontainerid="6d5c6aa2-54b7-4782-a283-8fc4b1182c32">� 3735 3736 <div id="divTabbede798c59d-2886-4282-8a2a-15cf715e3525" class="widget widgetTabbed wide skin64" data-widgetid="e798c59d-2886-4282-8a2a-15cf715e3525"> 3737 <ol class="tabbedWidget cpTabs " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" "> 3738 <!-- 3739 --><li class="active" role="presentation"> <a href="#tabe798c59d-2886-4282-8a2a-15cf715e3525_0" class="tabButton" id="tabBtne798c59d-2886-4282-8a2a-15cf715e3525_0" role="tab" aria-controls="tabe798c59d-2886-4282-8a2a-15cf715e3525_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Meetings" contenteditable="false">Meetings</span></a> 3740</li><!-- 3741 --><li class="" role="presentation"> <a href="#tabe798c59d-2886-4282-8a2a-15cf715e3525_1" class="tabButton" id="tabBtne798c59d-2886-4282-8a2a-15cf715e3525_1" role="tab" aria-controls="tabe798c59d-2886-4282-8a2a-15cf715e3525_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a> 3742</li><!-- 3743 --> 3744 </ol> 3745 3746 <div class="cpTabPanels"> 3747 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 3748 <li class="active" role="presentation"> <a href="#tabe798c59d-2886-4282-8a2a-15cf715e3525_0" class="tabButton" id="tabBtnNarrowe798c59d-2886-4282-8a2a-15cf715e3525_0" role="tab" aria-controls="tabe798c59d-2886-4282-8a2a-15cf715e3525_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Meetings" contenteditable="false">Meetings</span></a> 3749</li> 3750 </ol> 3751 <div class="tabbedWidget cpTabPanel showing" style="" id="tabe798c59d-2886-4282-8a2a-15cf715e3525_0" role="tabpanel" aria-labelledby="tabBtne798c59d-2886-4282-8a2a-15cf715e3525_0" tabindex="-1"> 3752 3753<div data-widget-id="565f323f-d234-46dc-b847-3cf55d84d1a9" data-widget-controller-path="/Calendar/Widget"> 3754
3754<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
3754 3755 3756 3757 3758 3759 3760 3761 3762 3763 3764 3765 3766 3767 3768 3769 3770 3771 3772 3773 3774 3775 3776 3777 3778 3779 3780 3781 3782 3783 3784<div id="widgetCalendar565f323f-d234-46dc-b847-3cf55d84d1a9" class="widget widgetCalendar skin64 widgetOptionSet50 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 3785 <div class="widgetBody cpGrid cpGrid1 mediaLeft"> 3786 <div class="calendarInnerWrapper"> 3787 3788 3789<div data-minicalendar="true" class="miniCalendar media" style="width: 60%; "> 3790<div id="miniCalendarAnnouncement565f323f-d234-46dc-b847-3cf55d84d1a9" aria-live="polite" aria-atomic="true" class="visuallyhidden"></div> 3791<input type="hidden" name="monthToRender" data-year="2026" data-month="10" /> 3792<h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" role="presentation"><button aria-label="Previous Month, current month October 2026, go to September 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><span class="cp-miniCalendar-title" id="miniCalendarHeader565f323f-d234-46dc-b847-3cf55d84d1a9" role="heading" aria-level="3">October 2026</span><button aria-label="Next Month, current month October 2026, go to November 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> 3793 <table role="grid" aria-labelledby="miniCalendarHeader565f323f-d234-46dc-b847-3cf55d84d1a9" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> 3794 <thead> 3795 <tr> 3796<th scope="col"><abbr title=" 3797Sunday 3798"> 3799Sun 3800</abbr></th> 3801<th scope="col"><abbr title=" 3802Monday 3803"> 3804Mon 3805</abbr></th> 3806<th scope="col"><abbr title=" 3807Tuesday 3808"> 3809Tue 3810</abbr></th> 3811<th scope="col"><abbr title=" 3812Wednesday 3813"> 3814Wed 3815</abbr></th> 3816<th scope="col"><abbr title=" 3817Thursday 3818"> 3819Thu 3820</abbr></th> 3821<th scope="col"><abbr title=" 3822Friday 3823"> 3824Fri 3825</abbr></th> 3826<th scope="col"><abbr title=" 3827Saturday 3828"> 3829Sat 3830</abbr></th> 3831 3832 </tr> 3833 </thead> 3834 <tbody> 3835<tr><td class="not"><span><time datetime="2026-09-27">27</time></span></td> 3836 3837<td class="not"><span><time datetime="2026-09-28">28</time></span></td> 3838 3839<td class="not"><span><time datetime="2026-09-29">29</time></span></td> 3840 3841<td class="not"><span><time datetime="2026-09-30">30</time></span></td> 3842 3843<td><span><time datetime="2026-10-01"> 1</time></span></td> 3844 3845<td class="today"><span><time datetime="2026-10-02"> 2</time></span></td> 3846 3847<td><span><time datetime="2026-10-03"> 3</time></span></td> 3848 3849</tr> 3850<tr><td><span><time datetime="2026-10-04"> 4</time></span></td> 3851 3852<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=5&CID=23'><time datetime="2026-10-05"> 5</time></a></td> 3853 3854<td><span><time datetime="2026-10-06"> 6</time></span></td> 3855 3856<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=7&CID=23'><time datetime="2026-10-07"> 7</time></a></td> 3857 3858<td><span><time datetime="2026-10-08"> 8</time></span></td> 3859 3860<td><span><time datetime="2026-10-09"> 9</time></span></td> 3861 3862<td><span><time datetime="2026-10-10">10</time></span></td> 3863 3864</tr> 3865<tr><td><span><time datetime="2026-10-11">11</time></span></td> 3866 3867<td><span><time datetime="2026-10-12">12</time></span></td> 3868 3869<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=13&CID=23'><time datetime="2026-10-13">13</time></a></td> 3870 3871<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=14&CID=23'><time datetime="2026-10-14">14</time></a></td> 3872 3873<td><span><time datetime="2026-10-15">15</time></span></td> 3874 3875<td><span><time datetime="2026-10-16">16</time></span></td> 3876 3877<td><span><time datetime="2026-10-17">17</time></span></td> 3878 3879</tr> 3880<tr><td><span><time datetime="2026-10-18">18</time></span></td> 3881 3882<td><span><time datetime="2026-10-19">19</time></span></td> 3883 3884<td><span><time datetime="2026-10-20">20</time></span></td> 3885 3886<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=21&CID=23'><time datetime="2026-10-21">21</time></a></td> 3887 3888<td><span><time datetime="2026-10-22">22</time></span></td> 3889 3890<td><span><time datetime="2026-10-23">23</time></span></td> 3891 3892<td><span><time datetime="2026-10-24">24</time></span></td> 3893 3894</tr> 3895<tr><td><span><time datetime="2026-10-25">25</time></span></td> 3896 3897<td><span><time datetime="2026-10-26">26</time></span></td> 3898 3899<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=27&CID=23'><time datetime="2026-10-27">27</time></a></td> 3900 3901<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=28&CID=23'><time datetime="2026-10-28">28</time></a></td> 3902 3903<td><span><time datetime="2026-10-29">29</time></span></td> 3904 3905<td><span><time datetime="2026-10-30">30</time></span></td> 3906 3907<td><span><time datetime="2026-10-31">31</time></span></td> 3908 3909</tr> 3910 3911 </tbody> 3912 </table> 3913</div> 3914 3915 3916 3917
3917<script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script>
3917 3918
3918<script> 3919 $(function () { 3920 var miniCalendar = new MiniCalendar(); 3921 miniCalendar.init({ 3922 widgetId: "565f323f-d234-46dc-b847-3cf55d84d1a9", 3923 preventNavigationOnArrows: false, 3924 displayDatesOutsideOfCurrentMonth: true 3925 }); 3926 }); 3927 </script>
3927 3928 3929 3930 3931 3932 3933 3934 3935 3936<div class="row text narrow" data-event-list-row="true" style="margin-left: 65%;"> 3937 3938
3939<script src="/Scripts/jquery.urlToLink.min.js"></script>
3939 3940<input type="hidden" value="["2026-10-05","2026-10-07","2026-10-13"]" name="day-list" /> 3941 3942 <div class="col col1 first last"> 3943 <ol class="semanticList"> 3944 3945 3946 3947 3948 3949 3950 3951 3952 3953 3954 3955<li class="widgetItem " data-event-i-d="1059" > 3956 3957 3958 <h4 class="widgetTitle">Mon, Oct. 5 </h4> 3959 <div style="" class="widgetDesc"> 3960 <strong><a href="/Calendar.aspx?EID=1059">PSPRS Local Fire Board Meeting</a></strong> 3961 3962 </div> 3963 </li> 3964 3965 3966 3967 3968 3969 3970 3971 3972 3973 3974 3975<li class="widgetItem " data-event-i-d="1056" > 3976 3977 3978 <h4 class="widgetTitle">Wed, Oct. 7 </h4> 3979 <div style="" class="widgetDesc"> 3980 <strong><a href="/Calendar.aspx?EID=1056">Planning and Zoning Commission</a></strong> 3981 3982 </div> 3983 </li> 3984 3985 3986 3987 3988 3989 3990 3991 3992 3993 3994 3995<li class="widgetItem " data-event-i-d="1052" > 3996 3997 3998 <h4 class="widgetTitle">Tue, Oct. 13 </h4> 3999 <div style="" class="widgetDesc"> 4000 <strong><a href="/Calendar.aspx?EID=1052">City Council Meeting</a></strong> 4001 4002 </div> 4003 </li> 4004 </ol> 4005 </div> 4006 4007</div> 4008 </div> 4009 <a id="calendarViewAll565f323f-d234-46dc-b847-3cf55d84d1a9" class="widgetViewAll" style="" href="/calendar.aspx?CID=23">View All Meetings</a> 4010 </div> 4011 <div class="widgetFooter"> 4012 4013 </div> 4014 <div class="addItemModal hidden"> 4015 <div class="url hidden">/Calendar.aspx</div> 4016 </div> 4017</div> 4018</div> 4019 4020 </div> 4021 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 4022 <li class="" role="presentation"> <a href="#tabe798c59d-2886-4282-8a2a-15cf715e3525_1" class="tabButton" id="tabBtnNarrowe798c59d-2886-4282-8a2a-15cf715e3525_1" role="tab" aria-controls="tabe798c59d-2886-4282-8a2a-15cf715e3525_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a> 4023</li> 4024 </ol> 4025 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tabe798c59d-2886-4282-8a2a-15cf715e3525_1" role="tabpanel" aria-labelledby="tabBtne798c59d-2886-4282-8a2a-15cf715e3525_1" tabindex="-1"> 4026 4027<div data-widget-id="4fb7ee81-2e58-49f8-ad8e-81dc55a75b6f" data-widget-controller-path="/Calendar/Widget"> 4028
4028<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
4028 4029 4030 4031 4032 4033 4034 4035 4036 4037 4038 4039 4040 4041 4042 4043 4044 4045 4046 4047 4048 4049 4050 4051 4052 4053 4054 4055 4056 4057 4058<div id="widgetCalendar4fb7ee81-2e58-49f8-ad8e-81dc55a75b6f" class="widget widgetCalendar skin64 widgetOptionSet50 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 4059 <div class="widgetBody cpGrid cpGrid1 mediaLeft"> 4060 <div class="calendarInnerWrapper"> 4061 4062 4063<div data-minicalendar="true" class="miniCalendar media" style="width: 60%; "> 4064<div id="miniCalendarAnnouncement4fb7ee81-2e58-49f8-ad8e-81dc55a75b6f" aria-live="polite" aria-atomic="true" class="visuallyhidden"></div> 4065<input type="hidden" name="monthToRender" data-year="2026" data-month="10" /> 4066<h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" role="presentation"><button aria-label="Previous Month, current month October 2026, go to September 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><span class="cp-miniCalendar-title" id="miniCalendarHeader4fb7ee81-2e58-49f8-ad8e-81dc55a75b6f" role="heading" aria-level="3">October 2026</span><button aria-label="Next Month, current month October 2026, go to November 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> 4067 <table role="grid" aria-labelledby="miniCalendarHeader4fb7ee81-2e58-49f8-ad8e-81dc55a75b6f" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> 4068 <thead> 4069 <tr> 4070<th scope="col"><abbr title=" 4071Sunday 4072"> 4073Sun 4074</abbr></th> 4075<th scope="col"><abbr title=" 4076Monday 4077"> 4078Mon 4079</abbr></th> 4080<th scope="col"><abbr title=" 4081Tuesday 4082"> 4083Tue 4084</abbr></th> 4085<th scope="col"><abbr title=" 4086Wednesday 4087"> 4088Wed 4089</abbr></th> 4090<th scope="col"><abbr title=" 4091Thursday 4092"> 4093Thu 4094</abbr></th> 4095<th scope="col"><abbr title=" 4096Friday 4097"> 4098Fri 4099</abbr></th> 4100<th scope="col"><abbr title=" 4101Saturday 4102"> 4103Sat 4104</abbr></th> 4105 4106 </tr> 4107 </thead> 4108 <tbody> 4109<tr><td class="not"><span><time datetime="2026-09-27">27</time></span></td> 4110 4111<td class="not"><span><time datetime="2026-09-28">28</time></span></td> 4112 4113<td class="not"><span><time datetime="2026-09-29">29</time></span></td> 4114 4115<td class="not"><span><time datetime="2026-09-30">30</time></span></td> 4116 4117<td><span><time datetime="2026-10-01"> 1</time></span></td> 4118 4119<td class="today"><span><time datetime="2026-10-02"> 2</time></span></td> 4120 4121<td><span><time datetime="2026-10-03"> 3</time></span></td> 4122 4123</tr> 4124<tr><td><span><time datetime="2026-10-04"> 4</time></span></td> 4125 4126<td><span><time datetime="2026-10-05"> 5</time></span></td> 4127 4128<td><span><time datetime="2026-10-06"> 6</time></span></td> 4129 4130<td><span><time datetime="2026-10-07"> 7</time></span></td> 4131 4132<td><span><time datetime="2026-10-08"> 8</time></span></td> 4133 4134<td><span><time datetime="2026-10-09"> 9</time></span></td> 4135 4136<td><span><time datetime="2026-10-10">10</time></span></td> 4137 4138</tr> 4139<tr><td><span><time datetime="2026-10-11">11</time></span></td> 4140 4141<td><span><time datetime="2026-10-12">12</time></span></td> 4142 4143<td><span><time datetime="2026-10-13">13</time></span></td> 4144 4145<td><span><time datetime="2026-10-14">14</time></span></td> 4146 4147<td><span><time datetime="2026-10-15">15</time></span></td> 4148 4149<td><span><time datetime="2026-10-16">16</time></span></td> 4150 4151<td><span><time datetime="2026-10-17">17</time></span></td> 4152 4153</tr> 4154<tr><td><span><time datetime="2026-10-18">18</time></span></td> 4155 4156<td><span><time datetime="2026-10-19">19</time></span></td> 4157 4158<td><span><time datetime="2026-10-20">20</time></span></td> 4159 4160<td><span><time datetime="2026-10-21">21</time></span></td> 4161 4162<td><span><time datetime="2026-10-22">22</time></span></td> 4163 4164<td><span><time datetime="2026-10-23">23</time></span></td> 4165 4166<td><span><time datetime="2026-10-24">24</time></span></td> 4167 4168</tr> 4169<tr><td><span><time datetime="2026-10-25">25</time></span></td> 4170 4171<td><span><time datetime="2026-10-26">26</time></span></td> 4172 4173<td><span><time datetime="2026-10-27">27</time></span></td> 4174 4175<td><span><time datetime="2026-10-28">28</time></span></td> 4176 4177<td><span><time datetime="2026-10-29">29</time></span></td> 4178 4179<td><span><time datetime="2026-10-30">30</time></span></td> 4180 4181<td><span><time datetime="2026-10-31">31</time></span></td> 4182 4183</tr> 4184 4185 </tbody> 4186 </table> 4187</div> 4188 4189 4190 4191
4191<script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script>
4191 4192
4192<script> 4193 $(function () { 4194 var miniCalendar = new MiniCalendar(); 4195 miniCalendar.init({ 4196 widgetId: "4fb7ee81-2e58-49f8-ad8e-81dc55a75b6f", 4197 preventNavigationOnArrows: false, 4198 displayDatesOutsideOfCurrentMonth: true 4199 }); 4200 }); 4201 </script>
4201 4202 4203 4204 4205 4206 4207 4208 4209 4210<div class="row text narrow" data-event-list-row="true" style="margin-left: 65%;"> 4211 4212
4213<script src="/Scripts/jquery.urlToLink.min.js"></script>
4213 4214<input type="hidden" value="[]" name="day-list" /> 4215 4216 <p class="widgetItem">There are no published events in current month.</p> 4217 4218</div> 4219 </div> 4220 <a id="calendarViewAll4fb7ee81-2e58-49f8-ad8e-81dc55a75b6f" class="widgetViewAll" style="" href="/calendar.aspx?CID=14">View All Events</a> 4221 </div> 4222 <div class="widgetFooter"> 4223 4224 </div> 4225 <div class="addItemModal hidden"> 4226 <div class="url hidden">/Calendar.aspx</div> 4227 </div> 4228</div> 4229</div> 4230 4231 </div> 4232 </div> 4233 </div> 4234
4234<script type="text/javascript"> 4235 4236 $.when(window.Pages.rwdReady).done(function () { 4237 var tabbedWidgetID = 'divTabbede798c59d-2886-4282-8a2a-15cf715e3525'; 4238 var mediaQuerySize = 25; 4239 if (mediaQuerySize > 0) { 4240 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 4241 var $tabbedWidget = $('#' + tabbedWidgetID); 4242 4243 // Update child widget classes based on parent state 4244 var updateChildWidgetClasses = function (isParentWide) { 4245 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 4246 if (liveEditEnabled) 4247 return; 4248 4249 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 4250 4251 if (isParentWide) { 4252 $childWidgets.addClass('wide').removeClass('narrow'); 4253 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 4254 } else { 4255 $childWidgets.addClass('narrow').removeClass('wide'); 4256 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 4257 } 4258 }; 4259 4260 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 4261 deferSetup: false, 4262 setup: function () { 4263 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 4264 if (!liveEditEnabled) { 4265 $tabbedWidget.addClass('narrow').removeClass('wide'); 4266 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 4267 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 4268 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 4269 $tabbedWidget.data("tabHeightSet", false); 4270 4271 // Update child widget classes - parent is narrow 4272 updateChildWidgetClasses(false); 4273 } 4274 }, 4275 match: function () { 4276 $tabbedWidget.addClass('wide').removeClass('narrow'); 4277 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 4278 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 4279 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 4280 4281 if($tabbedWidget.data("tabHeightSet") == false) 4282 { 4283 $tabbedWidget.data("tabHeightSet", true); 4284 4285 var tabbedWidgetID = 'divTabbede798c59d-2886-4282-8a2a-15cf715e3525'; 4286 setTabbedWidgetsTabHeight(tabbedWidgetID); 4287 } 4288 $('.cpTabPanels').unbind('click'); 4289 4290 // Update child widget classes - parent is wide 4291 updateChildWidgetClasses(true); 4292 }, 4293 unmatch: function () { 4294 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 4295 if (!liveEditEnabled) { 4296 $tabbedWidget.addClass('narrow').removeClass('wide'); 4297 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 4298 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 4299 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 4300 4301 // Update child widget classes - parent is narrow 4302 updateChildWidgetClasses(false); 4303 } 4304 $('.cpTabPanels').click(function() { 4305 this.scrollIntoView(); 4306 }); 4307 } 4308 }); 4309 } 4310 }); 4311 4312 //Used for when page is initially loaded 4313 if($('#divTabbede798c59d-2886-4282-8a2a-15cf715e3525').hasClass('narrow')) 4314 { 4315 $('.cpTabPanels').click(function() { 4316 this.scrollIntoView(); 4317 }); 4318 } 4319 4320 4321 //If responsive not enabled, execute this after a timeout 4322 if(!isResponsiveEnabled) 4323 { 4324 window.setTimeout(function(){ 4325 var tabbedWidgetID = 'divTabbede798c59d-2886-4282-8a2a-15cf715e3525'; 4326 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 4327 }, 1500); 4328 } 4329 4330 function reinitCarousels() { 4331 if (window.carouselsToInit) { 4332 for (var i = 0; i < window.carouselsToInit.length; i++) { 4333 carouselsToInit[i](); 4334 } 4335 } 4336 } 4337 function sizeTabbedContent(element){ 4338 if(window.Pages){ 4339 if(window.Pages.onResizeHandlers){ 4340 var setTabbedInterval = setInterval(function () {
4341 window.Pages.onResizeHandlers.forEach(function(car){car();}); 4342 }, 25) 4343 4344 4345 setTimeout(function () { 4346 clearInterval(setTabbedInterval); 4347 if ($.cookie("enableLiveEdit") === "true") { 4348 setInterval(function () { 4349 window.Pages.onResizeHandlers.forEach(function(car){car();}); 4350 }, 2000); 4351 } 4352 }, 2500); 4353 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 4354 } 4355 } 4356 } 4357 4358 function adjustTab(e) { 4359 e.preventDefault(); 4360 window.setTimeout(function(){ 4361 reinitCarousels(); 4362 }, 2); 4363 sizeTabbedContent(this); 4364 } 4365 4366 var tabButtons = document.querySelectorAll("#divTabbede798c59d-2886-4282-8a2a-15cf715e3525 .tabButton"); 4367 4368 tabButtons.forEach(function (tabButton) { 4369 tabButton.addEventListener("click", adjustTab); 4370 }); 4371 4372 </script>
4372 4373 4374 4375 4376 </div> <!-- inner column --> 4377 4378 </div> <!-- inner row --> 4379 4380 </div><!-- outer column --><!-- --></div> <!-- outer row --> 4381 4382 4383 </div> 4384</div></div></div></div> 4385</div><!-- Social Media --><div data-cpRole="structuralContainer" id="homeContainer3"> 4386<div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent3a"> <div id="cc473ee149-79c8-4aa3-9646-6c0798691dcc" data-containerid="473ee149-79c8-4aa3-9646-6c0798691dcc" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="63"> 4387 4388 4389 <div class="row outer wide"><!-- 4390--><div class="outer col col24 first last" style="" data-widgetcontainerid="7c4a327b-1dd9-4087-99fe-e919072bc71b">� 4391 <div class="row nest first wide">� 4392 4393 <div class="inner col col24 first last id625467ac-24d1-4182-8ade-94dd29a9a424" style="" data-widgetcontainerid="625467ac-24d1-4182-8ade-94dd29a9a424">� 4394 <div data-widget-id="5335d733-9bb9-4c9f-ac70-92f2c4c6b94f" data-widget-controller-path="/InfoAdvanced/Widget"> 4395 4396 4397 4398 4399 4400 <section id="divInfoAdv5335d733-9bb9-4c9f-ac70-92f2c4c6b94f" class="widget widgetInfoAdvanced skin59 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 4401 <header class="widgetHeader" id="header5335d733-9bb9-4c9f-ac70-92f2c4c6b94f"> 4402 <div class=""> 4403 </div> 4404 </header> 4405 <div class="widgetBody cpGrid cpGrid1 "> 4406 <div class="row wide"> 4407 <div class="col col1 first last"> 4408 <ol class="pageStyles semanticList"> 4409 4410<li class="InfoAdvanced widgetItem fr-view"> 4411 <h2 class="subhead1">Connect With Us</h2> 4412</li> 4413<li class="InfoAdvanced widgetItem fr-view"> 4414 <p>Follow Us On Social Media</p> 4415</li> </ol> 4416 </div> 4417 </div> 4418 </div> 4419 <div class="widgetFooter"> 4420 4421 </div> 4422 4423 </section> 4424 4425 4426
4427<script type="text/javascript"> 4428 //Render slideshow if info advacned items contain one. 4429 $(document).ready(function (e) { 4430 $('#divInfoAdv5335d733-9bb9-4c9f-ac70-92f2c4c6b94f .InfoAdvanced.widgetItem').each(function () { 4431 renderSlideshowIfApplicable($(this)); 4432 }); 4433 }); 4434</script>
4434</div> 4435 </div> <!-- inner column --> 4436 4437 </div> <!-- inner row --> 4438 <div class="row nest wide">� 4439 4440 <div class="inner col col24 first last id02455d92-8258-4952-9ae5-377f71bf109e" style="" data-widgetcontainerid="02455d92-8258-4952-9ae5-377f71bf109e">� 4441 4442<div class="widget widgetSpacer" id="e68dbac8-1a3d-4c8e-87fb-1c51fc991162"></div> 4443 </div> <!-- inner column --> 4444 4445 </div> <!-- inner row --> 4446 <div class="row nest last wide">� 4447 4448 <div class="inner col col24 first last idb32105af-9191-445c-bf22-e738b3f0a158" style="" data-widgetcontainerid="b32105af-9191-445c-bf22-e738b3f0a158">� 4449 4450 <div data-widget-id='abb3ab65-bfaf-4fd4-bf99-50bc70d58e92' data-moduleName="customHtml" id='widgetCustomHtmlabb3ab65-bfaf-4fd4-bf99-50bc70d58e92' class="widget widgetCustomHtml skin54 narrow" > 4451 <div class="widgetBody pageStyles" id="widgetBodyabb3ab65-bfaf-4fd4-bf99-50bc70d58e92"> 4452 <div id="customHtmlabb3ab65-bfaf-4fd4-bf99-50bc70d58e92"><div><style> 4453@media screen and (max-width: 1024px) { 4454.sm-ctn-div { 4455 4456 width: 100%; /* Ensures the container takes full available width */ 4457 } 4458 4459.yt-ctn-div { 4460 width: 70%; /* Sets a fixed width for the first div */ 4461 /* Add other styling as needed (e.g., background-color, padding) */ 4462 padding:0 0 20px 0; 4463 margin:auto; 4464 } 4465 4466.sw-ctn-div { 4467 width:70%; /* This property makes the div grow and fill available space */ 4468 /* Add other styling as needed (e.g., background-color, padding) */ 4469 margin:auto; 4470 } 4471 4472 .yt-video { 4473 4474 min-height:460px; 4475} 4476} 4477 4478@media screen and (min-width: 1025px) { 4479 .sm-ctn-div { 4480 display: flex; /* Enables flexbox layout for the container */ 4481 width: 100%; /* Ensures the container takes full available width */ 4482 margin:auto; 4483 } 4484 4485.yt-ctn-div { 4486 width: 30%; /* Sets a fixed width for the first div */ 4487 /* Add other styling as needed (e.g., background-color, padding) */ 4488 padding:10px; 4489 } 4490 4491.sw-ctn-div { 4492 flex: 1; /* This property makes the div grow and fill available space */ 4493 /* Add other styling as needed (e.g., background-color, padding) */ 4494 padding:10px; 4495 } 4496} 4497 4498body {} 4499 4500.sm-ctn-div { 4501 4502 4503} 4504 4505.yt-ctn-div { 4506 4507} 4508 4509.sw-ctn-div { 4510 4511} 4512 4513.yt-video { 4514 width:100%; 4515height:97%; 4516 4517} 4518 4519.snapwidget-widget{ 4520 border:none; overflow:hidden; 4521 width:100%; 4522} 4523 4524</style> 4525 4526 <div class="sm-ctn-div"> 4527 <div class="yt-ctn-div"> 4528<iframe src="https://youtube.com/embed/e4JZ3n3RCeg?si=rNgBbDH0ryu4Bmvy" class="yt-video" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen=""></iframe> 4529 </div> 4530 <div class="sw-ctn-div"> 4531 4532<!-- SnapWidget -->
4533<script src="https://snapwidget.com/js/snapwidget.js"></script>
4533 4534<iframe src="https://snapwidget.com/embed/1106274" class="snapwidget-widget" allowtransparency="true" frameborder="0" scrolling="no" title="Posts from Instagram"></iframe> 4535 4536 4537 </div> 4538</div></div></div> 4539 </div> 4540 4541 </div> 4542 4543 </div> <!-- inner column --> 4544 4545 </div> <!-- inner row --> 4546 4547 </div><!-- outer column --><!-- --></div> <!-- outer row --> 4548 4549 4550 </div> 4551</div></div> 4552</div> 4553</main><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 4554<div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccf0f8f04e-f4da-4aaa-975b-cb9bef234dc6" data-containerid="f0f8f04e-f4da-4aaa-975b-cb9bef234dc6" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="63"> 4555 4556 4557 <div class="row outer wide"><!-- 4558--><div class="outer col col4 first" style="" data-widgetcontainerid="6f309aa9-c62a-49ab-8962-c3c9621d5ae0">� 4559 <div class="row nest first last wide">� 4560 4561 <div class="inner col col4 first last idb5d376aa-10d8-4a8a-a3dc-1e2b32710559" style="" data-widgetcontainerid="b5d376aa-10d8-4a8a-a3dc-1e2b32710559">� 4562 <div data-widget-id="fb3214d4-3024-408b-9ff4-df41249c2cbc" data-widget-controller-path="/InfoAdvanced/Widget"> 4563 4564 4565 4566 4567 4568 <section id="divInfoAdvfb3214d4-3024-408b-9ff4-df41249c2cbc" class="widget widgetInfoAdvanced skin39 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 4569 <header class="widgetHeader" id="headerfb3214d4-3024-408b-9ff4-df41249c2cbc"> 4570 <div class=""> 4571 </div> 4572 </header> 4573 <div class="widgetBody cpGrid cpGrid1 "> 4574 <div class="row wide"> 4575 <div class="col col1 first last"> 4576 <ol class="pageStyles semanticList"> 4577 4578<li class="InfoAdvanced widgetItem fr-view"> 4579 <p><a href="/"><img src="/ImageRepository/Document?documentId=95" class="fr-dib" alt="Lake Havasu City Arizona Homepage" style="width: 164px;"><br></a></p> 4580</li> </ol> 4581 </div> 4582 </div> 4583 </div> 4584 <div class="widgetFooter"> 4585 4586 </div> 4587 4588 </section> 4589 4590 4591
4592<script type="text/javascript"> 4593 //Render slideshow if info advacned items contain one. 4594 $(document).ready(function (e) { 4595 $('#divInfoAdvfb3214d4-3024-408b-9ff4-df41249c2cbc .InfoAdvanced.widgetItem').each(function () { 4596 renderSlideshowIfApplicable($(this)); 4597 }); 4598 }); 4599</script>
4599</div> 4600 </div> <!-- inner column --> 4601 4602 </div> <!-- inner row --> 4603 4604 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="a47ccf8c-1b6e-47cd-b3dc-3b99320214d0">� 4605 <div class="row nest first last wide">� 4606 4607 <div class="inner col col2 first last idf6232362-f5c2-47dd-ae97-d406dcdc7a1b" style="" data-widgetcontainerid="f6232362-f5c2-47dd-ae97-d406dcdc7a1b">� 4608 4609<div class="widget widgetSpacer" id="d898e455-4d3b-4311-8205-0c6d7eecc35c"></div> 4610 </div> <!-- inner column --> 4611 4612 </div> <!-- inner row --> 4613 4614 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="182c40db-186c-469a-acaa-78dec174dc9c">� 4615 <div class="row nest first last wide">� 4616 4617 <div class="inner col col5 first last id587ae1b0-62ff-49e4-bb5a-9e676b999b25" style="" data-widgetcontainerid="587ae1b0-62ff-49e4-bb5a-9e676b999b25">� 4618 <div data-widget-id="8147d3cd-1811-497b-947f-2ecbfb0c0a49" data-widget-controller-path="/InfoAdvanced/Widget"> 4619 4620 4621 4622 4623 4624 <section id="divInfoAdv8147d3cd-1811-497b-947f-2ecbfb0c0a49" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header8147d3cd-1811-497b-947f-2ecbfb0c0a49"> 4625 <header class="widgetHeader" id="header8147d3cd-1811-497b-947f-2ecbfb0c0a49"> 4626 <div class=""> 4627 <h3 >Contact Us</h3> 4628 </div> 4629 </header> 4630 <div class="widgetBody cpGrid cpGrid1 "> 4631 <div class="row wide"> 4632 <div class="col col1 first last"> 4633 <ol class="pageStyles semanticList"> 4634 4635<li class="InfoAdvanced widgetItem fr-view"> 4636 <p>Lake Havasu City</p> 4637</li> 4638<li class="InfoAdvanced widgetItem fr-view"> 4639 <p>2330 McCulloch Boulevard N, Lake Havasu City, AZ 86403</p> 4640</li> 4641<li class="InfoAdvanced widgetItem fr-view"> 4642 <p>Phone: <a href="/">928-855-2116</a></p> 4643</li> </ol> 4644 </div> 4645 </div> 4646 </div> 4647 <div class="widgetFooter"> 4648 4649 </div> 4650 4651 </section> 4652 4653 4654
4655<script type="text/javascript"> 4656 //Render slideshow if info advacned items contain one. 4657 $(document).ready(function (e) { 4658 $('#divInfoAdv8147d3cd-1811-497b-947f-2ecbfb0c0a49 .InfoAdvanced.widgetItem').each(function () { 4659 renderSlideshowIfApplicable($(this)); 4660 }); 4661 }); 4662</script>
4662</div> 4663 </div> <!-- inner column --> 4664 4665 </div> <!-- inner row --> 4666 4667 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="4bfe1646-1a90-4f72-aab5-91c65df2c862">� 4668 <div class="row nest first last wide">� 4669 4670 <div class="inner col col2 first last idf7c4d68a-eafb-4d2d-8eb0-a3575fc1758e" style="" data-widgetcontainerid="f7c4d68a-eafb-4d2d-8eb0-a3575fc1758e">� 4671 4672<div class="widget widgetSpacer" id="dafa4e36-7de8-4df9-bdf6-c31ecf812a3a"></div> 4673 </div> <!-- inner column --> 4674 4675 </div> <!-- inner row --> 4676 4677 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="713a2cfe-7ecf-4b72-84bc-9e5943b182d0">� 4678 <div class="row nest first last wide">� 4679 4680 <div class="inner col col5 first last ide912b5dd-626f-46cc-be06-b1d7567bf84d" style="" data-widgetcontainerid="e912b5dd-626f-46cc-be06-b1d7567bf84d">� 4681 <div data-widget-id="c3c95c67-a785-4cb4-a79b-89a0d01bd667" data-widget-controller-path="/QuickLinks/Widget"> 4682 4683 4684 4685 4686 4687 4688 4689 4690 <section id="widgetQuicklinkc3c95c67-a785-4cb4-a79b-89a0d01bd667" class="widget widgetQuickLinks skin37 widgetOptionSet41 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderc3c95c67-a785-4cb4-a79b-89a0d01bd667"> 4691 <header class="widgetHeader" id="quickLinksHeaderc3c95c67-a785-4cb4-a79b-89a0d01bd667"> 4692 <div class=""> 4693 <h3><a style="" href="/QuickLinks.aspx?CID=15" >Quick Links</a></h3> 4694 </div> 4695 </header> 4696 <div class="widgetBody cpGrid cpGrid1 "> 4697 <div class="row narrow"> 4698 <div class="col col1 first last"> 4699 <ol class="semanticList"> 4700 4701 <li style="position:relative" class="widgetItem QuickLinks"> 4702 <a class="widgetDesc widgetQuickLinksLink" href="/Calendar.aspx" target="_self" >Calendar</a> 4703 <div class="widgetMeta"></div> 4704 </li> 4705 4706 <li style="position:relative" class="widgetItem QuickLinks"> 4707 <a class="widgetDesc widgetQuickLinksLink" href="/FAQ.aspx" target="_self" >FAQs</a> 4708 <div class="widgetMeta"></div> 4709 </li> 4710 4711 <li style="position:relative" class="widgetItem QuickLinks"> 4712 <a class="widgetDesc widgetQuickLinksLink" href="/FormCenter/How-Do-I-15/Feedback-Form-63" target="_self" >Leave Feedback</a> 4713 <div class="widgetMeta"></div> 4714 </li> 4715 4716 <li style="position:relative" class="widgetItem QuickLinks"> 4717 <a class="widgetDesc widgetQuickLinksLink" href="/CivicAlerts.aspx" target="_self" >News</a> 4718 <div class="widgetMeta"></div> 4719 </li> 4720 4721 <li style="position:relative" class="widgetItem QuickLinks"> 4722 <a class="widgetDesc widgetQuickLinksLink" href="/Facilities" target="_self" >Parks & Facilities</a> 4723 <div class="widgetMeta"></div> 4724 </li> 4725 </ol> 4726 </div> 4727 </div> 4728 4729 </div> 4730 <div class="widgetFooter"> 4731 </div> 4732 <div class="addItemModal hidden"> 4733 <div class="url hidden">/QuickLinks.aspx</div> 4734 </div> 4735 4736 </section> 4737</div> 4738 4739 </div> <!-- inner column --> 4740 4741 </div> <!-- inner row --> 4742 4743 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="b94fd94b-5e7e-49e7-af19-d5c75f3b6cc3">� 4744 <div class="row nest first last wide">� 4745 4746 <div class="inner col col2 first last id02b5883a-ac42-4c29-b170-4615b8724fd5" style="" data-widgetcontainerid="02b5883a-ac42-4c29-b170-4615b8724fd5">� 4747 4748<div class="widget widgetSpacer" id="13254e5b-e18b-4ed9-ab63-11d258d83dd6"></div> 4749 </div> <!-- inner column --> 4750 4751 </div> <!-- inner row --> 4752 4753 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="df3e8d0c-5f14-4f9d-bcf1-f09deb2729a9">� 4754 <div class="row nest first last wide">� 4755 4756 <div class="inner col col4 first last id9d465c73-38c4-4a80-bd3a-e38d227aa3da" style="" data-widgetcontainerid="9d465c73-38c4-4a80-bd3a-e38d227aa3da">� 4757 <div data-widget-id="81e48ee9-d772-424f-a720-d39d36aa647b" data-widget-controller-path="/QuickLinks/Widget"> 4758 4759 4760 4761 4762 4763 4764 4765 4766 <section id="widgetQuicklink81e48ee9-d772-424f-a720-d39d36aa647b" class="widget widgetQuickLinks skin37 widgetOptionSet41 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader81e48ee9-d772-424f-a720-d39d36aa647b"> 4767 <header class="widgetHeader" id="quickLinksHeader81e48ee9-d772-424f-a720-d39d36aa647b">
4768 <div class=""> 4769 <h3><a style="" href="/QuickLinks.aspx?CID=16" >Site Links</a></h3> 4770 </div> 4771 </header> 4772 <div class="widgetBody cpGrid cpGrid1 "> 4773 <div class="row narrow"> 4774 <div class="col col1 first last"> 4775 <ol class="semanticList"> 4776 4777 <li style="position:relative" class="widgetItem QuickLinks"> 4778 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 4779 <div class="widgetMeta"></div> 4780 </li> 4781 4782 <li style="position:relative" class="widgetItem QuickLinks"> 4783 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 4784 <div class="widgetMeta"></div> 4785 </li> 4786 4787 <li style="position:relative" class="widgetItem QuickLinks"> 4788 <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a> 4789 <div class="widgetMeta"></div> 4790 </li> 4791 4792 <li style="position:relative" class="widgetItem QuickLinks"> 4793 <a class="widgetDesc widgetQuickLinksLink" href="/site/accessibility" target="_self" >Accessibility</a> 4794 <div class="widgetMeta"></div> 4795 </li> 4796 4797 <li style="position:relative" class="widgetItem QuickLinks"> 4798 <a class="widgetDesc widgetQuickLinksLink" href="/copyright" target="_self" >Copyright Notices</a> 4799 <div class="widgetMeta"></div> 4800 </li> 4801 </ol> 4802 </div> 4803 </div> 4804 4805 </div> 4806 <div class="widgetFooter"> 4807 </div> 4808 <div class="addItemModal hidden"> 4809 <div class="url hidden">/QuickLinks.aspx</div> 4810 </div> 4811 4812 </section> 4813</div> 4814 4815 </div> <!-- inner column --> 4816 4817 </div> <!-- inner row --> 4818 4819 </div><!-- outer column --><!-- --></div> <!-- outer row --> 4820 4821 4822 </div> 4823</div></div> 4824</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 4825<div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc8f9c0ea9-27df-4ca0-b6f1-8929d84f2d66" data-containerid="8f9c0ea9-27df-4ca0-b6f1-8929d84f2d66" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="63"> 4826 4827 4828 <div class="row outer wide"><!-- 4829--><div class="outer col col24 first last" style="" data-widgetcontainerid="a82b2c24-b2ae-458c-968d-7e982dbbfffb">� 4830 <div class="row nest first last wide">� 4831 4832 <div class="inner col col24 first last id170e4688-05e1-42f4-877c-e1008fc91bf1" style="" data-widgetcontainerid="170e4688-05e1-42f4-877c-e1008fc91bf1">� 4833 4834 <div data-widget-id='13d1fdf8-a497-48b2-908c-5117b4f89626' data-moduleName="customHtml" id='widgetCustomHtml13d1fdf8-a497-48b2-908c-5117b4f89626' class="widget widgetCustomHtml skin39 narrow" > 4835 <div class="widgetBody pageStyles" id="widgetBody13d1fdf8-a497-48b2-908c-5117b4f89626"> 4836 <div id="customHtml13d1fdf8-a497-48b2-908c-5117b4f89626"><div><style> 4837 /* CP icon */ 4838 .cpBylineIconTS { 4839 color: #ffffff; 4840 } 4841 /* CP Text */ 4842 .cpBylineTextTS, 4843 .cpBylineTextTS a:link { 4844 color: #ffffff; 4845 } 4846 4847 .cpBylineTS { 4848 text-align: center; 4849 } 4850 4851 .cpBylineIconTS { 4852 fill: currentColor; 4853 width: 39px; 4854 height: 26px; 4855 display: inline; 4856 vertical-align: middle; 4857 } 4858</style> 4859 4860<div class="widgetItem cpBylineTS"> 4861 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 4862 <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> 4863 <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> 4864 </svg> 4865 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 4866</div></div></div> 4867 </div> 4868 4869 </div> 4870 4871 </div> <!-- inner column --> 4872 4873 </div> <!-- inner row --> 4874 4875 </div><!-- outer column --><!-- --></div> <!-- outer row --> 4876 4877 4878 </div> 4879</div></div> 4880</div> 4881 4882 4883 4884 4885 <div id="banner3-55" style="display: none"></div> 4886
4886<script type="text/javascript"> 4887 $(window).on("load", function () { 4888 $.when(window.Pages.rwdSetupComplete) 4889 .done(function () { 4890 renderBanner('banner3-55', 4891 'banner3', 4892 {"BannerOptionID":55,"ThemeID":17,"SlotName":"banner3","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":null,"SlideshowTransition":0,"SlideShowTransitionTiming":null,"ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"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":78,"BannerOptionID":55,"FileName":"/ImageRepository/Document?documentID=107","Height":1080,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 4893 {"BannerImageID":78,"BannerOptionID":55,"FileName":"/ImageRepository/Document?documentID=107","Height":1080,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 4894 '/App_Themes/Home/Images/', 4895 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=107" />'); 4896 }); 4897 }); 4898 </script>
4898 4899 4900</div> 4901</div> 4902 4903 </div> 4904 </div> 4905 </div> 4906 4907<link href="/745732998.css" rel="stylesheet" type="text/css" /> 4908 4909<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 4910 <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"> 4911 <div class="cp-Splash-header"> 4912 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 4913 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 4914 <svg id="iconClose" viewBox="0 0 25 25"> 4915 <polygon style="fill:currentcolor" 4916 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> 4917 </svg> 4918 </button> 4919 </div> 4920 <div class="cp-Splash-body"> 4921 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 4922 <!-- Content from the Froala Editor will go here. --> 4923 Loading 4924 </div> 4925 </div> 4926 <div class="cp-Splash-footer"> 4927 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 4928 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
4929 </div> 4930 </div> 4931</div> 4932
4933<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 4933
4933
4934<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 4934
4934
4935<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 4935
4935
4936<script> 4937 4938 $(document).ready(function () { 4939 var filter = { 4940 targetId: '1', 4941 targetType: 1 4942 } 4943 4944 new SplashModalRender().triggerRender(filter); 4945 }); 4946</script>
4946 4947 4948 4949 4950 4951 4952 4953 4954 4955 4956 4957 4958 4959 4960 4961 4962 4963
4963<script src="/-1442400649.js" type="text/javascript"></script>
4963 4964 <!-- Fixed Nav Adjustment -->
4965<script> 4966 function getValueTS(elem, attr) { 4967 const val = elem.css(attr); 4968 if (val === undefined) return undefined; 4969 const num = parseInt(val, 10); 4970 if (num === NaN) return undefined; 4971 return num; 4972 } 4973 4974 function clampTS(number, min, max) { 4975 return Math.min(Math.max(number, min), max); 4976 } 4977 4978 function isPageEditingTS() { 4979 return ( 4980 $("#doneEditing").length > 0 || // In live edit 4981 typeof DesignCenter !== "undefined" // In theme manager 4982 ); 4983 } 4984 4985 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 4986 function isTransparentTS(elem) { 4987 const bg = elem.css('background-color'); 4988 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 4989 const matchState = bg.match(bgColorRegexTS); 4990 if (!matchState || matchState.length !== 5) return false; 4991 const alpha = parseFloat(matchState[4], 10); 4992 if (!(alpha >= 0 && alpha < 1)) return false; 4993 return true; 4994 } 4995 4996 function iterateLeftpads(cb) { 4997 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 4998 for (let i = 0; i < containersTS.length; i++) { 4999 const containerTS = containersTS[i]; 5000 // Skip the body container and anything with data-skip-leftpad 5001 if ( 5002 containerTS.id !== "bodyContainerTS" && 5003 containerTS.getAttribute('data-skip-leftpad') === null 5004 ) { 5005 cb(containerTS); 5006 } 5007 } 5008 } 5009 5010 const anchor = $("#divToolbars");
5011 const bodyContainerTS = $("#bodyContainerTS"); 5012 5013 // Outer banner padding (push banner down) 5014 const outerSizingTS = $("#bannerContainerTS"); 5015 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 5016 const innerSizingTS = $("#bannerSizingTS"); 5017 5018 const forceUnfixClassTS = "forceUnfixTS"; 5019 5020 const fixedTopTS = $(".fixedTopTS"); 5021 const fixedBottomTS = $(".fixedBottomTS"); 5022 const fixedLeftTS = $(".fixedLeftTS"); 5023 5024 var initialTopTS; 5025 var topAttachTS; 5026 if (fixedTopTS && fixedTopTS.length === 1) { 5027 initialTopTS = getValueTS(fixedTopTS, 'top'); 5028 const attachment = fixedTopTS.attr('data-attach'); 5029 if (attachment) topAttachTS = $("#" + attachment); 5030 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 5031 } 5032 5033 function resizeAdjustmentTS() { 5034 const editing = isPageEditingTS(); 5035 5036 // Fixed top script 5037 (function () { 5038 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 5039 5040 if (editing) { 5041 fixedTopTS[0].classList.add(forceUnfixClassTS); 5042 } else { 5043 fixedTopTS[0].classList.remove(forceUnfixClassTS); 5044 } 5045 5046 const topPosition = fixedTopTS.css('position'); 5047 if (topPosition === 'fixed') { 5048 if (topAttachTS) { 5049 scrollAdjustmentTS(); 5050 } else { 5051 const anchorHeight = anchor.outerHeight() - 1; 5052 fixedTopTS.css('top', anchorHeight + initialTopTS); 5053 } 5054 } else { 5055 fixedTopTS.css('top', initialTopTS); 5056 } 5057 5058 if (topPosition === 'fixed' || topPosition === 'absolute') { 5059 // Bump the banner content down 5060 if (isTransparentTS(fixedTopTS)) { 5061 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight()); 5062 outerSizingTS.css('padding-top', ''); 5063 5064 try { 5065 window.Pages.onResizeHandlersExecute(); 5066 } catch (e) { } 5067 } else { 5068 outerSizingTS.css('padding-top', fixedTopTS.outerHeight()); 5069 innerSizingTS.css('padding-top', ''); 5070 } 5071 } else { 5072 innerSizingTS.css('padding-top', ''); 5073 outerSizingTS.css('padding-top', ''); 5074 } 5075 })(); 5076 5077 // Fixed bottom script 5078 (function () { 5079 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 5080 5081 // If the widget has gone narrow, force unfix 5082 if (editing || fixedBottomTS.outerHeight() > 200) { 5083 fixedBottomTS[0].classList.add(forceUnfixClassTS); 5084 } else { 5085 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 5086 } 5087 5088 if (fixedBottomTS.css('position') === 'fixed') { 5089 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 5090 } else { 5091 bodyContainerTS.css('padding-bottom', ''); 5092 } 5093 })(); 5094 5095 // Fixed left script 5096 (function () { 5097 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 5098 5099 if (editing) { 5100 fixedLeftTS[0].classList.add(forceUnfixClassTS); 5101 } else { 5102 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 5103 } 5104 5105 if (fixedLeftTS.css('position') === 'fixed') { 5106 const anchorHeight = anchor.outerHeight() - 1; 5107 fixedLeftTS.css('top', anchorHeight); 5108 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 5109 iterateLeftpads(function (containerTS) { 5110 const containerBoundingTS = containerTS.getBoundingClientRect(); 5111 if (containerBoundingTS.left <= leftBoundingTS.right) { 5112 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 5113 } 5114 }); 5115 } else { 5116 fixedLeftTS.css('top', ''); 5117 iterateLeftpads(function (containerTS) { 5118 $(containerTS).css('padding-left', ''); 5119 }); 5120 } 5121 })(); 5122 } 5123 5124 function scrollAdjustmentTS() { 5125 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 5126 const topPosition = fixedTopTS.css('position'); 5127 if (topPosition === 'fixed' || topPosition === 'absolute') { 5128 const anchorBounding = anchor[0].getBoundingClientRect();
5129 const attachBounding = topAttachTS[0].getBoundingClientRect(); 5130 const scrollTop = $(window).scrollTop(); 5131 5132 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 5133 } else { 5134 fixedTopTS.css('top', initialTopTS); 5135 } 5136 } 5137 5138 $(window).load(function () { 5139 setTimeout(function () { 5140 try { 5141 resizeAdjustmentTS(); 5142 } catch (e) { 5143 console.error(e); 5144 } 5145 }, 350); 5146 5147 $(window).scroll(function () { 5148 try { 5149 scrollAdjustmentTS(); 5150 } catch (e) { 5151 console.error(e); 5152 } 5153 }); 5154 5155 var adjustTimeoutTS; 5156 $(window).resize(function () { 5157 clearTimeout(adjustTimeoutTS); 5158 adjustTimeoutTS = setTimeout(function () { 5159 try { 5160 resizeAdjustmentTS(); 5161 } catch (e) { 5162 console.error(e); 5163 } 5164 }, 350); 5165 }); 5166 5167 $.when(window.Pages.angularToolbarComplete).done(function () { 5168 try { 5169 resizeAdjustmentTS(); 5170 } catch (e) { 5171 console.error(e); 5172 } 5173 }); 5174 }); 5175</script>
5175 5176<!-- End Fixed Nav Adjustment --> 5177
5178<script> 5179 5180 // Location of your button image: 5181 var buttonSrc = 'https://knowledge.reciteme.com/hubfs/reciteme_button%20(1).png'; 5182 5183</script>
5183 5184<style> 5185 #reciteme-button { 5186 /* Button Styling and Placement */ 5187 background: #00344c; 5188 width: 100px; 5189 height: 100px; 5190 bottom: 14px; 5191 right: 14px; 5192 5193 position: fixed; 5194 border-radius: 50%; 5195 z-index: 100; 5196 cursor: pointer; 5197 } 5198 #reciteme-button:hover { 5199 /* Hover Color */ 5200 background: #e9322e; 5201 } 5202 #reciteme-button img { 5203 /** Button Image Size */ 5204 width: 70px; 5205 height: 70px; 5206 5207 position: absolute; 5208 top: 50%; 5209 left: 50%; 5210 transform: translate(-50%, -50%); 5211 } 5212</style>
5213<script> 5214 var serviceUrl = "//api.reciteme.com/asset/js?key="; 5215 var serviceKey = "4c54c5c75ffaf024d7294683adffe576880da8f4"; 5216 var options = {}; // Options can be added as needed 5217 var autoLoad = false; 5218 var enableFragment = "#reciteEnable"; 5219 var loaded = [], frag = !1; window.location.hash === enableFragment && (frag = !0); function loadScript(c, b) { var a = document.createElement("script"); a.type = "text/javascript"; a.readyState ? a.onreadystatechange = function () { if ("loaded" == a.readyState || "complete" == a.readyState) a.onreadystatechange = null, void 0 != b && b() } : void 0 != b && (a.onload = function () { b() }); a.src = c; document.getElementsByTagName("head")[0].appendChild(a) } function _rc(c) { c += "="; for (var b = document.cookie.split(";"), a = 0; a < b.length; a++) { for (var d = b[a]; " " == d.charAt(0);)d = d.substring(1, d.length); if (0 == d.indexOf(c)) return d.substring(c.length, d.length) } return null } function loadService(c) { for (var b = serviceUrl + serviceKey, a = 0; a < loaded.length; a++)if (loaded[a] == b) return; loaded.push(b); loadScript(serviceUrl + serviceKey, function () { "function" === typeof _reciteLoaded && _reciteLoaded(); "function" == typeof c && c(); Recite.load(options); Recite.Event.subscribe("Recite:load", function () { Recite.enable() }) }) } "true" == _rc("Recite.Persist") && loadService(); if (autoLoad && "false" != _rc("Recite.Persist") || frag) document.addEventListener ? document.addEventListener("DOMContentLoaded", function (c) { loadService() }) : loadService(); 5220 5221 // Floating Button: 5222 function _reciteLoaded() { 5223 if (reciteMeButton && reciteMeButton.parentNode) { 5224 reciteMeButton.parentNode.removeChild(reciteMeButton); 5225 } 5226 } 5227 5228 var reciteMeButton; 5229 function _createReciteButton() { 5230 var buttonParentSelector = 'body'; 5231 var buttonContainer = document.createElement("div"); 5232 var buttonImage = document.createElement("img"); 5233 var buttonAlt = "Recite Me accessibility and Language Support"; 5234 var buttonTitle = "Launch Recite Me"; 5235 5236 buttonContainer.setAttribute('id', 'reciteme-button'); 5237 buttonContainer.setAttribute('alt', buttonAlt); 5238 buttonContainer.setAttribute('title', buttonTitle); 5239 buttonImage.setAttribute('alt', buttonAlt); 5240 buttonImage.setAttribute('title', buttonTitle); 5241 buttonImage.setAttribute('src', buttonSrc); 5242 buttonContainer.appendChild(buttonImage); 5243 var buttonParent = document.querySelector(buttonParentSelector); 5244 buttonParent.appendChild(buttonContainer); 5245 buttonContainer.addEventListener("click", function () { 5246 loadService(); 5247 return false; 5248 }); 5249 reciteMeButton = buttonContainer; 5250 } 5251 _createReciteButton(); 5252 5253</script>
5253 5254 5255 5256
5256<script type="text/javascript"> 5257 $(function () { 5258 document.cookie = "responsiveGhost=0; path=/"; 5259 }); 5260 $(window).on("load", function () { 5261 $('body').addClass('doneLoading').removeClass('hideContent'); 5262 5263 if ($('#404Content').length > 0) 5264 $('div#bodyWrapper').css('padding', '0px'); 5265 }); 5266 </script>
5266 5267 5268 <noscript> 5269 <style> 5270 body.hideContent { 5271 opacity: 1 !important; 5272 } 5273 </style> 5274 </noscript> 5275 5276 5277<div style="display: none;"> 5278 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 5279 5280 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 5281 <title>Arrow Left</title> 5282 <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> 5283 </symbol> 5284 5285 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 5286 <title>Arrow Right</title> 5287 <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> 5288 </symbol> 5289 5290 </svg> 5291</div> 5292
5292<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Poppins:200,300,500,600,700,800,900,900italic,regular|');</script>
5292 5293 5294 5295 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 5296 <div style="display: none;"> 5297 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 5298 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 5299 <title>Slideshow Left Arrow</title> 5300 <g> 5301 <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> 5302 </g> 5303 </symbol> 5304 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 5305 <title>Slideshow Right Arrow</title> 5306 <g> 5307 <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> 5308 </g> 5309 </symbol> 5310 </svg> 5311 </div> 5312 5313 5314 5315 5316 <div id="root-picker-outlet"></div>
5317<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a44201eaaf5822cd',t:'MTc5MDkyNjI4Ng=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
5317</body> 5318</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.