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-4D9Y0FPXDD';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= true; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 118 119 120 <meta name="theme-color" content="#516645"> 121 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 122 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 123 <title>Search ⢠Apex, NC ⢠CivicEngage</title> 124 125
125<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
125 126
126<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
126 127 128 129 <!--[if IE 6]>
129<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
129<![endif]--> 130 <!--[if IE 7]>
130<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
130<![endif]--> 131 <!--[if IE 8]>
131<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
131<![endif]--> 132 <!--[if IE 9]>
132<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
132<![endif]--> 133
133<script type="text/javascript"><!-- 134 var intCountryCode = 840; 135 var order = ''; 136//--></script>
136 137 138<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-727723999.css" rel="stylesheet" type="text/css" /> 139 140 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 141
141<script type="text/javascript"> 142 window.Pages = window.Pages || {}; 143 // FrontEnd RWD initialization 144 window.Pages.rwdReady = $.Deferred(); 145 window.Pages.toolBarDeferred = $.Deferred(); 146 window.Pages.rwdSetupComplete = $.Deferred(); 147 window.Pages.megaMenuLoaded = $.Deferred(); 148 window.Pages.angularToolbarComplete = $.Deferred(); 149 window.Pages.frontEndToolbarComplete = $.Deferred(); 150 </script>
150 151 <!--CPHeadContent--> 152
152<script src="/739942322.js" type="text/javascript"></script>
152 153 154 155 156
156<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
156 157
157<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
157 158 <link rel="stylesheet" type="text/css" href="/Areas/Search/Assets/Styles/Home2017.css" /> 159 <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 160 <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 161 162 163 164
164<script src="/1657590475.js" type="text/javascript"></script>
164 165 166 167 168 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 169 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 170 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 171 <!--[if lt IE 9]>
171<script type="text/javascript" src="/Scripts/html5.js"></script>
171<![endif]--> 172 173
173<script type="text/javascript"> 174 setEditorVariables(false, 840); 175 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 176 </script>
176 177
177<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
177 178</head> 179<body class="wide " > 180 181
181<script>jQuery(document).click(function (event) { 182 var target = jQuery(event.target); 183 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 184 var text = target.attr('title'); 185 186 if (!text.length) { 187 text = "N/A"; 188 } 189 ga('send', 190 { 191 hitType: 'event', 192 eventCategory: 'Image', 193 eventAction: 'Image - ' + text, 194 eventLabel: window.location.href 195 }); 196 } 197 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 198 var text = ""; 199 if (target.parents('.button')[0]) { 200 text = target.parents('.button').first().text(); 201 } else if (target.text().length) { 202 text = target.text(); 203 } else if (target.attr('title').length) { 204 text = target.attr('title'); 205 } 206 if (!text.length) { 207 text = "N/A"; 208 } 209 ga('send', 210 { 211 hitType: 'event', 212 eventCategory: 'Button', 213 eventAction: 'Button - ' + text, 214 eventLabel: window.location.href 215 }); 216 } 217 if (target.parents('.widgetCustomHtml').length) { 218 ga('send', 219 { 220 hitType: 'event', 221 eventCategory: 'Custom Html',
222 eventAction: 'Custom Html Clicked', 223 eventLabel: window.location.href 224 }); 225 } 226 if (target.parents('.editor').length) { 227 ga('send', 228 { 229 hitType: 'event', 230 eventCategory: 'Editor', 231 eventAction: 'Editor Link Clicked', 232 eventLabel: window.location.href 233 }); 234 } 235 if (target.parents('.GraphicLinks').length) { 236 var text = ""; 237 var targetGraphicLink = target; 238 if (target.hasClass('widgetGraphicLinksLink')) { 239 targetGraphicLink = jQuery(target.children()[0]); 240 } 241 if (targetGraphicLink.hasClass('text')) { 242 text = targetGraphicLink.text(); 243 } else if (targetGraphicLink.attr('src').length) { 244 if (targetGraphicLink.attr('alt').length) { 245 text = targetGraphicLink.attr('alt'); 246 } else { 247 text = targetGraphicLink.attr('src'); 248 } 249 } else { 250 text = "N/A"; 251 } 252 ga('send', 253 { 254 hitType: 'event', 255 eventCategory: 'Graphic Links', 256 eventAction: 'Graphic Link - ' + text, 257 eventLabel: window.location.href 258 }); 259 } 260 if (target.parents('.InfoAdvanced').length) { 261 ga('send', 262 { 263 hitType: 'event', 264 eventCategory: 'Info Advanced', 265 eventAction: 'Info Advanced Clicked', 266 eventLabel: window.location.href 267 }); 268 } 269 if (target.parents('.list').length) { 270 ga('send', 271 { 272 hitType: 'event', 273 eventCategory: 'List', 274 eventAction: 'List Clicked', 275 eventLabel: window.location.href 276 }); 277 } 278 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 279 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 280 var breadCrumbs = []; 281 jQuery('.breadCrumbs > li').each(function () { 282 breadCrumbs.push(this.textContent); 283 }); 284 var pageTitle = breadCrumbs.join('>'); 285 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 286 var text = ""; 287 if (pageTitle) { 288 text += pageTitle + " | "; 289 } else { 290 text += document.title + ' - '; 291 } 292 if (target.text() == "" && megaMenuText == "") { 293 text += "N/A"; 294 } else if (target.text().length && megaMenuText.length) { 295 if (megaMenuText == target.text()) { 296 text += megaMenuText; 297 } else { 298 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 299 } 300 } else if (target.text() == "") { 301 text += megaMenuText; 302 } else { 303 text += target.text(); 304 } 305 if (!text.length) { 306 text = "N/A"; 307 } 308 ga('send', 309 { 310 hitType: 'event', 311 eventCategory: 'Mega Menu', 312 eventAction: 'Mega Menu : ' + text, 313 eventLabel: window.location.href 314 }); 315 } 316 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 317 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 318 if (!text.length) { 319 text = "N/A"; 320 } 321 ga('send', 322 { 323 hitType: 'event', 324 eventCategory: 'News Flash', 325 eventAction: 'News Flash - ' + text, 326 eventLabel: window.location.href 327 }); 328 } 329 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 330 var text = target.text(); 331 if (!text.length) { 332 text = "N/A"; 333 } 334 ga('send', 335 { 336 hitType: 'event', 337 eventCategory: 'Quick Links', 338 eventAction: 'Quick Links - ' + text, 339 eventLabel: window.location.href 340 }); 341 } 342 if (target.attr('src') && target.parents('.cpSlideshow').length) { 343 var text = target.attr('title'); 344 if (!text.length) { 345 text = "N/A"; 346 } 347 ga('send', 348 { 349 hitType: 'event', 350 eventCategory: 'Slideshow', 351 eventAction: 'Slideshow - ' + text, 352 eventLabel: window.location.href 353 }); 354 } 355 if (target.parents('.widgetText').length) { 356 ga('send', 357 { 358 hitType: 'event', 359 eventCategory: 'Text', 360 eventAction: 'Text Link Clicked', 361 eventLabel: window.location.href 362 }); 363 } 364});</script>
364 365 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 366 <div class="cp-PopOver-header"> 367 <h3 class="cp-PopOver-title"></h3> 368 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 369 <svg class="cp-Icon--close" alt="close" title="close"> 370 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 371 </svg> 372 </button> 373 </div> 374 <div id="cpPopOverBody" class="cp-PopOver-body"> 375 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 376 </div> 377 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 378 <div class="cp-BtnGroup" id="actionButtons"> 379 <!-- Action buttons will be dynamically added here --> 380 </div> 381 </div> 382</div> 383 <div id="fb-root"></div> 384<div id=skipToContentLinks> 385<a href="#contentarea" target="_self" class="skipToContentLink">Skip to Main Content</a> 386</div> 387 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 388 389 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 390 391 392 393 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 394 <input type="hidden" id="hdnStructureID" value="6" /> 395 <input type="hidden" id="hdnContentCollectionID" value="e488ec09-3129-4559-9993-64edbcc2ea0d" /> 396 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 397 <input type="hidden" id="hdnThemeID" value="24" /> 398 <input type="hidden" id="pageIsFrontEnd" value="true" /> 399 <input type="hidden" id="pageModuleID" value="82" /> 400 <input type="hidden" id="pagePageID" /> 401 402 <input type="hidden" id="hdnModuleID" value="82" /> 403 <div id="stickyPlaceholder"></div> 404 <div id="outer-wrap" class="outer-wrap"> 405 <div id="inner-wrap" class="inner-wrap"> 406 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 407 408 409 410 411 </div> 412 <div id="bodyWrapper"> 413 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 414 415<div data-cpRole="structuralContainer" id="bodyContainerTS"> 416<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 417<div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 418 419 420 421 422 <a id="bannerLogoTS-108" style=" display: block; text-align: center; 423" class="bannerObject" href="/" target="_self"><img alt="Home Page" class="bannerObject" height="66" src="/ImageRepository/Document?documentID=31475" width="264" /></a> 424</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 425<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 426--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 427 --><!-- 428 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Government" target = "_self" > Government </a> <!-- 429 --><!-- 430 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 431 --><!-- 432 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem2 " href="/101/Services" target = "_self" > Services </a> <!-- 433 --><!-- 434 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 435 --><!-- 436 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavDoingBusiness" class="navMainItem mainNavItem mainNavItem3 " href="/35/Doing-Business" target = "_self" > Doing Business </a> <!-- 437 --><!-- 438 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 439 --><!-- 440 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavOurCommunity" class="navMainItem mainNavItem mainNavItem4 " href="/31/Our-Community" target = "_self" >
440 Our Community </a> <!-- 441 --><!-- 442 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 443 --><!-- 444 --> <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> <!-- 445 --><!-- 446 --></li><!----> 447</ol> 448 449 450
450<script type="text/javascript"> 451 (function () { 452 function setupMenu() { 453 const menuID = 'mainNavMenu'; 454 const menuType = MAIN_MENU; 455 456 //setup menu manager properties for main menu 457 if (!menuManager.mobileMainNav && true) 458 menuManager.adjustMainItemsWidth('#' + menuID); 459 menuManager.isMainMenuEditable = false; 460 menuManager.mainMenuMaxSubMenuLevels = 4; 461 menuManager.setMOMMode(2, menuType); 462 463 //Init main menu 464 const setupDraggable = menuManager.isMainMenuEditable; 465 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=82&themeID=24&menuContainerID=mainNav'; 466 467 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 468 menuManager.mainMenuInit = true; 469 menuManager.mainMenuTextResizer = true; 470 if (1.00 > 0) 471 menuManager.mainMenuTextResizerRatio = 1.00; 472 if (window.isResponsiveEnabled) 473 menuManager.mainMenuReady.resolve(); 474 475 } 476 477 if (document.readyState === "complete" 478 || document.readyState === "loaded" 479 || document.readyState === "interactive") { 480 setupMenu(); 481 return; 482 } 483 484 document.addEventListener("DOMContentLoaded", setupMenu); 485 })(); 486 </script>
486 487 488 489<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="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc24ae450d-3f9a-40c5-a2de-ae00a3c19028" data-containerid="24ae450d-3f9a-40c5-a2de-ae00a3c19028" class="pageContent cpGrid cpGrid24 showInMobile"> 490 491 492 493 494 </div> 495</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cc0a4b9f64-9869-4ec4-9c9c-d7f48a01ccd1" data-containerid="0a4b9f64-9869-4ec4-9c9c-d7f48a01ccd1" class="pageContent cpGrid cpGrid24 showInMobile"> 496 497 498 499 500 </div> 501</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="cc8770ec7e-098c-47af-9e27-8638c229bd8c" data-containerid="8770ec7e-098c-47af-9e27-8638c229bd8c" class="pageContent cpGrid cpGrid24 showInMobile"> 502 503 504 505 506 </div> 507</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc12e0e00d-1bb3-4a3f-83c2-112b0cc0148b" data-containerid="12e0e00d-1bb3-4a3f-83c2-112b0cc0148b" class="pageContent cpGrid cpGrid24 showInMobile"> 508 509 510 511 512 </div> 513</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc5299b8e0-1c85-4f8e-b82b-d56b078f7fb7" data-containerid="5299b8e0-1c85-4f8e-b82b-d56b078f7fb7" class="pageContent cpGrid cpGrid24 showInMobile"> 514 515 516 517 518 </div> 519</aside></aside></nav><div data-cpRole="contentContainer" id="searchTS"> <div id="cca3f94100-852b-45cc-ad14-dd5ddcf6a4ec" data-containerid="a3f94100-852b-45cc-ad14-dd5ddcf6a4ec" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 520 521 522 <div class="row outer wide"><!-- 523--><div class="outer col col24 first last" style="" data-widgetcontainerid="d42919b0-2294-44cb-bc5a-0744a495cd12">� 524 <div class="row nest first last wide">� 525 526 <div class="inner col col24 first last id12aa8b00-5f0e-4797-950e-6b282df23633" style="" data-widgetcontainerid="12aa8b00-5f0e-4797-950e-6b282df23633">� 527<div data-widget-id="a8d3093e-e77a-4ae9-8e52-5484e1682a8f" data-widget-controller-path="/Layout/WidgetSearch"> 528 529
529<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
529 530
530<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
530 531
531<script defer type="text/javascript"> 532 533 $(document).ready(function () { 534 try { 535 // Minimum characters required before performing a search/autocomplete 536 var minPrefixLength = 3; 537 var autoCompleteDebounceDelay = 500; 538 var searchFieldSelector = "#searchField" + 'a8d3093e-e77a-4ae9-8e52-5484e1682a8f'; 539 var checkboxSelector = "#ysnSearchOnlyDept" + 'a8d3093e-e77a-4ae9-8e52-5484e1682a8f'; 540 var buttonSelector = ".widgetSearchButton" + 'a8d3093e-e77a-4ae9-8e52-5484e1682a8f'; 541 var autoCompleteCache = {}; 542 var autoCompleteCacheKeys = []; 543 var autoCompleteCacheLimit = 25; 544 var currentAutoCompleteRequest = null; 545 var currentAutoCompleteRequestKey = null; 546 var autoCompleteDebounceTimer = null; 547 var autoCompleteDebounceKey = null; 548 var pendingAutoCompleteResponses = []; 549 550 function normalizeAutoCompleteTerm(term) { 551 return $.trim((term || "") + "").replace(/\s+/g, " "); 552 } 553 554 function shouldSearch(term) { 555 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 556 } 557 558 function getAutoCompleteUrl() { 559 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 560 } 561 562 function getAutoCompleteCacheKey(requestUrl, term) { 563 return requestUrl + "|" + term.toLowerCase(); 564 } 565 566 function cacheAutoCompleteResult(cacheKey, data) { 567 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 568 autoCompleteCacheKeys.push(cacheKey); 569 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 570 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 571 } 572 } 573 autoCompleteCache[cacheKey] = data; 574 } 575 576 function respondToPendingAutoComplete(data) { 577 var responses = pendingAutoCompleteResponses; 578 pendingAutoCompleteResponses = []; 579 for (var i = 0; i < responses.length; i++) { 580 responses[i](data); 581 } 582 } 583 584 function cancelPendingAutoComplete() { 585 clearTimeout(autoCompleteDebounceTimer); 586 autoCompleteDebounceKey = null; 587 if (currentAutoCompleteRequest != null) { 588 currentAutoCompleteRequest.abort(); 589 currentAutoCompleteRequest = null; 590 } 591 currentAutoCompleteRequestKey = null; 592 respondToPendingAutoComplete([]); 593 } 594 595 function createWidgetAutoCompleteSource(options) { 596 return function (request, response) { 597 var term = normalizeAutoCompleteTerm(request.term); 598 if (!options.shouldSearch(term)) { 599 response([]); 600 return; 601 } 602 603 var requestUrl = options.url(); 604 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 605 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 606 response(autoCompleteCache[cacheKey]); 607 if (options.success) { 608 options.success(autoCompleteCache[cacheKey]); 609 } 610 return; 611 } 612 613 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 614 pendingAutoCompleteResponses.push(response); 615 return; 616 } 617 618 cancelPendingAutoComplete(); 619 autoCompleteDebounceKey = cacheKey; 620 pendingAutoCompleteResponses.push(response); 621 autoCompleteDebounceTimer = setTimeout(function () { 622 autoCompleteDebounceKey = null; 623 currentAutoCompleteRequestKey = cacheKey; 624 currentAutoCompleteRequest = $.ajax({ 625 url: requestUrl, 626 dataType: "json", 627 timeout: options.timeout, 628 data: { 629 term: term, 630 }, 631 success: function (data) { 632 if (currentAutoCompleteRequestKey === cacheKey) { 633 cacheAutoCompleteResult(cacheKey, data); 634 respondToPendingAutoComplete(data); 635 if (options.success) { 636 options.success(data); 637 } 638 } 639 }, 640 error: function (xmlhttprequest, textstatus, message) { 641 if (textstatus === "abort") { 642 return; 643 } 644 645 if (options.error) { 646 options.error(xmlhttprequest, textstatus, message); 647 } 648 649 respondToPendingAutoComplete([]); 650 }, 651 complete: function (xmlhttprequest) { 652 if (currentAutoCompleteRequest === xmlhttprequest) { 653 currentAutoCompleteRequest = null;
654 currentAutoCompleteRequestKey = null; 655 } 656 } 657 }); 658 }, options.delay); 659 }; 660 } 661 662 // click handler for search buttons 663 $(buttonSelector).click(function (e) { 664 e.preventDefault(); 665 var $btn = $(this); 666 var $field = $btn.siblings(".widgetSearchBox"); 667 var term = $field.val() + ""; 668 if (!shouldSearch(term)) { 669 // do nothing until user types enough characters 670 $field.focus(); 671 return; 672 } 673 674 if ($(checkboxSelector).is(':checked') || false) 675 { 676 doWidgetSearch($.trim(term), Number(0)); 677 } 678 else { 679 doWidgetSearch($.trim(term), 0); 680 } 681 }); 682 683 // enter key handler for the search field 684 $(searchFieldSelector).keypress(function (e) { 685 var code = e.which || e.keyCode; 686 if (code === 13) { 687 e.preventDefault(); 688 var $this = $(this); 689 var term = $this.val() + ""; 690 if (!shouldSearch(term)) { 691 // do nothing until user types enough characters 692 $this.focus(); 693 return false; 694 } 695 696 if ($(checkboxSelector).is(':checked') || false) { 697 doWidgetSearch($.trim(term), Number(0)); 698 } else { 699 doWidgetSearch($.trim(term), 0); 700 } 701 return false; 702 } 703 return true; 704 }); 705 706 // autocomplete: set minLength and guard source 707 if (true) { 708 var $searchField = $(searchFieldSelector).autocomplete({ 709 minLength: minPrefixLength, 710 source: createWidgetAutoCompleteSource({ 711 delay: autoCompleteDebounceDelay, 712 timeout: 10000, 713 shouldSearch: shouldSearch, 714 url: getAutoCompleteUrl, 715 success: function () { 716 $('.autoCompleteError').remove(); 717 }, 718 error: function (xmlhttprequest, textstatus, message) { 719 if (textstatus === "timeout") { 720 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 721 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 722 } 723 } 724 }), 725 html: true, 726 delay: 0, 727 select: function (event, ui) { 728 $(this).val(ui.item.value); 729 $(this).next().click(); 730 } 731 }); 732 733 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 734 return $("<li class=\"itemList\"></li>") 735 .data("ui-autocomplete-item", item) 736 .append("<a>" + item.label + "</a>") 737 .appendTo(ul); 738 }; 739 } 740 741 // keep searchBtnApplyQuery consistent with prefix rule 742 window.searchBtnApplyQuery = function() { 743 var $field = $(searchFieldSelector); 744 var term = $field.val() + ""; 745 if (shouldSearch(term)) { 746 // update href for the icon/button (if present) 747 var btn = document.getElementById("btnSearchIcon"); 748 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 749 } else { 750 var btn = document.getElementById("btnSearchIcon"); 751 if (btn) btn.href = "#"; 752 } 753 }; 754 } 755 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. 756 }); 757 </script>
757 758 759 <section id="widgetPreviewSearch" class="widget widgetSearch skin66 widgetOptionSet51" style="display: block;" aria-label="Search"> 760 <!-- For the button right and inside --> 761 <div class="widgetBody buttonRightInside"> 762 <input class="widgetSearchBox widgetSearchBoxa8d3093e-e77a-4ae9-8e52-5484e1682a8f" cp5ph="true" id="searchFielda8d3093e-e77a-4ae9-8e52-5484e1682a8f" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Iâm looking for..." type="text" value="" /> 763 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtona8d3093e-e77a-4ae9-8e52-5484e1682a8f" role="button"><img alt="Icon" class="imageHover" data-hover="/ImageRepository/Document?documentID=31493" data-image="/ImageRepository/Document?documentID=31492" src="/ImageRepository/Document?documentID=31492" /></a> 764 765 <label class="searchLabel" aria-hidden="true" for="searchFielda8d3093e-e77a-4ae9-8e52-5484e1682a8f">Search</label> 766 </div> 767 768 </section> 769 770 771<style scoped> 772 773 .widgetSearch ::-webkit-input-placeholder { 774 color: #fff; 775 } 776 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 777 color: #fff; 778 } 779 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 780 color: #fff; 781 } 782 .widgetSearch :-ms-input-placeholder { 783 color: #fff; 784 } 785 786 787 .widgetSearch .widgetBody .widgetSearchBoxa8d3093e-e77a-4ae9-8e52-5484e1682a8f 788 { 789 color: #fff; 790 height: 58px; 791border-radius: 30px; 792border: none; 793padding-left: 2em; 794font: 500 14px Open Sans; 795background: #4e6242; 796 797 } 798 .widgetSearch .widgetBody .widgetSearchButtona8d3093e-e77a-4ae9-8e52-5484e1682a8f 799 { 800 margin: 5px; 801 } 802 .widgetSearch .widgetSearch-onlyDepta8d3093e-e77a-4ae9-8e52-5484e1682a8f 803 { 804 display: inline-block; 805 color: #333; 806 807 808 padding-top: 10px; 809 } 810 #ysnSearchOnlyDepta8d3093e-e77a-4ae9-8e52-5484e1682a8f 811 { 812 position: relative; 813 top: .125em; 814 } 815 816</style> 817 818<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 819<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 820 821 822
823<script type="text/javascript"> 824 //Updates search icons href to have the correct queryString 825 function searchBtnApplyQuery() { 826 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFielda8d3093e-e77a-4ae9-8e52-5484e1682a8f").value; 827 } 828</script>
828 829 830</div> 831 832 </div> <!-- inner column --> 833 834 </div> <!-- inner row --> 835 836 </div><!-- outer column --><!-- --></div> <!-- outer row --> 837 838 839 </div> 840</div></div> 841</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS"> 842<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 843<div class="siteWrap"><div data-cpRole="structuralContainer" id="bannerContentTS"> 844<div data-cpRole="contentContainer" id="bannerContentContainerTS"> <div id="cc06921d7e-af31-4026-b41e-7292b8ad101a" data-containerid="06921d7e-af31-4026-b41e-7292b8ad101a" class="pageContent cpGrid cpGrid24 showInMobile"> 845 846 847 848 849 </div> 850</div> 851</div></div> 852</div> 853 854 855 856 857 <div id="bannerImagesJSON109" class="hidden"></div> 858 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 859 <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 860 <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 861 </div> 862
862<script type="text/javascript"> 863 $(window).on("load", function () { 864 $.when(window.Pages.rwdSetupComplete) 865 .done(function () { 866 renderExternalBannerSlideshow('banner1', 867 {"BannerOptionID":109,"ThemeID":24,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":false,"ImageAlignment":2,"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":172,"BannerOptionID":109,"FileName":"/ImageRepository/Document?documentID=31477","Height":456,"Width":2016,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":274,"BannerOptionID":109,"FileName":"/ImageRepository/Document?documentID=32164","Height":455,"Width":2012,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":291,"BannerOptionID":109,"FileName":"/ImageRepository/Document?documentID=1290","Height":651,"Width":1720,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":2,"BannerOptionID":109,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202004301218546303.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 868 '/App_Themes/2020 Redesign - Interior/Images/', 869 'Rotating'); 870 }); 871 }); 872 </script>
872 873 874</div> 875</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 876<div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 877<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 878<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 879<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 880 <li><a class="breadCrumb" href="/">Home</a></li><li><a href class="breadCrumb" aria-current="page">Search</a></li> 881 </ol> 882 <div class="contentTools"> 883 <ol class="semanticList cpTextResizer"> 884 <li><a href="#" id="makeTextSmaller" title="Make text smaller">A</a></li> 885 <li><a href="#" id="makeTextBigger" title="Make text bigger">A</a></li> 886 </ol> 887 </div> 888 889 890 891</div><div data-cpRole="mainContentContainer" id="moduleContent"> 892 893 894 895 <div id="searchModuleContent" class="newCP moduleContentNew cp-search"> 896 <div id="contentarea" class="contentMain selfClear"> 897<div class="header"> 898 <div class="graphic"> 899 <a title="Search this site" href="/Search"> 900 <img width="74" height="74" alt="Search icon" src="/Areas/Search/Assets/Images/HomeModuleIconLarge.png" /> 901 </a> 902 </div> 903 <div class="text"> 904 <h1><a href="/Search" title="Go back to the search home page">Search</a></h1> 905 906 </div> 907</div> <div id="divSearch" class="cp-search-container"> 908 <div id="divSearchStandard" class="cp-search-bar"> 909 <label for="searchPhrase" class="visuallyhidden">Search</label> 910 <div class="cp-search-barInner"> 911 <input type="text" name="searchPhrase" 912 id="searchPhrase" class="cp-search-input" 913 placeholder="Type to begin your search..." 914 value=""> 915 <a href="#" class="searchSite cp-search-submit"> 916 <svg id="iconSearch" viewbox="0 0 25 25"> 917 <title>Submit Search</title> 918 <path style="fill:currentcolor;" d="M25,24.458l-6.563-6.537c1.78-1.905,2.879-4.455,2.879-7.262C21.316,4.781,16.535,0,10.657,0S0,4.781,0,10.659 s4.78,10.659,10.657,10.659c2.697,0,5.155-1.015,7.034-2.671l6.573,6.547L25,24.458z M10.657,20.27c-1.295,0-2.554-0.254-3.74-0.755 c-1.144-0.484-2.172-1.178-3.055-2.06c-0.881-0.88-1.574-1.909-2.06-3.056c-0.501-1.182-0.755-2.44-0.755-3.74 S1.301,8.1,1.802,6.918c0.485-1.146,1.178-2.173,2.06-3.056c0.884-0.883,1.912-1.575,3.055-2.059 c1.184-0.501,2.444-0.756,3.74-0.756c1.298,0,2.557,0.255,3.741,0.756c1.145,0.485,2.172,1.177,3.055,2.059 c0.883,0.884,1.576,1.913,2.06,3.056c0.501,1.184,0.755,2.444,0.755,3.74s-0.254,2.556-0.755,3.74 c-0.485,1.146-1.178,2.173-2.06,3.056c-0.883,0.882-1.91,1.574-3.055,2.06C13.213,20.016,11.954,20.27,10.657,20.27z"></path> 919 </svg> 920 </a> 921 <input id="departmentId" type="hidden" value="-1"/> 922 </div> 923 </div> 924 </div> 925 <ol id="searchTabs" class="cp-Tabs-list" role="tablist" aria-label="Search tabs for site, agenda and minutes, municode and social" aria-orientation="horizontal"> 926 <li id="cp-SearchTab-Site" class="cp-Tabs-tab is-active" role="tab" aria-controls="divSearchResults" aria-selected="true"> 927 <a href="#siteSearch" id="siteSearch" class="cp-Tabs-link cp-Tabs-click-link"> 928 <svg class="cp-Tabs-linkArrow"> 929 <use xlink:href="#iconArrow--right"></use> 930 </svg> 931 Site Content 932 </a> 933 </li> 934 <li id="cp-MuniCode-Site" class="cp-Tabs-tab" role="tab" aria-controls="divSearchResultsMuniCode" aria-selected="false"> 935 <a href="#MuniCodeSearch" id="MuniCodeSearch" class="cp-Tabs-link cp-Tabs-click-link"> 936 <svg class="cp-Tabs-linkArrow"> 937 <use xlink:href="#iconArrow--right"></use> 938 </svg> 939 Municipal Code 940 </a> 941 </li> 942 </ol> 943 <fieldset id="divMunicodeStrip" style="display: none; margin-bottom: 2rem;"> 944 <legend>Search Criteria</legend> 945 <label class="ae-label"> 946 <input checked="checked" id="searchCodes" name="MuniCodeSearchCriteria" type="radio" value="Codes" /> 947 Codes 948 </label> 949 <label class="ae-label"> 950 <input id="searchOrdinances" name="MuniCodeSearchCriteria" type="radio" value="Ordinances" /> 951 Ordinances 952 </label> 953 <label class="ae-label"> 954 <input id="searchDocuments" name="MuniCodeSearchCriteria" type="radio" value="Documents" /> 955 Documents 956 </label> 957 </fieldset> 958 <div id="divSearchResultsMuniCode" class="cp-search-results" style="display:none;" role="tabpanel" aria-labelledby="cp-MuniCode-Site"> 959 </div> 960 961<div class="cp-search-typeToggle"> 962 <a id="advancedSearch" href="#advancedSearch" style="display: inline-block;">Advanced Search</a> 963 <a id="standardSearch" href="#standardSearch" style="display: none;">Standard Search</a> 964</div> 965<div id="divSearchAdvanced"> 966 <div id="advSearchForm" class="cp-search-advanced cp-search-advanced--hidden" aria-expanded="true">
967 <table border="0" cellpadding="0" cellspacing="0" class="cp-search-advancedTable"> 968 <tbody> 969 <tr> 970 <td colspan="2" class="cp-search-advancedHeader"> 971 Find pages with... 972 </td> 973 <td class="cp-search-advancedInstruction cp-search-advancedHeader"> 974 To do this in the search box 975 </td> 976 </tr> 977 <tr> 978 <td> 979 <label for="txtSearchAnd"><span class="cp-search-advancedHeader">all</span> these words:</label> 980 </td> 981 <td> 982 <input class="advSearchBox" name="txtSearchAnd" type="text" id="txtSearchAnd" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 983 </td> 984 <td class="cp-search-advancedInstruction"> 985 Enter your key words: <span class="cp-search-advancedCode">sugar glider</span> 986 </td> 987 </tr> 988 <tr> 989 <td> 990 <label for="txtSearchPhrase">this <span class="cp-search-advancedHeader">exact word or phrase</span>:</label> 991 </td> 992 <td> 993 <input class="advSearchBox" name="txtSearchPhrase" type="text" id="txtSearchPhrase" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 994 </td> 995 <td class="cp-search-advancedInstruction"> 996 Use quotes for exact phrases: <span class="cp-search-advancedCode">âsugar gliderâ</span> 997 </td> 998 </tr> 999 <tr> 1000 <td> 1001 <label for="txtSearchOr"><span class="cp-search-advancedHeader">any</span> of these words:</label> 1002 </td> 1003 <td> 1004 <input class="advSearchBox" name="txtSearchOr" type="text" id="txtSearchOr" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1005 </td> 1006 <td class="cp-search-advancedInstruction"> 1007 Type OR between the key words you want included: <span class="cp-search-advancedCode">marsupial OR pet</span> 1008 </td> 1009 </tr> 1010 <tr> 1011 <td> 1012 <label for="txtSearchNot"><span class="cp-search-advancedHeader">none</span> of these words:</label> 1013 </td> 1014 <td> 1015 <input class="advSearchBox" name="txtSearchNot" type="text" id="txtSearchNot" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1016 </td> 1017 <td class="cp-search-advancedInstruction"> 1018 Use a minus sign before words you donât want included: <span class="cp-search-advancedCode">-chair âpastry</span> 1019 </td> 1020 </tr> 1021 <tr> 1022 <td colspan="3" class="cp-search-advancedHeader"> 1023 Then narrow your results by... 1024 </td> 1025 </tr> 1026 <tr> 1027 <td> 1028 <label for="SearchContentType"><span>Content Type</span>:</label> 1029 </td> 1030 <td> 1031 <select id="SearchContentType" name="SearchContentType"> 1032 <option value="all" selected="selected">All Content</option> 1033 <option value="activities">Activities</option> 1034 <option value="agendas">Agendas</option> 1035 <option value="alerts">Alerts</option> 1036 <option value="bids">Bids</option> 1037 <option value="calendar">Calendar</option> 1038 <option value="civicsend">CivicSend</option> 1039 <option value="documents">Documents</option> 1040 <option value="faqs">FAQs</option> 1041 <option value="forms">Forms</option> 1042 <option value="images">Images</option> 1043 <option value="news">News</option> 1044 <option value="people">People</option> 1045 <option value="places">Places</option> 1046 <option value="social">Social</option> 1047 1048 <option value="webpages">Webpages</option> 1049 </select> 1050 </td> 1051 </tr> 1052 <tr> 1053 <td> 1054 <label for="selectedDepartmentHeader"><span class="bold">Department</span>:</label> 1055 </td> 1056 <td> 1057 <select id="selectedDepartmentHeader" name="DepartmentId"><option value="">All</option> 1058<option value="0">None</option> 1059<option value="1441">Economic Development</option> 1060<option value="1442">Halle Cultural Arts Center</option> 1061</select> 1062 </td> 1063 </tr> 1064 </tbody> 1065 </table> 1066 </div> 1067</div> 1068 <div id="divSearchResults" class="cp-search-results" role="tabpanel" aria-labelledby="cp-SearchTab-Site"> 1069 1070 1071<div id="divMainContentSearch"> 1072 <!-- cp-search-resultsLoading --> 1073 <h2 class="visuallyhidden">Search Results</h2> 1074<div data-currentpage="1"> 1075 <input id="UseAutoComplete" name="UseAutoComplete" type="hidden" value="True" /> 1076 1077 <p class="cp-search-status"> 1078 </p> 1079</div> 1080 </div>
1081<script type="text/javascript"> 1082 $('#paginationOption').change(function () { 1083 loadSearchResultPageList(1, $('#paginationOption').val()); 1084 }); 1085 1086 var autoExpandAdvancedSearch = 'false'; 1087 1088 if (autoExpandAdvancedSearch == 'true') { 1089 $('.cp-search-advanced').attr('aria-expanded', 'true'); 1090 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 1091 $('#standardSearch').show(); 1092 $('#advancedSearch').hide(); 1093 } 1094 1095 //Remove invaild tag(strong) from href for search site result. 1096 $("a[href*='strong']").each(function () { 1097 var validHref = $(this).attr('href').replace(/<strong>/gi, '').replace(/<\/strong>/gi, ''); 1098 $(this).attr('href', validHref); 1099 }); 1100 1101 $('input[type=radio][name=SearchCriteria]').unbind('change').change(function () { 1102 loadCivicClerkIndexResults(0, 10); 1103 }); 1104 1105 $('input[type=radio][name=MuniCodeSearchCriteria]').unbind('change').change(function () { 1106 loadMunicodeSearch(1, 10); 1107 }); 1108 1109 $('.cp-Tabs-click-link').unbind('click').click(function (e) { 1110 var $this = $(this); 1111 loadTabResults($this); 1112 return false; 1113 }); 1114</script>
1114 1115 1116 </div> 1117 </div> 1118 </div> 1119 1120 1121 <div class="newCP"> 1122 1123 </div> 1124</div> 1125</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccd43d8a3f-12ba-4dbd-94c6-d9026f52e8fc" data-containerid="d43d8a3f-12ba-4dbd-94c6-d9026f52e8fc" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="40"> 1126 1127 1128 1129 1130 </div> 1131</aside> 1132</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 1133<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cce52a91d4-01fa-4516-83ee-62b8c6bcd554" data-containerid="e52a91d4-01fa-4516-83ee-62b8c6bcd554" class="pageContent cpGrid cpGrid24 showInMobile"> 1134 1135 1136 1137 1138 </div> 1139</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 1140 1141 1142 1143 1144 1145 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="4" class="rootNavMenu accordionNav arrowIndicator"> 1146 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem1324" data-pageid="1324"> 1147 <div class="accordionNavItem"> 1148 <a href="/1324/Employee-Kudos" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Employee Kudos</a> 1149 </div> 1150 </li> 1151 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem834" data-pageid="834"> 1152 <div class="accordionNavItem"> 1153 <a href="/DocumentCenter/View/405" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Apex Development Report (PDF)</a> 1154 </div> 1155 </li> 1156 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem1249" data-pageid="1249"> 1157 <div class="accordionNavItem"> 1158 <a href="/calendar.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Calendar of Events</a> 1159 </div> 1160 </li> 1161 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem835" data-pageid="835"> 1162 <div class="accordionNavItem"> 1163 <a href="/149/Code-of-Ordinances" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Code of Ordinances</a> 1164 </div> 1165 </li> 1166 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem621" data-pageid="621"> 1167 <div class="accordionNavItem"> 1168 <a href="/454/Halle-Cultural-Arts-Center" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Halle Cultural Arts Center</a> 1169 </div> 1170 </li> 1171 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem807" data-pageid="807"> 1172 <div class="accordionNavItem"> 1173 <a href="/277/Garbage-Recycling-Yard-Waste" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Garbage & Recycling</a> 1174 </div> 1175 </li> 1176 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem945" data-pageid="945"> 1177 <div class="accordionNavItem"> 1178 <a href="/428/Special-Events-Festivals" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Special Events & Festivals</a> 1179 </div> 1180 </li> 1181 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem764" data-pageid="764"> 1182 <div class="accordionNavItem"> 1183 <a href="/1355/Stay-Notified" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Stay Notified</a> 1184 </div> 1185 </li> 1186 1187 </ol> 1188 1189 1190
1190<script type="text/javascript"> 1191 (function () { 1192 function setupSecondaryMenuProperties() { 1193 //setup menu manager properties for secondary menu 1194 menuManager.isSideMenuEditable = false; 1195 menuManager.sideMenuMaxSubMenuLevels = 4; 1196 menuManager.sideMenuHasCustomLinks = true; 1197 } 1198 1199 if (document.readyState === "loading") { 1200 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1201 return; 1202 } 1203 1204 setupSecondaryMenuProperties(); 1205 })(); 1206 </script>
1206 1207 1208
1208<script type="text/javascript"> 1209 (function () { 1210 function setupAccordionSecondaryNav() { 1211 var $menuContainer = $('#secondaryNav'); 1212 1213 $menuContainer.find('*[id^="SideItem"]').each(function () { 1214 var ids = $('[id="' + this.id + '"]'); 1215 if (ids.length > 1) 1216 $.each(ids, function (index, value) { 1217 value.id = value.id + '_' + index; 1218 }); 1219 }); 1220 1221 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1222 e.preventDefault(); 1223 showHideAccordionMenuForSecondaryNav($(this)); 1224 }); 1225 1226 $menuContainer.find(".grippy").each(function () { 1227 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1228 }); 1229 1230 $menuContainer.find("li").each(function () { 1231 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1232 }); 1233 } 1234 1235 if (document.readyState === "loading") { 1236 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1237 return; 1238 } 1239 1240 setupAccordionSecondaryNav(); 1241 })(); 1242 </script>
1242 1243 1244 1245 1246</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc1ca7e0d4-f295-49ea-8f14-f0e2cdbf1931" data-containerid="1ca7e0d4-f295-49ea-8f14-f0e2cdbf1931" class="pageContent cpGrid cpGrid24 showInMobile"> 1247 1248 1249 1250 1251 </div> 1252</aside> 1253</div> 1254</div></div> 1255</div><!-- headline --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1256<div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccf4db8f3b-3ff2-4164-9041-50983d8c7080" data-containerid="f4db8f3b-3ff2-4164-9041-50983d8c7080" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 1257 1258 1259 <div class="row outer wide"><!-- 1260--><div class="outer col col24 first last" style="" data-widgetcontainerid="ed4c40f2-7243-4506-8cdd-1d9d5e2f246f">� 1261 <div class="row nest first last wide">� 1262 1263 <div class="inner col col24 first last ida75a3e60-cd0f-4992-8ce0-bbd9db2d616f" style="" data-widgetcontainerid="a75a3e60-cd0f-4992-8ce0-bbd9db2d616f">� 1264 <div data-widget-id="8bd3e192-4d7c-4272-9d7e-8cee582b2440" data-widget-controller-path="/InfoAdvanced/Widget"> 1265 1266 1267 1268 1269 1270 <section id="divInfoAdv8bd3e192-4d7c-4272-9d7e-8cee582b2440" class="widget widgetInfoAdvanced skin72 widgetOptionSet35 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1271 <header class="widgetHeader" id="header8bd3e192-4d7c-4272-9d7e-8cee582b2440"> 1272 <div class=""> 1273 </div> 1274 </header> 1275 <div class="widgetBody cpGrid cpGrid1 "> 1276 <div class="row autoWidths left wide"> 1277 <div class="col col1 first last"> 1278 <ol class="pageStyles semanticList"> 1279 1280<li class="InfoAdvanced widgetItem fr-view"> 1281 <div>Let us help you!</div><header class="widgetHeader"><h3>Resident Services</h3></header> 1282</li> </ol> 1283 </div> 1284 </div> 1285 </div> 1286 <div class="widgetFooter"> 1287 1288 </div> 1289 1290 </section> 1291 1292 1293
1294<script type="text/javascript"> 1295 //Render slideshow if info advacned items contain one. 1296 $(document).ready(function (e) { 1297 $('#divInfoAdv8bd3e192-4d7c-4272-9d7e-8cee582b2440 .InfoAdvanced.widgetItem').each(function () { 1298 renderSlideshowIfApplicable($(this)); 1299 }); 1300 }); 1301</script>
1301</div> 1302 </div> <!-- inner column --> 1303 1304 </div> <!-- inner row --> 1305 1306 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1307 1308 1309 </div> 1310</div></div> 1311</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainer2TS"> 1312<div class="siteWrap"><div data-cpRole="contentContainer" id="gbs2TS"> <div id="cc0b22230d-9535-4db3-81be-9e19027760f1" data-containerid="0b22230d-9535-4db3-81be-9e19027760f1" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> 1313 1314 1315 <div class="row outer wide"><!-- 1316--><div class="outer col col12 first" style="" data-widgetcontainerid="5d644fcf-eda4-4c1e-a502-1f776176549f">� 1317 <div class="row nest first last wide">� 1318 1319 <div class="inner col col12 first last id03bd6d91-dfd4-4b6d-9fd3-4992d85edf2e" style="" data-widgetcontainerid="03bd6d91-dfd4-4b6d-9fd3-4992d85edf2e">� 1320<div data-widget-id="cff0ab8f-f988-4fcb-93dd-863211edbf7d" data-widget-controller-path="/GraphicLinks/Widget"> 1321 1322 1323 1324 1325<div id="graphicLinkWidgetcff0ab8f-f988-4fcb-93dd-863211edbf7d" class="widget widgetGraphicLinks skin102 widgetOptionSet47 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1326 <div class="widgetHeader"> 1327 <div class=""> 1328 </div> 1329 </div> 1330 <div class="widgetBody cpGrid cpGrid2 "> 1331 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1332 <div class="row wide"> 1333 <!-- 1334--><div class="col col1 first "><ul class="semanticList"><!-- 1335 --><li class="widgetItem GraphicLinks"> 1336 1337<div> 1338 <a href="/239/Utility-Account-Access-Payment" target="_self" class="fancyButton fancyButton303 " > 1339 <span> 1340 <span><span class="text"><span class="textStyle1">Utility Service & Payments</span><span class="textStyle2">Easily Pay Your Bills Online</span></span></span> 1341 </span> 1342 </a> 1343</div> 1344 <style scoped="scoped">.fancyButton303.fancyButton:link,.fancyButton303.fancyButton:visited, .fancyButton303div.fancyButton{ 1345 height: 150px; 1346 padding-top: 70px; 1347 padding-bottom: 1em; 1348 padding-right: 1em; 1349 padding-left: 1em; 1350 background-image: url('/ImageRepository/Document?documentID=31510'); 1351 background-repeat: no-repeat; 1352 background-position: 1em top; 1353display: flex; 1354flex-direction: column; 1355justify-content: flex-start; 1356align-items: flex-start; 1357} 1358.fancyButton303.fancyButton:hover,.fancyButton303.fancyButton:focus,.fancyButton303.fancyButton:active,.fancyButton303.fancyButton.hover{ 1359 background-image: url('/ImageRepository/Document?documentID=31509'); 1360 background-repeat: no-repeat; 1361 background-position: 1em top; 1362} 1363.fancyButton303.fancyButton:link > span,.fancyButton303.fancyButton:visited > span, .fancyButton303div.fancyButton > span{ 1364} 1365.fancyButton303.fancyButton:hover > span,.fancyButton303.fancyButton:focus > span,.fancyButton303.fancyButton:active > span,.fancyButton303.fancyButton.hover > span{ 1366} 1367.fancyButton303.fancyButton .text{ 1368 font-family: "Open Sans"; 1369 text-align: left; 1370 font-style: normal; 1371 text-decoration: none; 1372 background-repeat: no-repeat; 1373 background-position: left top; 1374 1375 1376} 1377.fancyButton303.fancyButton:hover .text,.fancyButton303.fancyButton:focus .text,.fancyButton303.fancyButton:active .text,.fancyButton303.fancyButton.hover .text{ 1378 text-decoration: none; 1379 background-repeat: no-repeat; 1380 background-position: left top; 1381 1382 1383} 1384.fancyButton303.fancyButton .textStyle1{ 1385 color: #516645; 1386 font-size: 1.1em; 1387 text-align: left; 1388 font-weight: 700; 1389 text-decoration: none; 1390display: block; 1391clear: both;} 1392.fancyButton303.fancyButton:hover .textStyle1, .fancyButton303.fancyButton.hover .textStyle1{ 1393 text-decoration: underline; 1394 1395} 1396.fancyButton303.fancyButton .textStyle2{ 1397 color: #2a2b2a; 1398 font-size: .9em; 1399 text-align: left; 1400 font-style: normal; 1401 text-decoration: none; 1402 1403} 1404.fancyButton303.fancyButton:hover .textStyle2, .fancyButton303.fancyButton.hover .textStyle2{ 1405 text-decoration: none; 1406 1407} 1408</style> 1409 1410 </li><!-- 1411--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1412 --><li class="widgetItem GraphicLinks"> 1413 1414<div> 1415 <a href="/223/Parks-Recreation-Cultural-Resources" target="_self" class="fancyButton fancyButton304 " > 1416 <span> 1417 <span><span class="text"><span class="textStyle1">Parks, Rec & Cultural Resources</span><span class="textStyle2">Find Programs, Classes, & More</span></span></span> 1418 </span> 1419 </a> 1420</div> 1421 <style scoped="scoped">.fancyButton304.fancyButton:link,.fancyButton304.fancyButton:visited, .fancyButton304div.fancyButton{ 1422 height: 150px; 1423 padding-top: 70px; 1424 padding-bottom: 1em; 1425 padding-right: 1em; 1426 padding-left: 1em; 1427 background-image: url('/ImageRepository/Document?documentID=31504'); 1428 background-repeat: no-repeat; 1429 background-position: 1em top; 1430display: flex; 1431flex-direction: column; 1432justify-content: flex-start; 1433align-items: flex-start; 1434} 1435.fancyButton304.fancyButton:hover,.fancyButton304.fancyButton:focus,.fancyButton304.fancyButton:active,.fancyButton304.fancyButton.hover{ 1436 background-image: url('/ImageRepository/Document?documentID=31503'); 1437 background-repeat: no-repeat; 1438 background-position: 1em top; 1439} 1440.fancyButton304.fancyButton:link > span,.fancyButton304.fancyButton:visited > span, .fancyButton304div.fancyButton > span{ 1441} 1442.fancyButton304.fancyButton:hover > span,.fancyButton304.fancyButton:focus > span,.fancyButton304.fancyButton:active > span,.fancyButton304.fancyButton.hover > span{ 1443} 1444.fancyButton304.fancyButton .text{ 1445 font-family: "Open Sans"; 1446 text-align: left; 1447 font-style: normal; 1448 text-decoration: none; 1449 background-repeat: no-repeat; 1450 background-position: left top; 1451 1452 1453} 1454.fancyButton304.fancyButton:hover .text,.fancyButton304.fancyButton:focus .text,.fancyButton304.fancyButton:active .text,.fancyButton304.fancyButton.hover .text{ 1455 text-decoration: none; 1456 background-repeat: no-repeat; 1457 background-position: left top; 1458 1459 1460} 1461.fancyButton304.fancyButton .textStyle1{ 1462 color: #516645; 1463 font-size: 1.1em; 1464 text-align: left; 1465 font-weight: 700; 1466 text-decoration: none; 1467display: block; 1468clear: both;} 1469.fancyButton304.fancyButton:hover .textStyle1, .fancyButton304.fancyButton.hover .textStyle1{ 1470 text-decoration: underline; 1471 1472} 1473.fancyButton304.fancyButton .textStyle2{ 1474 color: #2a2b2a; 1475 font-size: .9em; 1476 text-align: left; 1477 font-style: normal; 1478 text-decoration: none; 1479 1480} 1481.fancyButton304.fancyButton:hover .textStyle2, .fancyButton304.fancyButton.hover .textStyle2{ 1482 text-decoration: none; 1483 1484} 1485</style> 1486 1487 </li><!-- 1488--></ul></div><!-- --> 1489 </div> 1490 </nav> 1491 </div> 1492 <div class="widgetFooter"> 1493 </div> 1494</div> 1495</div> 1496 1497 </div> <!-- inner column --> 1498 1499 </div> <!-- inner row --> 1500 1501 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="24c0613c-7a1d-4a72-a509-cf1ebf4c43aa">� 1502 <div class="row nest first last wide">� 1503 1504 <div class="inner col col12 first last id0e900d66-ad01-4ee1-a265-02a9c2e0c2a0" style="" data-widgetcontainerid="0e900d66-ad01-4ee1-a265-02a9c2e0c2a0">� 1505<div data-widget-id="9a98d2a4-a033-47cd-9ab1-5f143bebae26" data-widget-controller-path="/GraphicLinks/Widget"> 1506 1507 1508 1509 1510<div id="graphicLinkWidget9a98d2a4-a033-47cd-9ab1-5f143bebae26" class="widget widgetGraphicLinks skin102 widgetOptionSet47 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1511 <div class="widgetHeader"> 1512 <div class="">
1513 </div> 1514 </div> 1515 <div class="widgetBody cpGrid cpGrid2 "> 1516 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1517 <div class="row wide"> 1518 <!-- 1519--><div class="col col1 first "><ul class="semanticList"><!-- 1520 --><li class="widgetItem GraphicLinks"> 1521 1522<div> 1523 <a href="/183/Building-Inspections-Permits" target="_self" class="fancyButton fancyButton305 " > 1524 <span> 1525 <span><span class="text"><span class="textStyle1">Building Inspections & Permits</span><span class="textStyle2">Complete Necessary Documents</span></span></span> 1526 </span> 1527 </a> 1528</div> 1529 <style scoped="scoped">.fancyButton305.fancyButton:link,.fancyButton305.fancyButton:visited, .fancyButton305div.fancyButton{ 1530 height: 150px; 1531 padding-top: 70px; 1532 padding-bottom: 1em; 1533 padding-right: 1em; 1534 padding-left: 1em; 1535 background-image: url('/ImageRepository/Document?documentID=31512'); 1536 background-repeat: no-repeat; 1537 background-position: 1em top; 1538display: flex; 1539flex-direction: column; 1540justify-content: flex-start; 1541align-items: flex-start; 1542} 1543.fancyButton305.fancyButton:hover,.fancyButton305.fancyButton:focus,.fancyButton305.fancyButton:active,.fancyButton305.fancyButton.hover{ 1544 background-image: url('/ImageRepository/Document?documentID=31511'); 1545 background-repeat: no-repeat; 1546 background-position: 1em top; 1547} 1548.fancyButton305.fancyButton:link > span,.fancyButton305.fancyButton:visited > span, .fancyButton305div.fancyButton > span{ 1549} 1550.fancyButton305.fancyButton:hover > span,.fancyButton305.fancyButton:focus > span,.fancyButton305.fancyButton:active > span,.fancyButton305.fancyButton.hover > span{ 1551} 1552.fancyButton305.fancyButton .text{ 1553 font-family: "Open Sans"; 1554 text-align: left; 1555 font-style: normal; 1556 text-decoration: none; 1557 background-repeat: no-repeat; 1558 background-position: left top; 1559 1560 1561} 1562.fancyButton305.fancyButton:hover .text,.fancyButton305.fancyButton:focus .text,.fancyButton305.fancyButton:active .text,.fancyButton305.fancyButton.hover .text{ 1563 text-decoration: none; 1564 background-repeat: no-repeat; 1565 background-position: left top; 1566 1567 1568} 1569.fancyButton305.fancyButton .textStyle1{ 1570 color: #516645; 1571 font-size: 1.1em; 1572 text-align: left; 1573 font-weight: 700; 1574 text-decoration: none; 1575display: block; 1576clear: both;} 1577.fancyButton305.fancyButton:hover .textStyle1, .fancyButton305.fancyButton.hover .textStyle1{ 1578 text-decoration: underline; 1579 1580} 1581.fancyButton305.fancyButton .textStyle2{ 1582 color: #2a2b2a; 1583 font-size: .9em; 1584 text-align: left; 1585 font-style: normal; 1586 text-decoration: none; 1587 1588} 1589.fancyButton305.fancyButton:hover .textStyle2, .fancyButton305.fancyButton.hover .textStyle2{ 1590 text-decoration: none; 1591 1592} 1593</style> 1594 1595 </li><!-- 1596--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1597 --><li class="widgetItem GraphicLinks"> 1598 1599<div> 1600 <a href="/277/Garbage-Recycling-Yard-Waste" target="_self" class="fancyButton fancyButton306 " > 1601 <span> 1602 <span><span class="text"><span class="textStyle1">Garbage & Recycling</span><span class="textStyle2">Guidelines & Schedules</span></span></span> 1603 </span> 1604 </a> 1605</div> 1606 <style scoped="scoped">.fancyButton306.fancyButton:link,.fancyButton306.fancyButton:visited, .fancyButton306div.fancyButton{ 1607 height: 150px; 1608 padding-top: 70px; 1609 padding-bottom: 1em; 1610 padding-right: 1em; 1611 padding-left: 1em; 1612 background-image: url('/ImageRepository/Document?documentID=31494'); 1613 background-repeat: no-repeat; 1614 background-position: 1em top; 1615display: flex; 1616flex-direction: column; 1617justify-content: flex-start; 1618align-items: flex-start; 1619} 1620.fancyButton306.fancyButton:hover,.fancyButton306.fancyButton:focus,.fancyButton306.fancyButton:active,.fancyButton306.fancyButton.hover{ 1621 background-image: url('/ImageRepository/Document?documentID=31517'); 1622 background-repeat: no-repeat; 1623 background-position: 1em top; 1624} 1625.fancyButton306.fancyButton:link > span,.fancyButton306.fancyButton:visited > span, .fancyButton306div.fancyButton > span{ 1626} 1627.fancyButton306.fancyButton:hover > span,.fancyButton306.fancyButton:focus > span,.fancyButton306.fancyButton:active > span,.fancyButton306.fancyButton.hover > span{ 1628} 1629.fancyButton306.fancyButton .text{ 1630 font-family: "Open Sans"; 1631 text-align: left; 1632 font-style: normal; 1633 text-decoration: none; 1634 background-repeat: no-repeat; 1635 background-position: left top; 1636 1637 1638} 1639.fancyButton306.fancyButton:hover .text,.fancyButton306.fancyButton:focus .text,.fancyButton306.fancyButton:active .text,.fancyButton306.fancyButton.hover .text{ 1640 text-decoration: none; 1641 background-repeat: no-repeat; 1642 background-position: left top; 1643 1644 1645} 1646.fancyButton306.fancyButton .textStyle1{ 1647 color: #516645; 1648 font-size: 1.1em; 1649 text-align: left; 1650 font-weight: 700; 1651 text-decoration: none; 1652display: block; 1653clear: both;} 1654.fancyButton306.fancyButton:hover .textStyle1, .fancyButton306.fancyButton.hover .textStyle1{ 1655 text-decoration: underline; 1656 1657} 1658.fancyButton306.fancyButton .textStyle2{ 1659 color: #2a2b2a; 1660 font-size: .9em; 1661 text-align: left; 1662 font-style: normal; 1663 text-decoration: none; 1664 1665} 1666.fancyButton306.fancyButton:hover .textStyle2, .fancyButton306.fancyButton.hover .textStyle2{ 1667 text-decoration: none; 1668 1669} 1670</style> 1671 1672 </li><!-- 1673--></ul></div><!-- --> 1674 </div> 1675 </nav> 1676 </div> 1677 <div class="widgetFooter"> 1678 </div> 1679</div> 1680</div> 1681 1682 </div> <!-- inner column --> 1683 1684 </div> <!-- inner row --> 1685 1686 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1687 <div class="row outer wide"><!-- 1688--><div class="outer col col12 first" style="" data-widgetcontainerid="e7b5cae9-db69-4864-b1bc-db0a45689022">� 1689 <div class="row nest first last wide">� 1690 1691 <div class="inner col col12 first last id72be1a8e-56e7-41be-9696-83639d736c35" style="" data-widgetcontainerid="72be1a8e-56e7-41be-9696-83639d736c35">� 1692<div data-widget-id="fffae40a-4c73-4957-823b-d28d9356f18f" data-widget-controller-path="/GraphicLinks/Widget"> 1693 1694 1695 1696 1697<div id="graphicLinkWidgetfffae40a-4c73-4957-823b-d28d9356f18f" class="widget widgetGraphicLinks skin102 widgetOptionSet47 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1698 <div class="widgetHeader"> 1699 <div class="">
1700 </div> 1701 </div> 1702 <div class="widgetBody cpGrid cpGrid2 "> 1703 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1704 <div class="row wide"> 1705 <!-- 1706--><div class="col col1 first "><ul class="semanticList"><!-- 1707 --><li class="widgetItem GraphicLinks"> 1708 1709<div> 1710 <a href="/428/Special-Events-Festivals" target="_self" class="fancyButton fancyButton307 " > 1711 <span> 1712 <span><span class="text"><span class="textStyle1">Special Events & Festivals</span><span class="textStyle2">Find Activities & Join Us</span></span></span> 1713 </span> 1714 </a> 1715</div> 1716 <style scoped="scoped">.fancyButton307.fancyButton:link,.fancyButton307.fancyButton:visited, .fancyButton307div.fancyButton{ 1717 height: 150px; 1718 padding-top: 70px; 1719 padding-bottom: 1em; 1720 padding-right: 1em; 1721 padding-left: 1em; 1722 background-image: url('/ImageRepository/Document?documentID=31508'); 1723 background-repeat: no-repeat; 1724 background-position: 1em top; 1725display: flex; 1726flex-direction: column; 1727justify-content: flex-start; 1728align-items: flex-start; 1729} 1730.fancyButton307.fancyButton:hover,.fancyButton307.fancyButton:focus,.fancyButton307.fancyButton:active,.fancyButton307.fancyButton.hover{ 1731 background-image: url('/ImageRepository/Document?documentID=31507'); 1732 background-repeat: no-repeat; 1733 background-position: 1em top; 1734} 1735.fancyButton307.fancyButton:link > span,.fancyButton307.fancyButton:visited > span, .fancyButton307div.fancyButton > span{ 1736} 1737.fancyButton307.fancyButton:hover > span,.fancyButton307.fancyButton:focus > span,.fancyButton307.fancyButton:active > span,.fancyButton307.fancyButton.hover > span{ 1738} 1739.fancyButton307.fancyButton .text{ 1740 font-family: "Open Sans"; 1741 text-align: left; 1742 font-style: normal; 1743 text-decoration: none; 1744 background-repeat: no-repeat; 1745 background-position: left top; 1746 1747 1748} 1749.fancyButton307.fancyButton:hover .text,.fancyButton307.fancyButton:focus .text,.fancyButton307.fancyButton:active .text,.fancyButton307.fancyButton.hover .text{ 1750 text-decoration: none; 1751 background-repeat: no-repeat; 1752 background-position: left top; 1753 1754 1755} 1756.fancyButton307.fancyButton .textStyle1{ 1757 color: #516645; 1758 font-size: 1.1em; 1759 text-align: left; 1760 font-weight: 700; 1761 text-decoration: none; 1762display: block; 1763clear: both;} 1764.fancyButton307.fancyButton:hover .textStyle1, .fancyButton307.fancyButton.hover .textStyle1{ 1765 text-decoration: underline; 1766 1767} 1768.fancyButton307.fancyButton .textStyle2{ 1769 color: #2a2b2a; 1770 font-size: .9em; 1771 text-align: left; 1772 font-style: normal; 1773 text-decoration: none; 1774 1775} 1776.fancyButton307.fancyButton:hover .textStyle2, .fancyButton307.fancyButton.hover .textStyle2{ 1777 text-decoration: none; 1778 1779} 1780</style> 1781 1782 </li><!-- 1783--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1784 --><li class="widgetItem GraphicLinks"> 1785 1786<div> 1787 <a href="/161/Human-Resources-Jobs" target="_self" class="fancyButton fancyButton308 " > 1788 <span> 1789 <span><span class="text"><span class="textStyle1">Human Resources & Jobs</span><span class="textStyle2">View Current Job Listings</span></span></span> 1790 </span> 1791 </a> 1792</div> 1793 <style scoped="scoped">.fancyButton308.fancyButton:link,.fancyButton308.fancyButton:visited, .fancyButton308div.fancyButton{ 1794 height: 150px; 1795 padding-top: 70px; 1796 padding-bottom: 1em; 1797 padding-right: 1em; 1798 padding-left: 1em; 1799 background-image: url('/ImageRepository/Document?documentID=31500'); 1800 background-repeat: no-repeat; 1801 background-position: 1em top; 1802display: flex; 1803flex-direction: column; 1804justify-content: flex-start; 1805align-items: flex-start; 1806} 1807.fancyButton308.fancyButton:hover,.fancyButton308.fancyButton:focus,.fancyButton308.fancyButton:active,.fancyButton308.fancyButton.hover{ 1808 background-image: url('/ImageRepository/Document?documentID=31499'); 1809 background-repeat: no-repeat; 1810 background-position: 1em top; 1811} 1812.fancyButton308.fancyButton:link > span,.fancyButton308.fancyButton:visited > span, .fancyButton308div.fancyButton > span{ 1813} 1814.fancyButton308.fancyButton:hover > span,.fancyButton308.fancyButton:focus > span,.fancyButton308.fancyButton:active > span,.fancyButton308.fancyButton.hover > span{ 1815} 1816.fancyButton308.fancyButton .text{ 1817 font-family: "Open Sans"; 1818 text-align: left; 1819 font-style: normal; 1820 text-decoration: none; 1821 background-repeat: no-repeat; 1822 background-position: left top; 1823 1824 1825} 1826.fancyButton308.fancyButton:hover .text,.fancyButton308.fancyButton:focus .text,.fancyButton308.fancyButton:active .text,.fancyButton308.fancyButton.hover .text{ 1827 text-decoration: none; 1828 background-repeat: no-repeat; 1829 background-position: left top; 1830 1831 1832} 1833.fancyButton308.fancyButton .textStyle1{ 1834 color: #516645; 1835 font-size: 1.1em; 1836 text-align: left; 1837 font-weight: 700; 1838 text-decoration: none; 1839display: block; 1840clear: both;} 1841.fancyButton308.fancyButton:hover .textStyle1, .fancyButton308.fancyButton.hover .textStyle1{ 1842 text-decoration: underline; 1843 1844} 1845.fancyButton308.fancyButton .textStyle2{ 1846 color: #2a2b2a; 1847 font-size: .9em; 1848 text-align: left; 1849 font-style: normal; 1850 text-decoration: none; 1851 1852} 1853.fancyButton308.fancyButton:hover .textStyle2, .fancyButton308.fancyButton.hover .textStyle2{ 1854 text-decoration: none; 1855 1856} 1857</style> 1858 1859 </li><!-- 1860--></ul></div><!-- --> 1861 </div> 1862 </nav> 1863 </div> 1864 <div class="widgetFooter"> 1865 </div> 1866</div> 1867</div> 1868 1869 </div> <!-- inner column --> 1870 1871 </div> <!-- inner row --> 1872 1873 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="c624e159-df5f-4457-b5d8-597f237ad53c">� 1874 <div class="row nest first last wide">� 1875 1876 <div class="inner col col12 first last id3f48332f-2b00-4eb9-adb1-c86f81d8d9db" style="" data-widgetcontainerid="3f48332f-2b00-4eb9-adb1-c86f81d8d9db">� 1877<div data-widget-id="9d0b8be4-6798-4e1b-9b56-fa16aa3aa79a" data-widget-controller-path="/GraphicLinks/Widget"> 1878 1879 1880 1881 1882<div id="graphicLinkWidget9d0b8be4-6798-4e1b-9b56-fa16aa3aa79a" class="widget widgetGraphicLinks skin102 widgetOptionSet47 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1883 <div class="widgetHeader"> 1884 <div class="">
1885 </div> 1886 </div> 1887 <div class="widgetBody cpGrid cpGrid2 "> 1888 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1889 <div class="row wide"> 1890 <!-- 1891--><div class="col col1 first "><ul class="semanticList"><!-- 1892 --><li class="widgetItem GraphicLinks"> 1893 1894<div> 1895 <a href="https://experience.arcgis.com/experience/41bf89a7c97d43a2934b0e823c8bfa45" target="_self" class="fancyButton fancyButton309 " > 1896 <span> 1897 <span><span class="text"><span class="textStyle1">Interactive Development Map</span><span class="textStyle2">Explore the Opportunities</span></span></span> 1898 </span> 1899 </a> 1900</div> 1901 <style scoped="scoped">.fancyButton309.fancyButton:link,.fancyButton309.fancyButton:visited, .fancyButton309div.fancyButton{ 1902 height: 150px; 1903 padding-top: 70px; 1904 padding-bottom: 1em; 1905 padding-right: 1em; 1906 padding-left: 1em; 1907 background-image: url('/ImageRepository/Document?documentID=31502'); 1908 background-repeat: no-repeat; 1909 background-position: 1em top; 1910display: flex; 1911flex-direction: column; 1912justify-content: flex-start; 1913align-items: flex-start; 1914} 1915.fancyButton309.fancyButton:hover,.fancyButton309.fancyButton:focus,.fancyButton309.fancyButton:active,.fancyButton309.fancyButton.hover{ 1916 background-image: url('/ImageRepository/Document?documentID=31501'); 1917 background-repeat: no-repeat; 1918 background-position: 1em top; 1919} 1920.fancyButton309.fancyButton:link > span,.fancyButton309.fancyButton:visited > span, .fancyButton309div.fancyButton > span{ 1921} 1922.fancyButton309.fancyButton:hover > span,.fancyButton309.fancyButton:focus > span,.fancyButton309.fancyButton:active > span,.fancyButton309.fancyButton.hover > span{ 1923} 1924.fancyButton309.fancyButton .text{ 1925 font-family: "Open Sans"; 1926 text-align: left; 1927 font-style: normal; 1928 text-decoration: none; 1929 background-repeat: no-repeat; 1930 background-position: left top; 1931 1932 1933} 1934.fancyButton309.fancyButton:hover .text,.fancyButton309.fancyButton:focus .text,.fancyButton309.fancyButton:active .text,.fancyButton309.fancyButton.hover .text{ 1935 text-decoration: none; 1936 background-repeat: no-repeat; 1937 background-position: left top; 1938 1939 1940} 1941.fancyButton309.fancyButton .textStyle1{ 1942 color: #516645; 1943 font-size: 1.1em; 1944 text-align: left; 1945 font-weight: 700; 1946 text-decoration: none; 1947display: block; 1948clear: both;} 1949.fancyButton309.fancyButton:hover .textStyle1, .fancyButton309.fancyButton.hover .textStyle1{ 1950 text-decoration: underline; 1951 1952} 1953.fancyButton309.fancyButton .textStyle2{ 1954 color: #2a2b2a; 1955 font-size: .9em; 1956 text-align: left; 1957 font-style: normal; 1958 text-decoration: none; 1959 1960} 1961.fancyButton309.fancyButton:hover .textStyle2, .fancyButton309.fancyButton.hover .textStyle2{ 1962 text-decoration: none; 1963 1964} 1965</style> 1966 1967 </li><!-- 1968--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1969 --><li class="widgetItem GraphicLinks"> 1970 1971<div> 1972 <a href="/139/Report-Concerns-Kudos" target="_self" class="fancyButton fancyButton310 " > 1973 <span> 1974 <span><span class="text"><span class="textStyle1">Report a Concern</span><span class="textStyle2">Let Us Know</span></span></span> 1975 </span> 1976 </a> 1977</div> 1978 <style scoped="scoped">.fancyButton310.fancyButton:link,.fancyButton310.fancyButton:visited, .fancyButton310div.fancyButton{ 1979 height: 150px; 1980 padding-top: 70px; 1981 padding-bottom: 1em; 1982 padding-right: 1em; 1983 padding-left: 1em; 1984 background-image: url('/ImageRepository/Document?documentID=31506'); 1985 background-repeat: no-repeat; 1986 background-position: 1em top; 1987display: flex; 1988flex-direction: column; 1989justify-content: flex-start; 1990align-items: flex-start; 1991} 1992.fancyButton310.fancyButton:hover,.fancyButton310.fancyButton:focus,.fancyButton310.fancyButton:active,.fancyButton310.fancyButton.hover{ 1993 background-image: url('/ImageRepository/Document?documentID=31505'); 1994 background-repeat: no-repeat; 1995 background-position: 1em top; 1996} 1997.fancyButton310.fancyButton:link > span,.fancyButton310.fancyButton:visited > span, .fancyButton310div.fancyButton > span{ 1998} 1999.fancyButton310.fancyButton:hover > span,.fancyButton310.fancyButton:focus > span,.fancyButton310.fancyButton:active > span,.fancyButton310.fancyButton.hover > span{ 2000} 2001.fancyButton310.fancyButton .text{ 2002 font-family: "Open Sans"; 2003 text-align: left; 2004 font-style: normal; 2005 text-decoration: none; 2006 background-repeat: no-repeat; 2007 background-position: left top; 2008 2009 2010} 2011.fancyButton310.fancyButton:hover .text,.fancyButton310.fancyButton:focus .text,.fancyButton310.fancyButton:active .text,.fancyButton310.fancyButton.hover .text{ 2012 text-decoration: none; 2013 background-repeat: no-repeat; 2014 background-position: left top; 2015 2016 2017} 2018.fancyButton310.fancyButton .textStyle1{ 2019 color: #516645; 2020 font-size: 1.1em; 2021 text-align: left; 2022 font-weight: 700; 2023 text-decoration: none; 2024display: block; 2025clear: both;} 2026.fancyButton310.fancyButton:hover .textStyle1, .fancyButton310.fancyButton.hover .textStyle1{ 2027 text-decoration: underline; 2028 2029} 2030.fancyButton310.fancyButton .textStyle2{ 2031 color: #2a2b2a; 2032 font-size: .9em; 2033 text-align: left; 2034 font-style: normal; 2035 text-decoration: none; 2036 2037} 2038.fancyButton310.fancyButton:hover .textStyle2, .fancyButton310.fancyButton.hover .textStyle2{ 2039 text-decoration: none; 2040 2041} 2042</style> 2043 2044 </li><!-- 2045--></ul></div><!-- --> 2046 </div> 2047 </nav> 2048 </div> 2049 <div class="widgetFooter"> 2050 </div> 2051</div> 2052</div> 2053 2054 </div> <!-- inner column --> 2055 2056 </div> <!-- inner row --> 2057 2058 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2059 <div class="row outer wide"><!-- 2060--><div class="outer col col12 first" style="" data-widgetcontainerid="b99ae191-6667-4be4-947a-a359913bc0f4">� 2061 <div class="row nest first last wide">� 2062 2063 <div class="inner col col12 first last id9997266a-5805-4e92-8a3b-3c4550f83f5d" style="" data-widgetcontainerid="9997266a-5805-4e92-8a3b-3c4550f83f5d">� 2064<div data-widget-id="bf7d9867-0233-44bb-9b0c-4db02795cf19" data-widget-controller-path="/GraphicLinks/Widget"> 2065 2066 2067 2068 2069<div id="graphicLinkWidgetbf7d9867-0233-44bb-9b0c-4db02795cf19" class="widget widgetGraphicLinks skin102 widgetOptionSet47 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2070 <div class="widgetHeader"> 2071 <div class="">
2072 </div> 2073 </div> 2074 <div class="widgetBody cpGrid cpGrid2 "> 2075 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2076 <div class="row wide"> 2077 <!-- 2078--><div class="col col1 first "><ul class="semanticList"><!-- 2079 --><li class="widgetItem GraphicLinks"> 2080 2081<div> 2082 <a href="/435/Downtown-Webcam" target="_self" class="fancyButton fancyButton312 " > 2083 <span> 2084 <span><span class="text"><span class="textStyle1">Downtown Webcam</span><span class="textStyle2">Watch Local Activity</span></span></span> 2085 </span> 2086 </a> 2087</div> 2088 <style scoped="scoped">.fancyButton312.fancyButton:link,.fancyButton312.fancyButton:visited, .fancyButton312div.fancyButton{ 2089 height: 150px; 2090 padding-top: 70px; 2091 padding-bottom: 1em; 2092 padding-right: 1em; 2093 padding-left: 1em; 2094 background-image: url('/ImageRepository/Document?documentID=31514'); 2095 background-repeat: no-repeat; 2096 background-position: 1em top; 2097display: flex; 2098flex-direction: column; 2099justify-content: flex-start; 2100align-items: flex-start; 2101} 2102.fancyButton312.fancyButton:hover,.fancyButton312.fancyButton:focus,.fancyButton312.fancyButton:active,.fancyButton312.fancyButton.hover{ 2103 background-image: url('/ImageRepository/Document?documentID=31513'); 2104 background-repeat: no-repeat; 2105 background-position: 1em top; 2106} 2107.fancyButton312.fancyButton:link > span,.fancyButton312.fancyButton:visited > span, .fancyButton312div.fancyButton > span{ 2108} 2109.fancyButton312.fancyButton:hover > span,.fancyButton312.fancyButton:focus > span,.fancyButton312.fancyButton:active > span,.fancyButton312.fancyButton.hover > span{ 2110} 2111.fancyButton312.fancyButton .text{ 2112 font-family: "Open Sans"; 2113 text-align: left; 2114 font-style: normal; 2115 text-decoration: none; 2116 background-repeat: no-repeat; 2117 background-position: left top; 2118 2119 2120} 2121.fancyButton312.fancyButton:hover .text,.fancyButton312.fancyButton:focus .text,.fancyButton312.fancyButton:active .text,.fancyButton312.fancyButton.hover .text{ 2122 text-decoration: none; 2123 background-repeat: no-repeat; 2124 background-position: left top; 2125 2126 2127} 2128.fancyButton312.fancyButton .textStyle1{ 2129 color: #516645; 2130 font-size: 1.1em; 2131 text-align: left; 2132 font-weight: 700; 2133 text-decoration: none; 2134display: block; 2135clear: both;} 2136.fancyButton312.fancyButton:hover .textStyle1, .fancyButton312.fancyButton.hover .textStyle1{ 2137 text-decoration: underline; 2138 2139} 2140.fancyButton312.fancyButton .textStyle2{ 2141 color: #2a2b2a; 2142 font-size: .9em; 2143 text-align: left; 2144 font-style: normal; 2145 text-decoration: none; 2146 2147} 2148.fancyButton312.fancyButton:hover .textStyle2, .fancyButton312.fancyButton.hover .textStyle2{ 2149 text-decoration: none; 2150 2151} 2152</style> 2153 2154 </li><!-- 2155--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2156 --><li class="widgetItem GraphicLinks"> 2157 2158<div> 2159 <a href="/838/Agendas-Minutes" target="_self" class="fancyButton fancyButton313 " > 2160 <span> 2161 <span><span class="text"><span class="textStyle1">Council Agendas & Minutes</span><span class="textStyle2">Follow Local Board Meetings</span></span></span> 2162 </span> 2163 </a> 2164</div> 2165 <style scoped="scoped">.fancyButton313.fancyButton:link,.fancyButton313.fancyButton:visited, .fancyButton313div.fancyButton{ 2166 height: 150px; 2167 padding-top: 70px; 2168 padding-bottom: 1em; 2169 padding-right: 1em; 2170 padding-left: 1em; 2171 background-image: url('/ImageRepository/Document?documentID=31498'); 2172 background-repeat: no-repeat; 2173 background-position: 1em top; 2174display: flex; 2175flex-direction: column; 2176justify-content: flex-start; 2177align-items: flex-start; 2178} 2179.fancyButton313.fancyButton:hover,.fancyButton313.fancyButton:focus,.fancyButton313.fancyButton:active,.fancyButton313.fancyButton.hover{ 2180 background-image: url('/ImageRepository/Document?documentID=31497'); 2181 background-repeat: no-repeat; 2182 background-position: 1em top; 2183} 2184.fancyButton313.fancyButton:link > span,.fancyButton313.fancyButton:visited > span, .fancyButton313div.fancyButton > span{ 2185} 2186.fancyButton313.fancyButton:hover > span,.fancyButton313.fancyButton:focus > span,.fancyButton313.fancyButton:active > span,.fancyButton313.fancyButton.hover > span{ 2187} 2188.fancyButton313.fancyButton .text{ 2189 font-family: "Open Sans"; 2190 text-align: left; 2191 font-style: normal; 2192 text-decoration: none; 2193 background-repeat: no-repeat; 2194 background-position: left top; 2195 2196 2197} 2198.fancyButton313.fancyButton:hover .text,.fancyButton313.fancyButton:focus .text,.fancyButton313.fancyButton:active .text,.fancyButton313.fancyButton.hover .text{ 2199 text-decoration: none; 2200 background-repeat: no-repeat; 2201 background-position: left top; 2202 2203 2204} 2205.fancyButton313.fancyButton .textStyle1{ 2206 color: #516645; 2207 font-size: 1.1em; 2208 text-align: left; 2209 font-weight: 700; 2210 text-decoration: none; 2211display: block; 2212clear: both;} 2213.fancyButton313.fancyButton:hover .textStyle1, .fancyButton313.fancyButton.hover .textStyle1{ 2214 text-decoration: underline; 2215 2216} 2217.fancyButton313.fancyButton .textStyle2{ 2218 color: #2a2b2a; 2219 font-size: .9em; 2220 text-align: left; 2221 font-style: normal; 2222 text-decoration: none; 2223 2224} 2225.fancyButton313.fancyButton:hover .textStyle2, .fancyButton313.fancyButton.hover .textStyle2{ 2226 text-decoration: none; 2227 2228} 2229</style> 2230 2231 </li><!-- 2232--></ul></div><!-- --> 2233 </div> 2234 </nav> 2235 </div> 2236 <div class="widgetFooter"> 2237 </div> 2238</div> 2239</div> 2240 2241 </div> <!-- inner column --> 2242 2243 </div> <!-- inner row --> 2244 2245 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="3befef11-5804-4f13-b8c9-dea5fbfd40a2">� 2246 <div class="row nest first last wide">� 2247 2248 <div class="inner col col12 first last id9d3e9077-a1e2-49b8-a79a-afe262fe580f" style="" data-widgetcontainerid="9d3e9077-a1e2-49b8-a79a-afe262fe580f">� 2249<div data-widget-id="cceb30b9-dc48-4951-ae1c-9ce6fbf0680a" data-widget-controller-path="/GraphicLinks/Widget"> 2250 2251 2252 2253 2254<div id="graphicLinkWidgetcceb30b9-dc48-4951-ae1c-9ce6fbf0680a" class="widget widgetGraphicLinks skin102 widgetOptionSet47 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2255 <div class="widgetHeader"> 2256 <div class="">
2257 </div> 2258 </div> 2259 <div class="widgetBody cpGrid cpGrid2 "> 2260 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2261 <div class="row wide"> 2262 <!-- 2263--><div class="col col1 first "><ul class="semanticList"><!-- 2264 --><li class="widgetItem GraphicLinks"> 2265 2266<div> 2267 <a href="/788/Economic-Development" target="_self" class="fancyButton fancyButton314 " > 2268 <span> 2269 <span><span class="text"><span class="textStyle1">Economic Development</span><span class="textStyle2">Business Resources & Assistance</span></span></span> 2270 </span> 2271 </a> 2272</div> 2273 <style scoped="scoped">.fancyButton314.fancyButton:link,.fancyButton314.fancyButton:visited, .fancyButton314div.fancyButton{ 2274 height: 150px; 2275 padding-top: 70px; 2276 padding-bottom: 1em; 2277 padding-right: 1em; 2278 padding-left: 1em; 2279 background-image: url('/ImageRepository/Document?documentID=31516'); 2280 background-repeat: no-repeat; 2281 background-position: 1em top; 2282display: flex; 2283flex-direction: column; 2284justify-content: flex-start; 2285align-items: flex-start; 2286} 2287.fancyButton314.fancyButton:hover,.fancyButton314.fancyButton:focus,.fancyButton314.fancyButton:active,.fancyButton314.fancyButton.hover{ 2288 background-image: url('/ImageRepository/Document?documentID=31515'); 2289 background-repeat: no-repeat; 2290 background-position: 1em top; 2291} 2292.fancyButton314.fancyButton:link > span,.fancyButton314.fancyButton:visited > span, .fancyButton314div.fancyButton > span{ 2293} 2294.fancyButton314.fancyButton:hover > span,.fancyButton314.fancyButton:focus > span,.fancyButton314.fancyButton:active > span,.fancyButton314.fancyButton.hover > span{ 2295} 2296.fancyButton314.fancyButton .text{ 2297 font-family: "Open Sans"; 2298 text-align: left; 2299 font-style: normal; 2300 text-decoration: none; 2301 background-repeat: no-repeat; 2302 background-position: left top; 2303 2304 2305} 2306.fancyButton314.fancyButton:hover .text,.fancyButton314.fancyButton:focus .text,.fancyButton314.fancyButton:active .text,.fancyButton314.fancyButton.hover .text{ 2307 text-decoration: none; 2308 background-repeat: no-repeat; 2309 background-position: left top; 2310 2311 2312} 2313.fancyButton314.fancyButton .textStyle1{ 2314 color: #516645; 2315 font-size: 1.1em; 2316 text-align: left; 2317 font-weight: 700; 2318 text-decoration: none; 2319display: block; 2320clear: both;} 2321.fancyButton314.fancyButton:hover .textStyle1, .fancyButton314.fancyButton.hover .textStyle1{ 2322 text-decoration: underline; 2323 2324} 2325.fancyButton314.fancyButton .textStyle2{ 2326 color: #2a2b2a; 2327 font-size: .9em; 2328 text-align: left; 2329 font-style: normal; 2330 text-decoration: none; 2331 2332} 2333.fancyButton314.fancyButton:hover .textStyle2, .fancyButton314.fancyButton.hover .textStyle2{ 2334 text-decoration: none; 2335 2336} 2337</style> 2338 2339 </li><!-- 2340--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2341 --><li class="widgetItem GraphicLinks"> 2342 2343<div> 2344 <a href="http://thehalle.org/" target="_self" class="fancyButton fancyButton315 " > 2345 <span> 2346 <span><span class="text"><span class="textStyle1">Halle Cultural Arts Center</span><span class="textStyle2">Theater, Studio & Galleries</span></span></span> 2347 </span> 2348 </a> 2349</div> 2350 <style scoped="scoped">.fancyButton315.fancyButton:link,.fancyButton315.fancyButton:visited, .fancyButton315div.fancyButton{ 2351 height: 150px; 2352 padding-top: 70px; 2353 padding-bottom: 1em; 2354 padding-right: 1em; 2355 padding-left: 1em; 2356 background-image: url('/ImageRepository/Document?documentID=31496'); 2357 background-repeat: no-repeat; 2358 background-position: 1em top; 2359display: flex; 2360flex-direction: column; 2361justify-content: flex-start; 2362align-items: flex-start; 2363} 2364.fancyButton315.fancyButton:hover,.fancyButton315.fancyButton:focus,.fancyButton315.fancyButton:active,.fancyButton315.fancyButton.hover{ 2365 background-image: url('/ImageRepository/Document?documentID=31495'); 2366 background-repeat: no-repeat; 2367 background-position: 1em top; 2368} 2369.fancyButton315.fancyButton:link > span,.fancyButton315.fancyButton:visited > span, .fancyButton315div.fancyButton > span{ 2370} 2371.fancyButton315.fancyButton:hover > span,.fancyButton315.fancyButton:focus > span,.fancyButton315.fancyButton:active > span,.fancyButton315.fancyButton.hover > span{ 2372} 2373.fancyButton315.fancyButton .text{ 2374 font-family: "Open Sans"; 2375 text-align: left; 2376 font-style: normal; 2377 text-decoration: none; 2378 background-repeat: no-repeat; 2379 background-position: left top; 2380 2381 2382} 2383.fancyButton315.fancyButton:hover .text,.fancyButton315.fancyButton:focus .text,.fancyButton315.fancyButton:active .text,.fancyButton315.fancyButton.hover .text{ 2384 text-decoration: none; 2385 background-repeat: no-repeat; 2386 background-position: left top; 2387 2388 2389} 2390.fancyButton315.fancyButton .textStyle1{ 2391 color: #516645; 2392 font-size: 1.1em; 2393 text-align: left; 2394 font-weight: 700; 2395 text-decoration: none; 2396display: block; 2397clear: both;} 2398.fancyButton315.fancyButton:hover .textStyle1, .fancyButton315.fancyButton.hover .textStyle1{ 2399 text-decoration: underline; 2400 2401} 2402.fancyButton315.fancyButton .textStyle2{ 2403 color: #2a2b2a; 2404 font-size: .9em; 2405 text-align: left; 2406 font-style: normal; 2407 text-decoration: none; 2408 2409} 2410.fancyButton315.fancyButton:hover .textStyle2, .fancyButton315.fancyButton.hover .textStyle2{ 2411 text-decoration: none; 2412 2413} 2414</style> 2415 2416 </li><!-- 2417--></ul></div><!-- --> 2418 </div> 2419 </nav> 2420 </div> 2421 <div class="widgetFooter"> 2422 </div> 2423</div> 2424</div> 2425 2426 </div> <!-- inner column --> 2427 2428 </div> <!-- inner row --> 2429 2430 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2431 2432 2433 </div> 2434</div></div> 2435</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1"> <div class="siteWrap"> <div data-cpRole="contentContainer" id="homeContent1a"></div> </div> </div> --><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 2436<div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccc4250fee-e1ae-4f20-b6d6-8ca3ff81419f" data-containerid="c4250fee-e1ae-4f20-b6d6-8ca3ff81419f" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> 2437 2438 2439 <div class="row outer wide"><!-- 2440--><div class="outer col col6 first" style="" data-widgetcontainerid="347da793-60ef-4fd0-be9d-896b2af8469b">� 2441 <div class="row nest first last wide">� 2442 2443 <div class="inner col col6 first last id5ebf8625-b192-49db-bda7-6b08d546891
2443a" style="" data-widgetcontainerid="5ebf8625-b192-49db-bda7-6b08d546891a">� 2444 <div data-widget-id="cc1408ab-f564-4117-9fc9-72b2e745f162" data-widget-controller-path="/InfoAdvanced/Widget"> 2445 2446 2447 2448 2449 2450 <section id="divInfoAdvcc1408ab-f564-4117-9fc9-72b2e745f162" class="widget widgetInfoAdvanced skin68 widgetOptionSet34 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2451 <header class="widgetHeader" id="headercc1408ab-f564-4117-9fc9-72b2e745f162"> 2452 <div class=""> 2453 </div> 2454 </header> 2455 <div class="widgetBody cpGrid cpGrid1 "> 2456 <div class="row autoWidths center wide"> 2457 <div class="col col1 first last"> 2458 <ol class="pageStyles semanticList"> 2459 2460<li class="InfoAdvanced widgetItem fr-view"> 2461 <img src="/ImageRepository/Document?documentID=33961" alt="Apex_logo_vertical_color" title="Apex_logo_vertical_color"> 2462</li> </ol> 2463 </div> 2464 </div> 2465 </div> 2466 <div class="widgetFooter"> 2467 2468 </div> 2469 2470 </section> 2471 2472 2473
2474<script type="text/javascript"> 2475 //Render slideshow if info advacned items contain one. 2476 $(document).ready(function (e) { 2477 $('#divInfoAdvcc1408ab-f564-4117-9fc9-72b2e745f162 .InfoAdvanced.widgetItem').each(function () { 2478 renderSlideshowIfApplicable($(this)); 2479 }); 2480 }); 2481</script>
2481</div> 2482 </div> <!-- inner column --> 2483 2484 </div> <!-- inner row --> 2485 2486 </div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="141d0d77-89bf-481a-a68d-7375a9a97f6c">� 2487 <div class="row nest first last wide">� 2488 2489 <div class="inner col col2 first last idddd1018a-5733-4737-9629-96a2e816e6a8" style="" data-widgetcontainerid="ddd1018a-5733-4737-9629-96a2e816e6a8">� 2490 2491<div class="widget widgetSpacer" id="ce322374-f665-4290-ab8c-b284171854a3"></div> 2492 </div> <!-- inner column --> 2493 2494 </div> <!-- inner row --> 2495 2496 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="e20ae4c3-5cc6-40e5-a84e-51609d3fd3cd">� 2497 <div class="row nest first last wide">� 2498 2499 <div class="inner col col6 first last id5f219c5b-4f67-4b86-8c19-d194e8b58850" style="" data-widgetcontainerid="5f219c5b-4f67-4b86-8c19-d194e8b58850">� 2500 <div data-widget-id="609973d6-e901-4157-b849-b441ac6c1590" data-widget-controller-path="/InfoAdvanced/Widget"> 2501 2502 2503 2504 2505 2506 <section id="divInfoAdv609973d6-e901-4157-b849-b441ac6c1590" class="widget widgetInfoAdvanced skin68 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header609973d6-e901-4157-b849-b441ac6c1590"> 2507 <header class="widgetHeader" id="header609973d6-e901-4157-b849-b441ac6c1590"> 2508 <div class=""> 2509 <h3 >Contact Us</h3> 2510 </div> 2511 </header> 2512 <div class="widgetBody cpGrid cpGrid1 "> 2513 <div class="row wide"> 2514 <div class="col col1 first last"> 2515 <ol class="pageStyles semanticList"> 2516 2517<li class="InfoAdvanced widgetItem fr-view"> 2518 <p>Apex Town Hall<br>73 Hunter Street<br>Apex, NC 27502<br>Phone: (<span style="text-decoration: underline; color: rgb(33, 34, 35);"><a href="tel:919-249-3400" style="text-decoration: underline;">919) 249-3400</a></span><br>Utilities Phone: <span style="text-decoration: underline; color: rgb(33, 34, 35);"><a href="tel:919-362-8676" style="text-decoration: underline;">(919) 362-8676</a></span></p><p>Mailing Address:<br>P.O. Box 250<br>Apex, NC 27502</p><p><strong>Hours</strong><br>Monday through Friday<br>8 am to 5 pm</p> 2519</li> </ol> 2520 </div> 2521 </div> 2522 </div> 2523 <div class="widgetFooter"> 2524 2525 </div> 2526 2527 </section> 2528 2529 2530
2531<script type="text/javascript"> 2532 //Render slideshow if info advacned items contain one. 2533 $(document).ready(function (e) { 2534 $('#divInfoAdv609973d6-e901-4157-b849-b441ac6c1590 .InfoAdvanced.widgetItem').each(function () { 2535 renderSlideshowIfApplicable($(this)); 2536 }); 2537 }); 2538</script>
2538</div> 2539 </div> <!-- inner column --> 2540 2541 </div> <!-- inner row --> 2542 2543 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="251be416-ea05-4fae-89aa-47ef4055294e">� 2544 <div class="row nest first last wide">� 2545 2546 <div class="inner col col6 first last id5a48faca-080a-4247-803e-a00020c5fdc9" style="" data-widgetcontainerid="5a48faca-080a-4247-803e-a00020c5fdc9">� 2547 <div data-widget-id="4b1c1964-9d9f-4f30-b7e6-3769baacb74e" data-widget-controller-path="/QuickLinks/Widget"> 2548 2549 2550 2551 2552 2553 2554 2555 2556 <section id="widgetQuicklink4b1c1964-9d9f-4f30-b7e6-3769baacb74e" class="widget widgetQuickLinks skin68 widgetOptionSet44 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader4b1c1964-9d9f-4f30-b7e6-3769baacb74e"> 2557 <header class="widgetHeader" id="quickLinksHeader4b1c1964-9d9f-4f30-b7e6-3769baacb74e"> 2558 <div class=""> 2559 <h3><a style="" href="/QuickLinks.aspx?CID=144" >Quick Links</a></h3> 2560 </div> 2561 </header> 2562 <div class="widgetBody cpGrid cpGrid1 "> 2563 <div class="row narrow"> 2564 <div class="col col1 first last"> 2565 <ol class="semanticList"> 2566 2567 2568 2569 2570 <li style="position:relative" class="widgetItem QuickLinks"> 2571 <a class="widgetDesc widgetQuickLinksLink" href="/690/Town-Operations" target="_self" aria-label="Town Departments - 2020 Redesign - Quick Links" rel="">Town Departments</a> 2572 <div class="widgetMeta"></div> 2573 </li> 2574 2575 2576 2577 2578 <li style="position:relative" class="widgetItem QuickLinks"> 2579 <a class="widgetDesc widgetQuickLinksLink" href="/784/Office-of-the-Town-Clerk" target="_self" aria-label="Public Records Request - 2020 Redesign - Quick Links" rel="">Public Records Request</a> 2580 <div class="widgetMeta"></div> 2581 </li> 2582 2583 2584 2585 2586 <li style="position:relative" class="widgetItem QuickLinks"> 2587 <a class="widgetDesc widgetQuickLinksLink" href="/468/Open-Gym" target="_self" aria-label="Open Gym - 2020 Redesign - Quick Links" rel="">Open Gym</a> 2588 <div class="widgetMeta"></div> 2589 </li> 2590 2591 2592 2593 2594 <li style="position:relative" class="widgetItem QuickLinks"> 2595 <a class="widgetDesc widgetQuickLinksLink" href="https://apexncorg.sharepoint.com/sites/LandingPage/SitePages/Team-Apex.aspx" target="_self" aria-label="Employee Intranet - 2020 Redesign - Quick Links" rel="">Employee Intranet</a> 2596 <div class="widgetMeta"></div> 2597 </li> 2598 2599 2600 2601 2602 <li style="position:relative" class="widgetItem QuickLinks"> 2603 <a class="widgetDesc widgetQuickLinksLink" href="/423/Youth-Athletics" target="_self" aria-label="Youth Athletics - 2020 Redesign - Quick Links" rel="">Youth Athletics</a> 2604 <div class="widgetMeta"></div> 2605 </li> 2606 2607 2608 2609 2610 <li style="position:relative" class="widgetItem QuickLinks"> 2611 <a class="widgetDesc widgetQuickLinksLink" href="/795/Apex-Community-Park" target="_self" aria-label="Apex Community Park - 2020 Redesign - Quick Links" rel="">Apex Community Park</a> 2612 <div class="widgetMeta"></div> 2613 </li> 2614 2615 2616 2617 2618 <li style="position:relative" class="widgetItem QuickLinks"> 2619 <a class="widgetDesc widgetQuickLinksLink" href="https://myaccount.apexnc.org/Portal/login" target="_blank" aria-label="Online Utility Portal - 2020 Redesign - Quick Links opens in new window" rel="noopener">Online Utility Portal</a> 2620 <div class="widgetMeta"></div> 2621 </li> 2622 2623 2624 2625 2626 <li style="position:relative" class="widgetItem QuickLinks"> 2627 <a class="widgetDesc widgetQuickLinksLink" href="/2163/Utility-Bill-Payment-Plans" target="_self" aria-label="Request a Payment Plan - 2020 Redesign - Quick Links" rel="">Request a Payment Plan</a> 2628 <div class="widgetMeta"></div> 2629 </li> 2630 </ol> 2631 </div> 2632 </div> 2633 2634 </div> 2635 <div class="widgetFooter"> 2636 </div> 2637 <div class="addItemModal hidden"> 2638 <div class="url hidden">/QuickLinks.aspx</div> 2639 </div> 2640 2641 </section> 2642</div> 2643 2644 </div> <!-- inner column --> 2645 2646 </div> <!-- inner row --> 2647 2648 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="559895d6-d27f-40e4-8c44-4e67e68f7c4d">� 2649 <div class="row nest first last wide">� 2650 2651 <div class="inner col col4 first last id5ac416d1-4c42-4f89-ba66-531ad3eb9f99" style="" data-widgetcontainerid="5ac416d1-4c42-4f89-ba66-531ad3eb9f99">� 2652<div data-widget-id="c45be1d2-8dee-4eec-9b81-2897bc8372e8" data-widget-controller-path="/GraphicLinks/Widget"> 2653 2654 2655 2656 2657<div id="graphicLinkWidgetc45be1d2-8dee-4eec-9b81-2897bc8372e8" class="widget widgetGraphicLinks skin68 widgetOptionSet49 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2658 <div class="widgetHeader"> 2659 <div class=""> 2660 <h3 id="GraphicLinkHeaderText" class="" >Connect With Us</h3>
2661 </div> 2662 </div> 2663 <div class="widgetBody cpGrid cpGrid1 "> 2664 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2665 <ul class="semanticList"> 2666 <!-- 2667 --><li class="widgetItem GraphicLinks"> 2668 2669<div> 2670 <a href="/facebook" target="_self" class="fancyButton fancyButton317 " > 2671 <span> 2672 <span><span class="text">Facebook</span></span> 2673 </span> 2674 </a> 2675</div> 2676 <style scoped="scoped">.fancyButton317.fancyButton:link,.fancyButton317.fancyButton:visited, .fancyButton317div.fancyButton{ 2677 padding-left: 35px; 2678 background-image: url('/ImageRepository/Document?documentID=31522'); 2679 background-repeat: no-repeat; 2680 background-position: 5px center; 2681transition: all .2s ease; 2682} 2683 2684.row.outer:not(.wide) .fancyButton317 { 2685margin: auto; 2686display: table; 2687} 2688.fancyButton317.fancyButton:hover,.fancyButton317.fancyButton:focus,.fancyButton317.fancyButton:active,.fancyButton317.fancyButton.hover{ 2689 background-repeat: no-repeat; 2690 background-position: left center; 2691} 2692.fancyButton317.fancyButton:link > span,.fancyButton317.fancyButton:visited > span, .fancyButton317div.fancyButton > span{ 2693} 2694.fancyButton317.fancyButton:hover > span,.fancyButton317.fancyButton:focus > span,.fancyButton317.fancyButton:active > span,.fancyButton317.fancyButton.hover > span{ 2695} 2696.fancyButton317.fancyButton .text{ 2697 color: #212223; 2698 font-family: "Open Sans"; 2699 text-align: left; 2700 font-style: normal; 2701 text-decoration: none; 2702 background-repeat: no-repeat; 2703 background-position: left top; 2704 2705 2706} 2707.fancyButton317.fancyButton:hover .text,.fancyButton317.fancyButton:focus .text,.fancyButton317.fancyButton:active .text,.fancyButton317.fancyButton.hover .text{ 2708 text-decoration: underline; 2709 background-repeat: no-repeat; 2710 background-position: left top; 2711 2712 2713} 2714</style> 2715 2716 </li><!-- 2717 --><li class="widgetItem GraphicLinks"> 2718 2719<div> 2720 <a href="/youtube" target="_self" class="fancyButton fancyButton319 " > 2721 <span> 2722 <span><span class="text">YouTube</span></span> 2723 </span> 2724 </a> 2725</div> 2726 <style scoped="scoped">.fancyButton319.fancyButton:link,.fancyButton319.fancyButton:visited, .fancyButton319div.fancyButton{ 2727 padding-left: 35px; 2728 background-image: url('/ImageRepository/Document?documentID=31521'); 2729 background-repeat: no-repeat; 2730 background-position: 5px center; 2731transition: all .2s ease; 2732} 2733 2734.row.outer:not(.wide) .fancyButton319 { 2735margin: auto; 2736display: table; 2737} 2738.fancyButton319.fancyButton:hover,.fancyButton319.fancyButton:focus,.fancyButton319.fancyButton:active,.fancyButton319.fancyButton.hover{ 2739 background-repeat: no-repeat; 2740 background-position: left center; 2741} 2742.fancyButton319.fancyButton:link > span,.fancyButton319.fancyButton:visited > span, .fancyButton319div.fancyButton > span{ 2743} 2744.fancyButton319.fancyButton:hover > span,.fancyButton319.fancyButton:focus > span,.fancyButton319.fancyButton:active > span,.fancyButton319.fancyButton.hover > span{ 2745} 2746.fancyButton319.fancyButton .text{ 2747 color: #212223; 2748 font-family: "Open Sans"; 2749 text-align: left; 2750 font-style: normal; 2751 text-decoration: none; 2752 background-repeat: no-repeat; 2753 background-position: left top; 2754 2755 2756} 2757.fancyButton319.fancyButton:hover .text,.fancyButton319.fancyButton:focus .text,.fancyButton319.fancyButton:active .text,.fancyButton319.fancyButton.hover .text{ 2758 text-decoration: underline; 2759 background-repeat: no-repeat; 2760 background-position: left top; 2761 2762 2763} 2764</style> 2765 2766 </li><!-- 2767 --><li class="widgetItem GraphicLinks"> 2768 2769<div> 2770 <a href="/instagram" target="_self" class="fancyButton fancyButton320 " > 2771 <span> 2772 <span><span class="text">Instagram</span></span> 2773 </span> 2774 </a> 2775</div> 2776 <style scoped="scoped">.fancyButton320.fancyButton:link,.fancyButton320.fancyButton:visited, .fancyButton320div.fancyButton{ 2777 padding-left: 35px; 2778 background-image: url('/ImageRepository/Document?documentID=31518'); 2779 background-repeat: no-repeat; 2780 background-position: 5px center; 2781transition: all .2s ease; 2782} 2783 2784.row.outer:not(.wide) .fancyButton320 { 2785margin: auto; 2786display: table; 2787} 2788.fancyButton320.fancyButton:hover,.fancyButton320.fancyButton:focus,.fancyButton320.fancyButton:active,.fancyButton320.fancyButton.hover{ 2789 background-repeat: no-repeat; 2790 background-position: left center; 2791} 2792.fancyButton320.fancyButton:link > span,.fancyButton320.fancyButton:visited > span, .fancyButton320div.fancyButton > span{ 2793} 2794.fancyButton320.fancyButton:hover > span,.fancyButton320.fancyButton:focus > span,.fancyButton320.fancyButton:active > span,.fancyButton320.fancyButton.hover > span{ 2795} 2796.fancyButton320.fancyButton .text{ 2797 color: #212223; 2798 font-family: "Open Sans"; 2799 text-align: left; 2800 font-style: normal; 2801 text-decoration: none; 2802 background-repeat: no-repeat; 2803 background-position: left top; 2804 2805 2806} 2807.fancyButton320.fancyButton:hover .text,.fancyButton320.fancyButton:focus .text,.fancyButton320.fancyButton:active .text,.fancyButton320.fancyButton.hover .text{ 2808 text-decoration: underline; 2809 background-repeat: no-repeat; 2810 background-position: left top; 2811 2812 2813} 2814</style> 2815 2816 </li><!-- 2817 --><li class="widgetItem GraphicLinks"> 2818 2819<div> 2820 <a href="/nextdoor" target="_self" class="fancyButton fancyButton321 " > 2821 <span> 2822 <span><span class="text">NextDoor</span></span> 2823 </span> 2824 </a> 2825</div> 2826 <style scoped="scoped">.fancyButton321.fancyButton:link,.fancyButton321.fancyButton:visited, .fancyButton321div.fancyButton{ 2827 padding-left: 35px; 2828 background-image: url('/ImageRepository/Document?documentID=31519'); 2829 background-repeat: no-repeat; 2830 background-position: 5px center; 2831transition: all .2s ease; 2832} 2833 2834.row.outer:not(.wide) .fancyButton321 { 2835margin: auto; 2836display: table; 2837} 2838.fancyButton321.fancyButton:hover,.fancyButton321.fancyButton:focus,.fancyButton321.fancyButton:active,.fancyButton321.fancyButton.hover{ 2839 background-repeat: no-repeat; 2840 background-position: left center; 2841} 2842.fancyButton321.fancyButton:link > span,.fancyButton321.fancyButton:visited > span, .fancyButton321div.fancyButton > span{ 2843} 2844.fancyButton321.fancyButton:hover > span,.fancyButton321.fancyButton:focus > span,.fancyButton321.fancyButton:active > span,.fancyButton321.fancyButton.hover > span{ 2845} 2846.fancyButton321.fancyButton .text{ 2847 color: #212223; 2848 font-family: "Open Sans"; 2849 text-align: left; 2850 font-style: normal; 2851 text-decoration: none; 2852 background-repeat: no-repeat; 2853 background-position: left top; 2854 2855 2856} 2857.fancyButton321.fancyButton:hover .text,.fancyButton321.fancyButton:focus .text,.fancyButton321.fancyButton:active .text,.fancyButton321.fancyButton.hover .text{ 2858 text-decoration: underline; 2859 background-repeat: no-repeat; 2860 background-position: left top; 2861 2862 2863} 2864</style> 2865 2866 </li><!-- 2867 --> 2868 </ul> 2869 </nav> 2870 </div> 2871 <div class="widgetFooter"> 2872 </div> 2873</div> 2874</div> 2875 2876 </div> <!-- inner column --> 2877 2878 </div> <!-- inner row --> 2879 2880 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2881 2882 2883 </div> 2884</div></div> 2885</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2886<div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc5373f98e-1110-4ab0-8f48-37d91925f6db" data-containerid="5373f98e-1110-4ab0-8f48-37d91925f6db"
2886class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="1"> 2887 2888 2889 <div class="row outer autoWidths center wide"><!-- 2890--><div class="outer col col12 first" style="" data-widgetcontainerid="f15d3b20-cb6a-4a72-992c-5ef98c1ccbd3">� 2891 <div class="row nest first last wide">� 2892 2893 <div class="inner col col12 first last id766fe87d-dab3-4290-a61d-35edc74785b3" style="" data-widgetcontainerid="766fe87d-dab3-4290-a61d-35edc74785b3">� 2894 <div data-widget-id="ad399a08-156d-44ec-bdde-fbccf023f86b" data-widget-controller-path="/QuickLinks/Widget"> 2895 2896 2897 2898 2899 2900 2901 2902 2903 <section id="widgetQuicklinkad399a08-156d-44ec-bdde-fbccf023f86b" class="widget widgetQuickLinks skin71 widgetOptionSet45 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> 2904 <header class="widgetHeader" id="quickLinksHeaderad399a08-156d-44ec-bdde-fbccf023f86b"> 2905 <div class=""> 2906 </div> 2907 </header> 2908 <div class="widgetBody cpGrid cpGrid6 "> 2909 <div class="row autoWidths center narrow"> 2910 <div class="col col1 first "> 2911 <ol class="semanticList"> 2912 2913 2914 2915 2916 <li style="position:relative" class="widgetItem QuickLinks"> 2917 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" aria-label="Home - 2020 Redesign - Site Links" rel="">Home</a> 2918 <div class="widgetMeta"></div> 2919 </li> 2920 </ol> 2921 </div> 2922 <div class="col col1 "> 2923 <ol class="semanticList"> 2924 2925 2926 2927 2928 <li style="position:relative" class="widgetItem QuickLinks"> 2929 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" aria-label="Accessibility - 2020 Redesign - Site Links" rel="">Accessibility</a> 2930 <div class="widgetMeta"></div> 2931 </li> 2932 </ol> 2933 </div> 2934 <div class="col col1 "> 2935 <ol class="semanticList"> 2936 2937 2938 2939 2940 <li style="position:relative" class="widgetItem QuickLinks"> 2941 <a class="widgetDesc widgetQuickLinksLink" href="/copyright" target="_self" aria-label="Copyright Notices - 2020 Redesign - Site Links" rel="">Copyright Notices</a> 2942 <div class="widgetMeta"></div> 2943 </li> 2944 </ol> 2945 </div> 2946 <div class="col col1 "> 2947 <ol class="semanticList"> 2948 2949 2950 2951 2952 <li style="position:relative" class="widgetItem QuickLinks"> 2953 <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" aria-label="Contact Us - 2020 Redesign - Site Links" rel="">Contact Us</a> 2954 <div class="widgetMeta"></div> 2955 </li> 2956 </ol> 2957 </div> 2958 <div class="col col1 last"> 2959 <ol class="semanticList"> 2960 2961 2962 2963 2964 <li style="position:relative" class="widgetItem QuickLinks"> 2965 <a class="widgetDesc widgetQuickLinksLink" href="https://www.apexnc.org/MyAccount?from=&url=&anchor=&validationMessage=" target="_self" aria-label="Staff Sign In - 2020 Redesign - Site Links" rel="">Staff Sign In</a> 2966 <div class="widgetMeta"></div> 2967 </li> 2968 </ol> 2969 </div> 2970 <div class="col col1 "> 2971 <ol class="semanticList"> 2972 </ol> 2973 </div> 2974 </div> 2975 2976 </div> 2977 <div class="widgetFooter"> 2978 </div> 2979 <div class="addItemModal hidden"> 2980 <div class="url hidden">/QuickLinks.aspx</div> 2981 </div> 2982 2983 </section> 2984</div> 2985 2986 </div> <!-- inner column --> 2987 2988 </div> <!-- inner row --> 2989 2990 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="0caba56f-f878-4981-b9f0-affaf81780f7">� 2991 <div class="row nest first last wide">� 2992 2993 <div class="inner col col12 first last id2674fa9f-23ba-4267-8692-37cc50b14d61" style="" data-widgetcontainerid="2674fa9f-23ba-4267-8692-37cc50b14d61">� 2994 2995 <div data-widget-id='a6894f1a-2de8-4e86-ac7b-b188fdc3ec30' data-moduleName="customHtml" id='widgetCustomHtmla6894f1a-2de8-4e86-ac7b-b188fdc3ec30' class="widget widgetCustomHtml skin71 narrow" > 2996 <div class="widgetBody pageStyles" id="widgetBodya6894f1a-2de8-4e86-ac7b-b188fdc3ec30"> 2997 <div id="customHtmla6894f1a-2de8-4e86-ac7b-b188fdc3ec30"><div><style> 2998 /* CP icon */ 2999 .cpBylineIconTS { 3000 color: #fff; 3001 } 3002 /* CP Text */ 3003 .cpBylineTextTS, 3004 .cpBylineTextTS a:link { 3005 color: #fff; 3006 } 3007 3008 .cpBylineTS { 3009 text-align: center; 3010 } 3011 3012 .cpBylineIconTS { 3013 fill: currentColor; 3014 width: 39px;
3015 height: 26px; 3016 display: inline; 3017 vertical-align: middle; 3018 } 3019</style> 3020 3021<div class="widgetItem cpBylineTS" style="padding-left: 2em;padding-right: 2em;"> 3022 3023 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 3024</div> 3025</div></div> 3026 </div> 3027 3028 </div> 3029 3030 </div> <!-- inner column --> 3031 3032 </div> <!-- inner row --> 3033 3034 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3035 3036 3037 </div> 3038</div></div> 3039</div> 3040</div> 3041 3042 </div> 3043 </div> 3044 </div> 3045 3046 3047<link href="/745732998.css" rel="stylesheet" type="text/css" /> 3048 3049<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 3050 <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"> 3051 <div class="cp-Splash-header"> 3052 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 3053 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 3054 <svg id="iconClose" viewBox="0 0 25 25"> 3055 <polygon style="fill:currentcolor" 3056 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> 3057 </svg> 3058 </button>
3059 </div> 3060 <div class="cp-Splash-body"> 3061 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 3062 <!-- Content from the Froala Editor will go here. --> 3063 Loading 3064 </div> 3065 </div> 3066 <div class="cp-Splash-footer"> 3067 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 3068 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 3069 </div> 3070 </div> 3071</div> 3072
3073<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3073
3073
3074<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3074
3074
3075<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3075
3075
3076<script> 3077 3078 $(document).ready(function () { 3079 var filter = { 3080 targetId: '', 3081 targetType: 0 3082 } 3083 3084 new SplashModalRender().triggerRender(filter); 3085 }); 3086</script>
3086 3087 3088 3089 3090 3091
3091<script type="text/javascript"> 3092 $(document).ready(function () { 3093 $('#paginationOption').change(function () { 3094 loadSearchResultPageList(1, $(this).val()); 3095 }); 3096 3097 $('.cp-search-typeToggle a').click(function(e) { 3098 e.preventDefault(); 3099 if ($('.cp-search-advanced').attr('aria-expanded') == 'false') { 3100 $('.cp-search-advanced').attr('aria-expanded', 'true'); 3101 } 3102 else { 3103 $('.cp-search-advanced').attr('aria-expanded', 'false'); 3104 } 3105 $('.cp-search-advanced').toggleClass('cp-search-advanced--hidden'); 3106 $('.cp-search-typeToggle a').toggle(); 3107 }); 3108 3109 var autoExpandAdvancedSearch = 'false'; 3110 if (autoExpandAdvancedSearch === 'true') { 3111 $('.cp-search-advanced').attr('aria-expanded', 'true'); 3112 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 3113 $('#standardSearch').show(); 3114 $('#advancedSearch').hide(); 3115 } 3116 3117 const archiveSocialLink = document.getElementById("ArchiveSocialSearch"); 3118 3119 if (archiveSocialLink) { 3120 const searchInput = document.getElementById("searchPhrase"); 3121 const link = new URL(archiveSocialLink.href); 3122 3123 searchInput.addEventListener("input", function () { 3124 const searchPhrase = searchInput?.value.trim(); 3125 link.searchParams.set("query.terms[0].text", searchPhrase); 3126 archiveSocialLink.href = link.href; 3127 }); 3128 } 3129 const nextRequestSearch = document.getElementById("NextRequestSearch"); 3130 3131 if (nextRequestSearch) { 3132 const searchInput = document.getElementById("searchPhrase"); 3133 const link = new URL(nextRequestSearch.href); 3134 3135 searchInput.addEventListener("input", function () { 3136 const searchPhrase = searchInput?.value.trim(); 3137 link.searchParams.set("search_term", searchPhrase); 3138 nextRequestSearch.href = link.href; 3139 }); 3140 } 3141 }); 3142 </script>
3142 3143 3144 3145 3146 3147 3148 3149 3150 3151 3152
3152<script src="/-1442400649.js" type="text/javascript"></script>
3152 3153 <!-- Google -->
3154<script>
vendor: 345 bytes, lines 3154-3160
3154 3155 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 3156 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 3157 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 3158 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 3159 3160 ga('create', '
3160UA-3293496-1
vendor: 42 bytes, lines 3160-3162
3160', 'auto'); 3161 ga('send', 'pageview'); 3162
3163</script>
3163 3164<!-- Google End --> 3165
3166<script type="text/javascript"> 3167/*<![CDATA[*/ 3168(function() { 3169var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; 3170sz.src = '//siteimproveanalytics.com/js/siteanalyze_81116.js'; 3171var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); 3172})(); 3173/*]]>*/ 3174</script>
3174 3175 3176 3177 3178<!-- Fixed Nav Adjustment -->
3179<script> 3180 function getValueTS(elem, attr) { 3181 const val = elem.css(attr); 3182 if (val === undefined) return undefined; 3183 const num = parseInt(val, 10); 3184 if (num === NaN) return undefined; 3185 return num; 3186 } 3187 3188 function clampTS(number, min, max) { 3189 return Math.min(Math.max(number, min), max); 3190 } 3191 3192 function isPageEditingTS() { 3193 return ( 3194 $("#doneEditing").length > 0 || // In live edit 3195 typeof DesignCenter !== "undefined" // In theme manager 3196 ); 3197 } 3198 3199 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 3200 function isTransparentTS(elem) { 3201 const bg = elem.css('background-color'); 3202 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3203 const matchState = bg.match(bgColorRegexTS); 3204 if (!matchState || matchState.length !== 5) return false; 3205 const alpha = parseFloat(matchState[4], 10); 3206 if (!(alpha >= 0 && alpha < 1)) return false; 3207 return true; 3208 } 3209 3210 function iterateLeftpads(cb) { 3211 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3212 for (let i = 0; i < containersTS.length; i++) { 3213 const containerTS = containersTS[i]; 3214 // Skip the body container and anything with data-skip-leftpad 3215 if ( 3216 containerTS.id !== "bodyContainerTS" && 3217 containerTS.getAttribute('data-skip-leftpad') === null 3218 ) { 3219 cb(containerTS); 3220 } 3221 } 3222 } 3223 3224 const anchor = $("#divToolbars");
3225 const bodyContainerTS = $("#bodyContainerTS"); 3226 3227 // Outer banner padding (push banner down) 3228 const outerSizingTS = $("#bannerContainerTS"); 3229 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 3230 const innerSizingTS = $("#bannerSizingTS"); 3231 3232 const forceUnfixClassTS = "forceUnfixTS"; 3233 3234 const fixedTopTS = $(".fixedTopTS"); 3235 const fixedBottomTS = $(".fixedBottomTS"); 3236 const fixedLeftTS = $(".fixedLeftTS"); 3237 3238 var initialTopTS; 3239 var topAttachTS; 3240 if (fixedTopTS && fixedTopTS.length === 1) { 3241 initialTopTS = getValueTS(fixedTopTS, 'top'); 3242 const attachment = fixedTopTS.attr('data-attach'); 3243 if (attachment) topAttachTS = $("#" + attachment); 3244 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 3245 } 3246 3247 function resizeAdjustmentTS() { 3248 const editing = isPageEditingTS(); 3249 3250 // Fixed top script 3251 (function () { 3252 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 3253 3254 if (editing) { 3255 fixedTopTS[0].classList.add(forceUnfixClassTS); 3256 } else { 3257 fixedTopTS[0].classList.remove(forceUnfixClassTS); 3258 } 3259 3260 const topPosition = fixedTopTS.css('position'); 3261 if (topPosition === 'fixed') { 3262 if (topAttachTS) { 3263 scrollAdjustmentTS(); 3264 } else { 3265 const anchorHeight = anchor.outerHeight() - 1; 3266 fixedTopTS.css('top', anchorHeight + initialTopTS); 3267 } 3268 } else { 3269 fixedTopTS.css('top', initialTopTS); 3270 } 3271 3272 if (topPosition === 'fixed' || topPosition === 'absolute') { 3273 // Bump the banner content down 3274 if (isTransparentTS(fixedTopTS)) { 3275 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight()); 3276 outerSizingTS.css('padding-top', ''); 3277 3278 try { 3279 window.Pages.onResizeHandlersExecute(); 3280 } catch (e) { } 3281 } else { 3282 outerSizingTS.css('padding-top', fixedTopTS.outerHeight()); 3283 innerSizingTS.css('padding-top', ''); 3284 } 3285 } else { 3286 innerSizingTS.css('padding-top', ''); 3287 outerSizingTS.css('padding-top', ''); 3288 } 3289 })(); 3290 3291 // Fixed bottom script 3292 (function () { 3293 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 3294 3295 // If the widget has gone narrow, force unfix 3296 if (editing || fixedBottomTS.outerHeight() > 200) { 3297 fixedBottomTS[0].classList.add(forceUnfixClassTS); 3298 } else { 3299 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 3300 } 3301 3302 if (fixedBottomTS.css('position') === 'fixed') { 3303 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 3304 } else { 3305 bodyContainerTS.css('padding-bottom', ''); 3306 } 3307 })(); 3308 3309 // Fixed left script 3310 (function () { 3311 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 3312 3313 if (editing) { 3314 fixedLeftTS[0].classList.add(forceUnfixClassTS); 3315 } else { 3316 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 3317 } 3318 3319 if (fixedLeftTS.css('position') === 'fixed') { 3320 const anchorHeight = anchor.outerHeight() - 1; 3321 fixedLeftTS.css('top', anchorHeight); 3322 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 3323 iterateLeftpads(function (containerTS) { 3324 const containerBoundingTS = containerTS.getBoundingClientRect(); 3325 if (containerBoundingTS.left <= leftBoundingTS.right) { 3326 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 3327 } 3328 }); 3329 } else { 3330 fixedLeftTS.css('top', ''); 3331 iterateLeftpads(function (containerTS) { 3332 $(containerTS).css('padding-left', ''); 3333 }); 3334 } 3335 })(); 3336 } 3337 3338 function scrollAdjustmentTS() { 3339 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 3340 const topPosition = fixedTopTS.css('position'); 3341 if (topPosition === 'fixed' || topPosition === 'absolute') { 3342 const anchorBounding = anchor[0].getBoundingClientRect();
3343 const attachBounding = topAttachTS[0].getBoundingClientRect(); 3344 const scrollTop = $(window).scrollTop(); 3345 3346 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 3347 } else { 3348 fixedTopTS.css('top', initialTopTS); 3349 } 3350 } 3351 3352 $(window).load(function () { 3353 setTimeout(function () { 3354 try { 3355 resizeAdjustmentTS(); 3356 } catch (e) { 3357 console.error(e); 3358 } 3359 }, 350); 3360 3361 $(window).scroll(function () { 3362 try { 3363 scrollAdjustmentTS(); 3364 } catch (e) { 3365 console.error(e); 3366 } 3367 }); 3368 3369 var adjustTimeoutTS; 3370 $(window).resize(function () { 3371 clearTimeout(adjustTimeoutTS); 3372 adjustTimeoutTS = setTimeout(function () { 3373 try { 3374 resizeAdjustmentTS(); 3375 } catch (e) { 3376 console.error(e); 3377 } 3378 }, 350); 3379 }); 3380 3381 $.when(window.Pages.angularToolbarComplete).done(function () { 3382 try { 3383 resizeAdjustmentTS(); 3384 } catch (e) { 3385 console.error(e); 3386 } 3387 }); 3388 }); 3389</script>
3389 3390<!-- End Fixed Nav Adjustment --> 3391 3392<!----------Recite Me toolbar ticket #901243---------> 3393<style> 3394#reciteme-button { 3395 /* Button Styling and Placement */ 3396 background: none; 3397 width: 135px; 3398 height: 81px; 3399 bottom: 14px; 3400 right: 14px; 3401 3402 position: fixed; 3403 border-radius: 50%; 3404 z-index: 100; 3405 cursor: pointer; 3406} 3407 3408#reciteme-button img { 3409 /** Button Image Size */ 3410 width: 135px; 3411 height: 45px; 3412 3413 position: absolute; 3414 top: 50%; 3415 left: 50%; 3416 transform: translate(-50%, -50%); 3417} 3418 3419@media only screen and (max-width: 550px) { 3420#reciteme-button img { 3421width: 140px !important; 3422} 3423 3424#reciteme-button { 3425width: 140px !important; 3426} 3427} 3428</style> 3429
3430<script> 3431var serviceUrl = "//api.reciteme.com/asset/js?key="; 3432var serviceKey = "45fe86647737f61001d47cb46261262fdffe3b2f"; 3433var options = {}; // Options can be added as needed 3434var autoLoad = false; 3435var enableFragment = "#reciteEnable"; 3436 3437var 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(); 3438 3439 3440 3441var reciteMeButton; 3442 3443function _createReciteButton() { 3444 3445buttonSrc = "https://www.apexnc.org/ImageRepository/Document?documentID=47071"; 3446var buttonParentSelector = 'body'; 3447var buttonContainer = document.createElement("div"); 3448var buttonImage = document.createElement("img"); 3449var buttonAlt = "Recite Me accessibility and Language Support"; 3450var buttonTitle = "Launch Recite Me"; 3451buttonContainer.setAttribute('id', 'reciteme-button'); 3452buttonContainer.setAttribute('alt', buttonAlt); 3453buttonContainer.setAttribute('title', buttonTitle); 3454buttonImage.setAttribute('alt', buttonAlt); 3455buttonImage.setAttribute('title', buttonTitle); 3456buttonImage.setAttribute('src', buttonSrc); 3457buttonContainer.appendChild(buttonImage); 3458var buttonParent = document.querySelector(buttonParentSelector); 3459buttonParent.appendChild(buttonContainer); 3460buttonContainer.addEventListener("click", function () { 3461loadService(); 3462return false; 3463}); 3464reciteMeButton = buttonContainer; 3465} 3466 3467document.onreadystatechange = function() { 3468if (document.readyState === "complete") { 3469_createReciteButton(); 3470} 3471}; 3472 3473if (document.readyState !== "complete") { 3474document.addEventListener("DOMContentLoaded", function(event) { 3475_createReciteButton(); 3476}); 3477} 3478 3479function _reciteLoaded () { 3480Recite.Event.subscribe("Controls:loaded", function () { 3481var elementToRemove = document.querySelectorAll("#recite-languages li:nth-child(134)"); 3482 3483if (elementToRemove.length > 0) { 3484elementToRemove[0].remove(); 3485} 3486 3487 3488 3489const header = document.querySelector("#headerContainerTS"); 3490window.addEventListener("scroll", () => { 3491 header.style.top = "50px"; 3492}); 3493 3494}) 3495} 3496 3497</script>
3497 3498
3499<script type="text/javascript"> 3500(function () { 3501 var clientReplaceAll = String.prototype.replaceAll; 3502 3503 // Preserve the client's regex-based implementation. 3504 Object.defineProperty(String.prototype, 'replaceAllReg', { 3505 configurable: true, 3506 writable: true, 3507 value: clientReplaceAll 3508 }); 3509 3510 function escapeRegExp(value) { 3511 return value.replace(/[.*+?^${}()|[\]\\]/g, '\\$&'); 3512 } 3513 3514 Object.defineProperty(String.prototype, 'replaceAll', { 3515 configurable: true, 3516 writable: true, 3517 value: function (search, replacement) { 3518 // Preserve the client's behaviour for actual regular expressions. 3519 if (search instanceof RegExp) { 3520 return clientReplaceAll.call(this, search, replacement); 3521 } 3522 3523 search = String(search); 3524 3525 try { 3526 // Preserve the client's regex-string behaviour when valid. 3527 new RegExp(search, 'g'); 3528 return clientReplaceAll.call(this, search, replacement); 3529 } catch (error) { 3530 if (!(error instanceof SyntaxError)) { 3531 throw error; 3532 } 3533 3534 // Invalid regex strings such as "(" become literal searches. 3535 return String(this).replace( 3536 new RegExp(escapeRegExp(search), 'g'), 3537 replacement 3538 ); 3539 } 3540 } 3541 }); 3542})(); 3543</script>
3543 3544 3545<!--------------End Recite Me toolbar-----------> 3546 3547 3548
3548<script type="text/javascript"> 3549 $(function () { 3550 document.cookie = "responsiveGhost=0; path=/"; 3551 }); 3552 $(window).on("load", function () { 3553 $('body').addClass('doneLoading').removeClass('hideContent'); 3554 3555 if ($('#404Content').length > 0) 3556 $('div#bodyWrapper').css('padding', '0px'); 3557 }); 3558 </script>
3558 3559 3560 <noscript> 3561 <style> 3562 body.hideContent { 3563 opacity: 1 !important; 3564 } 3565 </style> 3566 </noscript> 3567 3568 3569<div style="display: none;"> 3570 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 3571 3572 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 3573 <title>Arrow Left</title> 3574 <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> 3575 </symbol> 3576 3577 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 3578 <title>Arrow Right</title> 3579 <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> 3580 </symbol> 3581 3582 </svg> 3583</div> 3584
3584<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Libre+Baskerville:700,italic,regular|Open+Sans:300,600,700,800,regular|Poppins:500,600,700|');</script>
3584 3585 3586 3587 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 3588 <div style="display: none;"> 3589 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 3590 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3591 <title>Slideshow Left Arrow</title> 3592 <g> 3593 <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> 3594 </g> 3595 </symbol> 3596 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3597 <title>Slideshow Right Arrow</title> 3598 <g> 3599 <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> 3600 </g> 3601 </symbol> 3602 </svg> 3603 </div> 3604 3605 3606 3607 3608 <div id="root-picker-outlet"></div> 3609</body> 3610</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.