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-ZKW9SG1GC6';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= true; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = true; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 <meta name="google-site-verification" content="AJ4ZapXVM-DSM_Dhn8F90ID0gjE8Bf2JKvTQvcQ-_XQ" /> 118 119 120 121 <meta name="theme-color" content="rgb(10, 20, 72)"> 122 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 123 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 124 <title>Search ⢠Northport, AL ⢠CivicEngage</title> 125 126
126<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
126 127
127<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
127 128 129 130 <!--[if IE 6]>
130<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
130<![endif]--> 131 <!--[if IE 7]>
131<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
131<![endif]--> 132 <!--[if IE 8]>
132<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
132<![endif]--> 133 <!--[if IE 9]>
133<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
133<![endif]--> 134
134<script type="text/javascript"><!-- 135 var intCountryCode = 840; 136 var order = ''; 137//--></script>
137 138 139<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-978107420.css" rel="stylesheet" type="text/css" /> 140 141 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 142
142<script type="text/javascript"> 143 window.Pages = window.Pages || {}; 144 // FrontEnd RWD initialization 145 window.Pages.rwdReady = $.Deferred(); 146 window.Pages.toolBarDeferred = $.Deferred(); 147 window.Pages.rwdSetupComplete = $.Deferred(); 148 window.Pages.megaMenuLoaded = $.Deferred(); 149 window.Pages.angularToolbarComplete = $.Deferred(); 150 window.Pages.frontEndToolbarComplete = $.Deferred(); 151 </script>
151 152 <!--CPHeadContent--> 153
153<script src="/739942322.js" type="text/javascript"></script>
153 154 155 156 157
157<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
157 158
158<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
158 159 <link rel="stylesheet" type="text/css" href="/Areas/Search/Assets/Styles/Home2017.css" /> 160 <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 161 <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 162 163 164 165
165<script src="/1657590475.js" type="text/javascript"></script>
165 166 167 168 169 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 170 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 171 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 172 <!--[if lt IE 9]>
172<script type="text/javascript" src="/Scripts/html5.js"></script>
172<![endif]--> 173 174
174<script type="text/javascript"> 175 setEditorVariables(false, 840); 176 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 177 </script>
177 178
178<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
178 179</head> 180<body class="wide " > 181 182
182<script>jQuery(document).click(function (event) { 183 var target = jQuery(event.target); 184 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 185 var text = target.attr('title'); 186 187 if (!text.length) { 188 text = "N/A"; 189 } 190 ga('send', 191 { 192 hitType: 'event', 193 eventCategory: 'Image', 194 eventAction: 'Image - ' + text, 195 eventLabel: window.location.href 196 }); 197 } 198 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 199 var text = ""; 200 if (target.parents('.button')[0]) { 201 text = target.parents('.button').first().text(); 202 } else if (target.text().length) { 203 text = target.text(); 204 } else if (target.attr('title').length) { 205 text = target.attr('title'); 206 } 207 if (!text.length) { 208 text = "N/A"; 209 } 210 ga('send', 211 { 212 hitType: 'event', 213 eventCategory: 'Button', 214 eventAction: 'Button - ' + text, 215 eventLabel: window.location.href 216 }); 217 } 218 if (target.parents('.widgetCustomHtml').length) { 219 ga('send', 220 { 221 hitType: 'event', 222 eventCategory: 'Custom Html',
223 eventAction: 'Custom Html Clicked', 224 eventLabel: window.location.href 225 }); 226 } 227 if (target.parents('.editor').length) { 228 ga('send', 229 { 230 hitType: 'event', 231 eventCategory: 'Editor', 232 eventAction: 'Editor Link Clicked', 233 eventLabel: window.location.href 234 }); 235 } 236 if (target.parents('.GraphicLinks').length) { 237 var text = ""; 238 var targetGraphicLink = target; 239 if (target.hasClass('widgetGraphicLinksLink')) { 240 targetGraphicLink = jQuery(target.children()[0]); 241 } 242 if (targetGraphicLink.hasClass('text')) { 243 text = targetGraphicLink.text(); 244 } else if (targetGraphicLink.attr('src').length) { 245 if (targetGraphicLink.attr('alt').length) { 246 text = targetGraphicLink.attr('alt'); 247 } else { 248 text = targetGraphicLink.attr('src'); 249 } 250 } else { 251 text = "N/A"; 252 } 253 ga('send', 254 { 255 hitType: 'event', 256 eventCategory: 'Graphic Links', 257 eventAction: 'Graphic Link - ' + text, 258 eventLabel: window.location.href 259 }); 260 } 261 if (target.parents('.InfoAdvanced').length) { 262 ga('send', 263 { 264 hitType: 'event', 265 eventCategory: 'Info Advanced', 266 eventAction: 'Info Advanced Clicked', 267 eventLabel: window.location.href 268 }); 269 } 270 if (target.parents('.list').length) { 271 ga('send', 272 { 273 hitType: 'event', 274 eventCategory: 'List', 275 eventAction: 'List Clicked', 276 eventLabel: window.location.href 277 }); 278 } 279 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 280 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 281 var breadCrumbs = []; 282 jQuery('.breadCrumbs > li').each(function () { 283 breadCrumbs.push(this.textContent); 284 }); 285 var pageTitle = breadCrumbs.join('>'); 286 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 287 var text = ""; 288 if (pageTitle) { 289 text += pageTitle + " | "; 290 } else { 291 text += document.title + ' - '; 292 } 293 if (target.text() == "" && megaMenuText == "") { 294 text += "N/A"; 295 } else if (target.text().length && megaMenuText.length) { 296 if (megaMenuText == target.text()) { 297 text += megaMenuText; 298 } else { 299 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 300 } 301 } else if (target.text() == "") { 302 text += megaMenuText; 303 } else { 304 text += target.text(); 305 } 306 if (!text.length) { 307 text = "N/A"; 308 } 309 ga('send', 310 { 311 hitType: 'event', 312 eventCategory: 'Mega Menu', 313 eventAction: 'Mega Menu : ' + text, 314 eventLabel: window.location.href 315 }); 316 } 317 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 318 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 319 if (!text.length) { 320 text = "N/A"; 321 } 322 ga('send', 323 { 324 hitType: 'event', 325 eventCategory: 'News Flash', 326 eventAction: 'News Flash - ' + text, 327 eventLabel: window.location.href 328 }); 329 } 330 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 331 var text = target.text(); 332 if (!text.length) { 333 text = "N/A"; 334 } 335 ga('send', 336 { 337 hitType: 'event', 338 eventCategory: 'Quick Links', 339 eventAction: 'Quick Links - ' + text, 340 eventLabel: window.location.href 341 }); 342 } 343 if (target.attr('src') && target.parents('.cpSlideshow').length) { 344 var text = target.attr('title'); 345 if (!text.length) { 346 text = "N/A"; 347 } 348 ga('send', 349 { 350 hitType: 'event', 351 eventCategory: 'Slideshow', 352 eventAction: 'Slideshow - ' + text, 353 eventLabel: window.location.href 354 }); 355 } 356 if (target.parents('.widgetText').length) { 357 ga('send', 358 { 359 hitType: 'event', 360 eventCategory: 'Text', 361 eventAction: 'Text Link Clicked', 362 eventLabel: window.location.href 363 }); 364 } 365});</script>
365 366 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 367 <div class="cp-PopOver-header"> 368 <h3 class="cp-PopOver-title"></h3> 369 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 370 <svg class="cp-Icon--close" alt="close" title="close"> 371 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 372 </svg> 373 </button> 374 </div> 375 <div id="cpPopOverBody" class="cp-PopOver-body"> 376 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 377 </div> 378 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 379 <div class="cp-BtnGroup" id="actionButtons"> 380 <!-- Action buttons will be dynamically added here --> 381 </div> 382 </div> 383</div> 384 <div id="fb-root"></div> 385<div id=skipToContentLinks> 386<a href="#contentarea" target="_self" class="skipToContentLink">Skip to Main Content</a> 387</div> 388 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 389 390 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 391 392 393 394 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 395 <input type="hidden" id="hdnStructureID" value="9" /> 396 <input type="hidden" id="hdnContentCollectionID" value="e488ec09-3129-4559-9993-64edbcc2ea0d" /> 397 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 398 <input type="hidden" id="hdnThemeID" value="21" /> 399 <input type="hidden" id="pageIsFrontEnd" value="true" /> 400 <input type="hidden" id="pageModuleID" value="82" /> 401 <input type="hidden" id="pagePageID" /> 402 403 <input type="hidden" id="hdnModuleID" value="82" /> 404 <img id="imgLogoPrintPreview" src="/ImageRepository/Document?documentID=1913" alt="Northport, AL" /> 405<div id="stickyPlaceholder"></div> 406 <div id="outer-wrap" class="outer-wrap"> 407 <div id="inner-wrap" class="inner-wrap"> 408 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 409 410 411 412 413<!-- Begin Signed Out Bar --> 414<div class="cpToolbar user public"> 415 <div class="inner selfClear"> 416 <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> 417 <ul class="nav secondary"> 418 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 419 </ul> 420 </div> 421</div>
422<script> 423 $(document).ready(function () { 424 $('#signedOutToolbarCreateProfileButton').click(function (event) { 425 event.preventDefault(); 426 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 427 }); 428 429 430 $('#loggedOutToolbarSignInButton').click(function (event) { 431 event.preventDefault(); 432 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 433 }); 434 435 436 if ('False' == 'True') { 437 $('#loggedOutToolbarSignInButton').hide(); 438 } 439 }) 440</script>
440 441<!-- End Signed Out Bar --> 442 443 </div> 444 <div id="bodyWrapper"> 445 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 446 447<div data-cpRole="structuralContainer" id="bodyContainerTS"> 448<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 449<div class="siteWrap" id="flexHeaderTS"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 450 451 452 453 454 <a id="bannerLogoTS-81" style=" display: block; text-align: center; 455" class="bannerObject" href="/" target="_self"><img alt="Northport Alabama Homepage" class="bannerObject" height="264" src="/ImageRepository/Document?documentID=1917" width="368" /></a> 456</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation" aria-label="Main navigation"> 457<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 458--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 459 --><!-- 460 --> <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> <!-- 461 --><!-- 462 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 463 --><!-- 464 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2 " href="/101/Departments" target = "_self" > Departments </a> <!-- 465 --><!-- 466 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 467 --><!-- 468 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem3 " href="/31/Community" target = "_self" > Community </a> <!-- 469 --><!-- 470 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 471 --><!-- 472 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 473 --><!-- 474 --></li><!----> 475</ol> 476 477 478
478<script type="text/javascript"> 479 (function () { 480 function setupMenu() { 481 const menuID = 'mainNavMenu'; 482 const menuType = MAIN_MENU; 483 484 //setup menu manager properties for main menu 485 if (!menuManager.mobileMainNav && true) 486 menuManager.adjustMainItemsWidth('#' + menuID); 487 menuManager.isMainMenuEditable = false; 488 menuManager.mainMenuMaxSubMenuLevels = 4; 489 menuManager.setMOMMode(2, menuType); 490 491 //Init main menu 492 const setupDraggable = menuManager.isMainMenuEditable; 493 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=82&themeID=21&menuContainerID=mainNav'; 494 495 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 496 menuManager.mainMenuInit = true; 497 menuManager.mainMenuTextResizer = true; 498 if (1.00 > 0) 499 menuManager.mainMenuTextResizerRatio = 1.00; 500 if (window.isResponsiveEnabled) 501 menuManager.mainMenuReady.resolve(); 502 503 } 504 505 if (document.readyState === "complete" 506 || document.readyState === "loaded" 507 || document.readyState === "interactive") { 508 setupMenu(); 509 return; 510 } 511 512 document.addEventListener("DOMContentLoaded", setupMenu); 513 })(); 514 </script>
514 515 516 517<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="cc554589cc-fda8-4a29-bcd0-17cf6994178d" data-containerid="554589cc-fda8-4a29-bcd0-17cf6994178d" class="pageContent cpGrid cpGrid24 showInMobile"> 518 519 520 521 522 </div> 523</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cce7106738-16a6-413e-b4fb-42a344184d1a" data-containerid="e7106738-16a6-413e-b4fb-42a344184d1a" class="pageContent cpGrid cpGrid24 showInMobile"> 524 525 526 527 528 </div> 529</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc695db06f-7d68-46b9-996f-1866c763dc36" data-containerid="695db06f-7d68-46b9-996f-1866c763dc36" class="pageContent cpGrid cpGrid24 showInMobile"> 530 531 532 533 534 </div> 535</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc1cb855b9-1f1c-43cf-b3d9-b6d1f5aba485" data-containerid="1cb855b9-1f1c-43cf-b3d9-b6d1f5aba485" class="pageContent cpGrid cpGrid24 showInMobile"> 536 537 538 539 540 </div> 541</aside></aside></nav><div data-cpRole="contentContainer" id="searchTS"> <div id="cc6815247f-444b-4d19-9b85-898df8c1df23" data-containerid="6815247f-444b-4d19-9b85-898df8c1df23" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="1"> 542 543 544 <div class="row outer wide"><!-- 545--><div class="outer col col24 first last" style="" data-widgetcontainerid="f3b4a4e6-7216-444b-a141-68b14183161f">� 546 <div class="row nest first last wide">� 547 548 <div class="inner col col24 first last idc30f99bf-c0f4-4758-81cc-7a4109680c34" style="" data-widgetcontainerid="c30f99bf-c0f4-4758-81cc-7a4109680c34">� 549<div data-widget-id="33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2" data-widget-controller-path="/Layout/WidgetSearch"> 550 551
551<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
551 552
552<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
552 553
553<script defer type="text/javascript"> 554 555 $(document).ready(function () { 556 try { 557 // Minimum characters required before performing a search/autocomplete 558 var minPrefixLength = 3; 559 var autoCompleteDebounceDelay = 500; 560 var searchFieldSelector = "#searchField" + '33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2'; 561 var checkboxSelector = "#ysnSearchOnlyDept" + '33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2'; 562 var buttonSelector = ".widgetSearchButton" + '33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2'; 563 var autoCompleteCache = {}; 564 var autoCompleteCacheKeys = []; 565 var autoCompleteCacheLimit = 25; 566 var currentAutoCompleteRequest = null; 567 var currentAutoCompleteRequestKey = null; 568 var autoCompleteDebounceTimer = null; 569 var autoCompleteDebounceKey = null; 570 var pendingAutoCompleteResponses = []; 571 572 function normalizeAutoCompleteTerm(term) { 573 return $.trim((term || "") + "").replace(/\s+/g, " "); 574 } 575 576 function shouldSearch(term) { 577 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 578 } 579 580 function getAutoCompleteUrl() { 581 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 582 } 583 584 function getAutoCompleteCacheKey(requestUrl, term) { 585 return requestUrl + "|" + term.toLowerCase(); 586 } 587 588 function cacheAutoCompleteResult(cacheKey, data) { 589 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 590 autoCompleteCacheKeys.push(cacheKey); 591 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 592 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 593 } 594 } 595 autoCompleteCache[cacheKey] = data; 596 } 597 598 function respondToPendingAutoComplete(data) { 599 var responses = pendingAutoCompleteResponses; 600 pendingAutoCompleteResponses = []; 601 for (var i = 0; i < responses.length; i++) { 602 responses[i](data); 603 } 604 } 605 606 function cancelPendingAutoComplete() { 607 clearTimeout(autoCompleteDebounceTimer); 608 autoCompleteDebounceKey = null; 609 if (currentAutoCompleteRequest != null) { 610 currentAutoCompleteRequest.abort(); 611 currentAutoCompleteRequest = null; 612 } 613 currentAutoCompleteRequestKey = null; 614 respondToPendingAutoComplete([]); 615 } 616 617 function createWidgetAutoCompleteSource(options) { 618 return function (request, response) { 619 var term = normalizeAutoCompleteTerm(request.term); 620 if (!options.shouldSearch(term)) { 621 response([]); 622 return; 623 } 624 625 var requestUrl = options.url(); 626 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 627 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 628 response(autoCompleteCache[cacheKey]); 629 if (options.success) { 630 options.success(autoCompleteCache[cacheKey]); 631 } 632 return; 633 } 634 635 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 636 pendingAutoCompleteResponses.push(response); 637 return; 638 } 639 640 cancelPendingAutoComplete(); 641 autoCompleteDebounceKey = cacheKey; 642 pendingAutoCompleteResponses.push(response); 643 autoCompleteDebounceTimer = setTimeout(function () { 644 autoCompleteDebounceKey = null; 645 currentAutoCompleteRequestKey = cacheKey; 646 currentAutoCompleteRequest = $.ajax({ 647 url: requestUrl, 648 dataType: "json", 649 timeout: options.timeout, 650 data: { 651 term: term, 652 }, 653 success: function (data) { 654 if (currentAutoCompleteRequestKey === cacheKey) { 655 cacheAutoCompleteResult(cacheKey, data); 656 respondToPendingAutoComplete(data); 657 if (options.success) { 658 options.success(data); 659 } 660 } 661 }, 662 error: function (xmlhttprequest, textstatus, message) { 663 if (textstatus === "abort") { 664 return; 665 } 666 667 if (options.error) { 668 options.error(xmlhttprequest, textstatus, message); 669 } 670 671 respondToPendingAutoComplete([]); 672 }, 673 complete: function (xmlhttprequest) { 674 if (currentAutoCompleteRequest === xmlhttprequest) { 675 currentAutoCompleteRequest = null;
676 currentAutoCompleteRequestKey = null; 677 } 678 } 679 }); 680 }, options.delay); 681 }; 682 } 683 684 // click handler for search buttons 685 $(buttonSelector).click(function (e) { 686 e.preventDefault(); 687 var $btn = $(this); 688 var $field = $btn.siblings(".widgetSearchBox"); 689 var term = $field.val() + ""; 690 if (!shouldSearch(term)) { 691 // do nothing until user types enough characters 692 $field.focus(); 693 return; 694 } 695 696 if ($(checkboxSelector).is(':checked') || false) 697 { 698 doWidgetSearch($.trim(term), Number(0)); 699 } 700 else { 701 doWidgetSearch($.trim(term), 0); 702 } 703 }); 704 705 // enter key handler for the search field 706 $(searchFieldSelector).keypress(function (e) { 707 var code = e.which || e.keyCode; 708 if (code === 13) { 709 e.preventDefault(); 710 var $this = $(this); 711 var term = $this.val() + ""; 712 if (!shouldSearch(term)) { 713 // do nothing until user types enough characters 714 $this.focus(); 715 return false; 716 } 717 718 if ($(checkboxSelector).is(':checked') || false) { 719 doWidgetSearch($.trim(term), Number(0)); 720 } else { 721 doWidgetSearch($.trim(term), 0); 722 } 723 return false; 724 } 725 return true; 726 }); 727 728 // autocomplete: set minLength and guard source 729 if (true) { 730 var $searchField = $(searchFieldSelector).autocomplete({ 731 minLength: minPrefixLength, 732 source: createWidgetAutoCompleteSource({ 733 delay: autoCompleteDebounceDelay, 734 timeout: 10000, 735 shouldSearch: shouldSearch, 736 url: getAutoCompleteUrl, 737 success: function () { 738 $('.autoCompleteError').remove(); 739 }, 740 error: function (xmlhttprequest, textstatus, message) { 741 if (textstatus === "timeout") { 742 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 743 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 744 } 745 } 746 }), 747 html: true, 748 delay: 0, 749 select: function (event, ui) { 750 $(this).val(ui.item.value); 751 $(this).next().click(); 752 } 753 }); 754 755 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 756 return $("<li class=\"itemList\"></li>") 757 .data("ui-autocomplete-item", item) 758 .append("<a>" + item.label + "</a>") 759 .appendTo(ul); 760 }; 761 } 762 763 // keep searchBtnApplyQuery consistent with prefix rule 764 window.searchBtnApplyQuery = function() { 765 var $field = $(searchFieldSelector); 766 var term = $field.val() + ""; 767 if (shouldSearch(term)) { 768 // update href for the icon/button (if present) 769 var btn = document.getElementById("btnSearchIcon"); 770 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 771 } else { 772 var btn = document.getElementById("btnSearchIcon"); 773 if (btn) btn.href = "#"; 774 } 775 }; 776 } 777 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. 778 }); 779 </script>
779 780 781 <section id="widgetPreviewSearch" class="widget widgetSearch skin61 widgetOptionSet53" style="display: block;" aria-label="Search"> 782 <!-- For the button right and inside --> 783 <div class="widgetBody buttonRightInside"> 784 <input class="widgetSearchBox widgetSearchBox33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2" cp5ph="true" id="searchField33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 785 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=1921" data-image="/ImageRepository/Document?documentID=1922" src="/ImageRepository/Document?documentID=1922" /></a> 786 787 <label class="searchLabel" aria-hidden="true" for="searchField33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2">Search</label> 788 </div> 789 790 </section> 791 792 793<style scoped> 794 795 .widgetSearch ::-webkit-input-placeholder { 796 color: rgba(0, 0, 0, 1); 797 } 798 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 799 color: rgba(0, 0, 0, 1); 800 } 801 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 802 color: rgba(0, 0, 0, 1); 803 } 804 .widgetSearch :-ms-input-placeholder { 805 color: rgba(0, 0, 0, 1); 806 } 807 808 809 .widgetSearch .widgetBody .widgetSearchBox33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2 810 { 811 color: rgba(0, 0, 0, 1); 812 border-radius: 5px; 813border: 0; 814background: #FFFFFF; 815height: 60px; 816font-family: Montserrat; 817font-style: italic; 818font-size: 1.1em; 819padding: 0 80px 0 20px; 820box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.3); 821 822 } 823 .widgetSearch .widgetBody .widgetSearchButton33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2 824 { 825 margin: 5px 5px 0 0; 826 } 827 .widgetSearch .widgetSearch-onlyDept33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2 828 { 829 display: inline-block; 830 color: #333; 831 832 833 padding-top: 10px; 834 } 835 #ysnSearchOnlyDept33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2 836 { 837 position: relative; 838 top: .125em; 839 } 840 841</style> 842 843<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 844<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 845 846 847
848<script type="text/javascript"> 849 //Updates search icons href to have the correct queryString 850 function searchBtnApplyQuery() { 851 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField33e2fe6b-b2eb-4a4e-8037-b22c881bbbb2").value; 852 } 853</script>
853 854 855</div> 856 857 </div> <!-- inner column --> 858 859 </div> <!-- inner row --> 860 861 </div><!-- outer column --><!-- --></div> <!-- outer row --> 862 863 864 </div> 865</div></div> 866</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 867<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 868<div data-cpRole="structuralContainer" id="bannerSearchTS"> 869<div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS"> <div id="cc9e4bcd7a-81d3-4bce-bdbd-dfbf68fb6c8b" data-containerid="9e4bcd7a-81d3-4bce-bdbd-dfbf68fb6c8b" class="pageContent cpGrid cpGrid24 showInMobile"> 870 871 872 873 874 </div> 875</div></div> 876</div> 877</div> 878 879 880 881 882 <div id="bannerImagesJSON80" class="hidden"></div> 883 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 884 <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> 885 <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> 886 </div> 887
887<script type="text/javascript"> 888 $(window).on("load", function () { 889 $.when(window.Pages.rwdSetupComplete) 890 .done(function () { 891 renderExternalBannerSlideshow('banner1', 892 {"BannerOptionID":80,"ThemeID":21,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":161,"BannerOptionID":80,"FileName":"/ImageRepository/Document?documentID=1938","Height":620,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":162,"BannerOptionID":80,"FileName":"/ImageRepository/Document?documentID=1939","Height":620,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":163,"BannerOptionID":80,"FileName":"/ImageRepository/Document?documentID=1940","Height":620,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 893 '/App_Themes/Simple - 2026/Images/', 894 'Rotating'); 895 }); 896 }); 897 </script>
897 898 899</div> 900</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 901<div class="siteWrap2"><main data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap"> 902<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 903<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 904<nav data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 905 <li><a class="breadCrumb" href="/">Home</a></li><li><a href class="breadCrumb" aria-current="page">Search</a></li> 906 </ol> 907 908 909 910</nav><div data-cpRole="mainContentContainer" id="moduleContent"> 911 912 913 914 <div id="searchModuleContent" class="newCP moduleContentNew cp-search"> 915 <div id="contentarea" class="contentMain selfClear"> 916<div class="header"> 917 <div class="graphic"> 918 <a title="Search this site" href="/Search"> 919 <img width="74" height="74" alt="Search icon" src="/Areas/Search/Assets/Images/HomeModuleIconLarge.png" /> 920 </a> 921 </div> 922 <div class="text"> 923 <h1><a href="/Search" title="Go back to the search home page">Search</a></h1> 924 925 </div> 926</div> <div id="divSearch" class="cp-search-container"> 927 <div id="divSearchStandard" class="cp-search-bar"> 928 <label for="searchPhrase" class="visuallyhidden">Search</label> 929 <div class="cp-search-barInner"> 930 <input type="text" name="searchPhrase" 931 id="searchPhrase" class="cp-search-input" 932 placeholder="Type to begin your search..." 933 value=""> 934 <a href="#" class="searchSite cp-search-submit"> 935 <svg id="iconSearch" viewbox="0 0 25 25"> 936 <title>Submit Search</title> 937 <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> 938 </svg> 939 </a> 940 <input id="departmentId" type="hidden" value="-1"/> 941 </div> 942 </div> 943 </div> 944 <ol id="searchTabs" class="cp-Tabs-list" role="tablist" aria-label="Search tabs for site, agenda and minutes, municode and social" aria-orientation="horizontal"> 945 <li id="cp-SearchTab-Site" class="cp-Tabs-tab is-active" role="tab" aria-controls="divSearchResults" aria-selected="true"> 946 <a href="#siteSearch" id="siteSearch" class="cp-Tabs-link cp-Tabs-click-link"> 947 <svg class="cp-Tabs-linkArrow"> 948 <use xlink:href="#iconArrow--right"></use> 949 </svg> 950 Site Content 951 </a> 952 </li> 953 <li id="cp-SearchTab-Clerk" class="cp-Tabs-tab" role="tab" aria-controls="divSearchResultsCivicClerk" aria-selected="false"> 954 <a href="#siteSearchCivicClerk" id="siteSearchCivicClerk" class="cp-Tabs-link cp-Tabs-click-link"> 955 <svg class="cp-Tabs-linkArrow"> 956 <use xlink:href="#iconArrow--right"></use> 957 </svg> 958 Agendas & Minutes 959 </a> 960 </li> 961 <li id="cp-MuniCode-Site" class="cp-Tabs-tab" role="tab" aria-controls="divSearchResultsMuniCode" aria-selected="false"> 962 <a href="#MuniCodeSearch" id="MuniCodeSearch" class="cp-Tabs-link cp-Tabs-click-link"> 963 <svg class="cp-Tabs-linkArrow"> 964 <use xlink:href="#iconArrow--right"></use> 965 </svg> 966 Municipal Code 967 </a> 968 </li> 969 </ol> 970 <fieldset id="divClerkIndexStrip" style="display: none; margin-bottom: 2rem;"> 971 <legend>Search Criteria</legend> 972 <label class="ae-label">
973 <input checked="checked" id="searchAgendaItems" name="SearchCriteria" type="radio" value="Items" /> 974 Items 975 </label> 976 <label class="ae-label"> 977 <input id="searchAgendas" name="SearchCriteria" type="radio" value="Agendas" /> 978 Agendas 979 </label> 980 <label class="ae-label"> 981 <input id="searchAttachments" name="SearchCriteria" type="radio" value="Attachments" /> 982 Attachments 983 </label> 984 <label class="ae-label"> 985 <input id="searchAgendaMinutes" name="SearchCriteria" type="radio" value="Minutes" /> 986 Agenda Files 987 </label> 988 </fieldset> 989 <div id="divSearchResultsCivicClerk" class="cp-search-results" style="display:none;" role="tabpanel" aria-labelledby="cp-SearchTab-Clerk"> 990 </div> 991 <fieldset id="divMunicodeStrip" style="display: none; margin-bottom: 2rem;"> 992 <legend>Search Criteria</legend> 993 <label class="ae-label"> 994 <input checked="checked" id="searchCodes" name="MuniCodeSearchCriteria" type="radio" value="Codes" /> 995 Codes 996 </label> 997 <label class="ae-label"> 998 <input id="searchOrdinances" name="MuniCodeSearchCriteria" type="radio" value="Ordinances" /> 999 Ordinances 1000 </label> 1001 <label class="ae-label"> 1002 <input id="searchDocuments" name="MuniCodeSearchCriteria" type="radio" value="Documents" /> 1003 Documents 1004 </label> 1005 </fieldset> 1006 <div id="divSearchResultsMuniCode" class="cp-search-results" style="display:none;" role="tabpanel" aria-labelledby="cp-MuniCode-Site"> 1007 </div> 1008 1009<div class="cp-search-typeToggle"> 1010 <a id="advancedSearch" href="#advancedSearch" style="display: inline-block;">Advanced Search</a> 1011 <a id="standardSearch" href="#standardSearch" style="display: none;">Standard Search</a> 1012</div> 1013<div id="divSearchAdvanced"> 1014 <div id="advSearchForm" class="cp-search-advanced cp-search-advanced--hidden" aria-expanded="true"> 1015 <table border="0" cellpadding="0" cellspacing="0" class="cp-search-advancedTable"> 1016 <tbody> 1017 <tr> 1018 <td colspan="2" class="cp-search-advancedHeader"> 1019 Find pages with... 1020 </td> 1021 <td class="cp-search-advancedInstruction cp-search-advancedHeader"> 1022 To do this in the search box 1023 </td> 1024 </tr> 1025 <tr> 1026 <td> 1027 <label for="txtSearchAnd"><span class="cp-search-advancedHeader">all</span> these words:</label> 1028 </td> 1029 <td> 1030 <input class="advSearchBox" name="txtSearchAnd" type="text" id="txtSearchAnd" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1031 </td> 1032 <td class="cp-search-advancedInstruction"> 1033 Enter your key words: <span class="cp-search-advancedCode">sugar glider</span> 1034 </td> 1035 </tr> 1036 <tr> 1037 <td> 1038 <label for="txtSearchPhrase">this <span class="cp-search-advancedHeader">exact word or phrase</span>:</label> 1039 </td> 1040 <td> 1041 <input class="advSearchBox" name="txtSearchPhrase" type="text" id="txtSearchPhrase" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1042 </td> 1043 <td class="cp-search-advancedInstruction"> 1044 Use quotes for exact phrases: <span class="cp-search-advancedCode">âsugar gliderâ</span> 1045 </td> 1046 </tr> 1047 <tr> 1048 <td> 1049 <label for="txtSearchOr"><span class="cp-search-advancedHeader">any</span> of these words:</label> 1050 </td> 1051 <td> 1052 <input class="advSearchBox" name="txtSearchOr" type="text" id="txtSearchOr" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1053 </td> 1054 <td class="cp-search-advancedInstruction"> 1055 Type OR between the key words you want included: <span class="cp-search-advancedCode">marsupial OR pet</span> 1056 </td> 1057 </tr> 1058 <tr> 1059 <td> 1060 <label for="txtSearchNot"><span class="cp-search-advancedHeader">none</span> of these words:</label> 1061 </td> 1062 <td> 1063 <input class="advSearchBox" name="txtSearchNot" type="text" id="txtSearchNot" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);"> 1064 </td> 1065 <td class="cp-search-advancedInstruction"> 1066 Use a minus sign before words you donât want included: <span class="cp-search-advancedCode">-chair âpastry</span> 1067 </td> 1068 </tr> 1069 <tr> 1070 <td colspan="3" class="cp-search-advancedHeader"> 1071 Then narrow your results by... 1072 </td> 1073 </tr> 1074 <tr> 1075 <td> 1076 <label for="SearchContentType"><span>Content Type</span>:</label> 1077 </td> 1078 <td> 1079 <select id="SearchContentType" name="SearchContentType"> 1080 <option value="all" selected="selected">All Content</option> 1081 <option value="activities">Activities</option> 1082 <option value="agendas">Agendas</option> 1083 <option value="alerts">Alerts</option> 1084 <option value="bids">Bids</option> 1085 <option value="calendar">Calendar</option> 1086 <option value="documents">Documents</option> 1087 <option value="faqs">FAQs</option> 1088 <option value="forms">Forms</option> 1089 <option value="images">Images</option> 1090 <option value="jobs">Jobs</option> 1091 <option value="news">News</option> 1092 <option value="people">People</option> 1093 <option value="places">Places</option> 1094 <option value="social">Social</option> 1095 1096 <option value="webpages">Webpages</option> 1097 </select> 1098 </td> 1099 </tr> 1100 <tr> 1101 <td> 1102 <label for="selectedDepartmentHeader"><span class="bold">Department</span>:</label> 1103 </td> 1104 <td> 1105 <select id="selectedDepartmentHeader" name="DepartmentId"><option value="">All</option> 1106<option value="0">None</option> 1107<option value="157">Municipal Court</option> 1108<option value="295"></option> 1109<option value="311">Municipal Court</option> 1110</select> 1111 </td> 1112 </tr> 1113 </tbody> 1114 </table> 1115 </div> 1116</div> 1117 <div id="divSearchResults" class="cp-search-results" role="tabpanel" aria-labelledby="cp-SearchTab-Site"> 1118 1119 1120<div id="divMainContentSearch"> 1121 <!-- cp-search-resultsLoading --> 1122 <h2 class="visuallyhidden">Search Results</h2> 1123<div data-currentpage="1"> 1124 <input id="UseAutoComplete" name="UseAutoComplete" type="hidden" value="True" /> 1125 1126 <p class="cp-search-status"> 1127 </p> 1128</div> 1129 </div>
1130<script type="text/javascript"> 1131 $('#paginationOption').change(function () { 1132 loadSearchResultPageList(1, $('#paginationOption').val()); 1133 }); 1134 1135 var autoExpandAdvancedSearch = 'false'; 1136 1137 if (autoExpandAdvancedSearch == 'true') { 1138 $('.cp-search-advanced').attr('aria-expanded', 'true'); 1139 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 1140 $('#standardSearch').show(); 1141 $('#advancedSearch').hide(); 1142 } 1143 1144 //Remove invaild tag(strong) from href for search site result. 1145 $("a[href*='strong']").each(function () { 1146 var validHref = $(this).attr('href').replace(/<strong>/gi, '').replace(/<\/strong>/gi, ''); 1147 $(this).attr('href', validHref); 1148 }); 1149 1150 $('input[type=radio][name=SearchCriteria]').unbind('change').change(function () { 1151 loadCivicClerkIndexResults(0, 10); 1152 }); 1153 1154 $('input[type=radio][name=MuniCodeSearchCriteria]').unbind('change').change(function () { 1155 loadMunicodeSearch(1, 10); 1156 }); 1157 1158 $('.cp-Tabs-click-link').unbind('click').click(function (e) { 1159 var $this = $(this); 1160 loadTabResults($this); 1161 return false; 1162 }); 1163</script>
1163 1164 1165 </div> 1166 </div> 1167 </div> 1168 1169 1170 <div class="newCP"> 1171 1172 </div> 1173</div> 1174</div> 1175</div> 1176</main></div> 1177</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1178<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc17c2da5a-3693-47f8-9a1e-1aa8f6ea4b26" data-containerid="17c2da5a-3693-47f8-9a1e-1aa8f6ea4b26" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="30"> 1179 1180 1181 <div class="row outer wide"><!-- 1182--><div class="outer col col8 first" style="" data-widgetcontainerid="6e622d86-4420-4631-9097-a7b94cf9ac0e">� 1183 <div class="row nest first last wide">� 1184 1185 <div class="inner col col8 first last id68aad770-2c32-4dc7-9caa-673cc268c2a3" style="" data-widgetcontainerid="68aad770-2c32-4dc7-9caa-673cc268c2a3">� 1186<div data-widget-id="33a7eb88-f808-463e-a12d-af7b12a24dad" data-widget-controller-path="/GraphicLinks/Widget"> 1187 1188 1189 1190 1191<div id="graphicLinkWidget33a7eb88-f808-463e-a12d-af7b12a24dad" class="widget widgetGraphicLinks skin63 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1192 <div class="widgetHeader"> 1193 <div class=""> 1194 </div> 1195 </div> 1196 <div class="widgetBody cpGrid cpGrid2 "> 1197 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1198 <div class="row wide"> 1199 <!-- 1200--><div class="col col1 first "><ul class="semanticList"><!-- 1201 --><li class="widgetItem GraphicLinks"> 1202 1203<div> 1204 <a href="/129/Agendas-Minutes" target="_self" class="fancyButton fancyButton214 " > 1205 <span> 1206 <span><span class="text">Agendas & Minutes</span></span> 1207 </span> 1208 </a> 1209</div> 1210 <style scoped="scoped">.fancyButton214.fancyButton:link,.fancyButton214.fancyButton:visited, .fancyButton214div.fancyButton{ 1211 background-repeat: no-repeat; 1212 background-position: left top; 1213position: relative; 1214z-index: 1; 1215} 1216 1217.fancyButton214::after { 1218content: ""; 1219position: absolute; 1220left: 50%; 1221transform: translateX(-50%); 1222box-sizing: border-box; 1223border-radius: 50%; 1224z-index: -1; 1225transition: all .3s ease-in-out; 1226top: 24px; 1227width: 115px; 1228height: 115px; 1229background: #293A8C; 1230border: 4px solid #293A8C; 1231box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);} 1232.fancyButton214.fancyButton:hover,.fancyButton214.fancyButton:focus,.fancyButton214.fancyButton:active,.fancyButton214.fancyButton.hover{ 1233 background-repeat: no-repeat; 1234 background-position: left top; 1235} 1236 1237.fancyButton214:is(:hover,:focus,:active)::after { 1238top: 16px; 1239background: #fff;} 1240.fancyButton214.fancyButton:link > span,.fancyButton214.fancyButton:visited > span, .fancyButton214div.fancyButton > span{ 1241} 1242.fancyButton214.fancyButton:hover > span,.fancyButton214.fancyButton:focus > span,.fancyButton214.fancyButton:active > span,.fancyButton214.fancyButton.hover > span{ 1243} 1244.fancyButton214.fancyButton .text{ 1245 color: rgb(0, 0, 0); 1246 font-size: 1.2em; 1247 font-family: "Montserrat"; 1248 padding-top: 165px; 1249 padding-right: 5px; 1250 padding-left: 5px; 1251 font-weight: 700; 1252 text-decoration: none; 1253 padding-top: 165px; 1254 padding-right: 5px; 1255 padding-left: 5px; 1256 background-image: url('/ImageRepository/Document?documentID=1958'); 1257 background-repeat: no-repeat; 1258 background-position: center 48px ; 1259line-height: 1.2; 1260transition: all .3s ease-in-out; 1261} 1262.fancyButton214.fancyButton:hover .text,.fancyButton214.fancyButton:focus .text,.fancyButton214.fancyButton:active .text,.fancyButton214.fancyButton.hover .text{ 1263 text-decoration: underline; 1264 background-image: url('/ImageRepository/Document?documentID=1957'); 1265 background-repeat: no-repeat; 1266 background-position: center 40px ; 1267 1268 1269} 1270</style> 1271 1272 </li><!-- 1273--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1274 --><li class="widgetItem GraphicLinks"> 1275 1276<div> 1277 <a href="/241/Pay-My-Water-Bill" target="_self" class="fancyButton fancyButton222 " > 1278 <span> 1279 <span><span class="text">Bill Pay</span></span> 1280 </span> 1281 </a> 1282</div> 1283 <style scoped="scoped">.fancyButton222.fancyButton:link,.fancyButton222.fancyButton:visited, .fancyButton222div.fancyButton{ 1284 background-repeat: no-repeat; 1285 background-position: left top; 1286position: relative; 1287z-index: 1; 1288} 1289 1290.fancyButton222::after { 1291content: ""; 1292position: absolute; 1293left: 50%; 1294transform: translateX(-50%); 1295box-sizing: border-box; 1296border-radius: 50%; 1297z-index: -1; 1298transition: all .3s ease-in-out; 1299top: 24px; 1300width: 115px; 1301height: 115px; 1302background: #53C9E9; 1303border: 4px solid #53C9E9; 1304box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);} 1305.fancyButton222.fancyButton:hover,.fancyButton222.fancyButton:focus,.fancyButton222.fancyButton:active,.fancyButton222.fancyButton.hover{ 1306 background-repeat: no-repeat; 1307 background-position: left top; 1308} 1309 1310.fancyButton222:is(:hover,:focus,:active)::after { 1311top: 16px; 1312background: #fff;} 1313.fancyButton222.fancyButton:link > span,.fancyButton222.fancyButton:visited > span, .fancyButton222div.fancyButton > span{ 1314} 1315.fancyButton222.fancyButton:hover > span,.fancyButton222.fancyButton:focus > span,.fancyButton222.fancyButton:active > span,.fancyButton222.fancyButton.hover > span{ 1316} 1317.fancyButton222.fancyButton .text{ 1318 color: rgb(0, 0, 0); 1319 font-size: 1.2em; 1320 font-family: "Montserrat"; 1321 padding-top: 165px; 1322 padding-right: 5px; 1323 padding-left: 5px; 1324 font-weight: 700; 1325 text-decoration: none; 1326 padding-top: 165px; 1327 padding-right: 5px; 1328 padding-left: 5px; 1329 background-image: url('/ImageRepository/Document?documentID=1960'); 1330 background-repeat: no-repeat; 1331 background-position: center 48px ; 1332line-height: 1.2; 1333transition: all .3s ease-in-out; 1334} 1335.fancyButton222.fancyButton:hover .text,.fancyButton222.fancyButton:focus .text,.fancyButton222.fancyButton:active .text,.fancyButton222.fancyButton.hover .text{ 1336 text-decoration: underline; 1337 background-image: url('/ImageRepository/Document?documentID=1959'); 1338 background-repeat: no-repeat; 1339 background-position: center 40px ; 1340 1341 1342} 1343</style> 1344 1345 </li><!-- 1346--></ul></div><!-- --> 1347 </div> 1348 </nav> 1349 </div> 1350 <div class="widgetFooter"> 1351 </div> 1352</div> 1353</div> 1354 1355 </div> <!-- inner column --> 1356 1357 </div> <!-- inner row --> 1358 1359 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="6a243723-b9ab-474d-8f8c-a00409d19340">� 1360 <div class="row nest first last wide">� 1361 1362 <div class="inner col col8 first last idb6683e42-2c82-4fc4-9fd6-9a737fd863c5" style="" data-widgetcontainerid="b6683e42-2c82-4fc4-9fd6-9a737fd863c5">� 1363<div data-widget-id="f7a0202e-c0b2-4818-837f-a380b82f3157" data-widget-controller-path="/GraphicLinks/Widget"> 1364 1365 1366 1367 1368<div id="graphicLinkWidgetf7a0202e-c0b2-4818-837f-a380b82f3157" class="widget widgetGraphicLinks skin63 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1369 <div class="widgetHeader"> 1370 <div class="">
1371 </div> 1372 </div> 1373 <div class="widgetBody cpGrid cpGrid2 "> 1374 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1375 <div class="row wide"> 1376 <!-- 1377--><div class="col col1 first "><ul class="semanticList"><!-- 1378 --><li class="widgetItem GraphicLinks"> 1379 1380<div> 1381 <a href="https://experience.arcgis.com/experience/e29a3a941d4c47ec84633be2a24ecee8" target="_self" class="fancyButton fancyButton226 " > 1382 <span> 1383 <span><span class="text">Maps</span></span> 1384 </span> 1385 </a> 1386</div> 1387 <style scoped="scoped">.fancyButton226.fancyButton:link,.fancyButton226.fancyButton:visited, .fancyButton226div.fancyButton{ 1388 background-repeat: no-repeat; 1389 background-position: left top; 1390position: relative; 1391z-index: 1; 1392} 1393 1394.fancyButton226::after { 1395content: ""; 1396position: absolute; 1397left: 50%; 1398transform: translateX(-50%); 1399box-sizing: border-box; 1400border-radius: 50%; 1401z-index: -1; 1402transition: all .3s ease-in-out; 1403top: 24px; 1404width: 115px; 1405height: 115px; 1406background: #2C5234; 1407border: 4px solid #2C5234; 1408box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);} 1409.fancyButton226.fancyButton:hover,.fancyButton226.fancyButton:focus,.fancyButton226.fancyButton:active,.fancyButton226.fancyButton.hover{ 1410 background-repeat: no-repeat; 1411 background-position: left top; 1412} 1413 1414.fancyButton226:is(:hover,:focus,:active)::after { 1415top: 16px; 1416background: #fff;} 1417.fancyButton226.fancyButton:link > span,.fancyButton226.fancyButton:visited > span, .fancyButton226div.fancyButton > span{ 1418} 1419.fancyButton226.fancyButton:hover > span,.fancyButton226.fancyButton:focus > span,.fancyButton226.fancyButton:active > span,.fancyButton226.fancyButton.hover > span{ 1420} 1421.fancyButton226.fancyButton .text{ 1422 color: rgb(0, 0, 0); 1423 font-size: 1.2em; 1424 font-family: "Montserrat"; 1425 padding-top: 165px; 1426 padding-right: 5px; 1427 padding-left: 5px; 1428 font-weight: 700; 1429 text-decoration: none; 1430 padding-top: 165px; 1431 padding-right: 5px; 1432 padding-left: 5px; 1433 background-image: url('/ImageRepository/Document?documentID=1966'); 1434 background-repeat: no-repeat; 1435 background-position: center 48px ; 1436line-height: 1.2; 1437transition: all .3s ease-in-out; 1438} 1439.fancyButton226.fancyButton:hover .text,.fancyButton226.fancyButton:focus .text,.fancyButton226.fancyButton:active .text,.fancyButton226.fancyButton.hover .text{ 1440 text-decoration: underline; 1441 background-image: url('/ImageRepository/Document?documentID=1965'); 1442 background-repeat: no-repeat; 1443 background-position: center 40px ; 1444 1445 1446} 1447</style> 1448 1449 </li><!-- 1450--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1451 --><li class="widgetItem GraphicLinks"> 1452 1453<div> 1454 <a href="/139/Northport-Connect" target="_self" class="fancyButton fancyButton223 " > 1455 <span> 1456 <span><span class="text">Northport Connect</span></span> 1457 </span> 1458 </a> 1459</div> 1460 <style scoped="scoped">.fancyButton223.fancyButton:link,.fancyButton223.fancyButton:visited, .fancyButton223div.fancyButton{ 1461 background-repeat: no-repeat; 1462 background-position: left top; 1463position: relative; 1464z-index: 1; 1465} 1466 1467.fancyButton223::after { 1468content: ""; 1469position: absolute; 1470left: 50%; 1471transform: translateX(-50%); 1472box-sizing: border-box; 1473border-radius: 50%; 1474z-index: -1; 1475transition: all .3s ease-in-out; 1476top: 24px; 1477width: 115px; 1478height: 115px; 1479background: #293A8C; 1480border: 4px solid #293A8C; 1481box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);} 1482.fancyButton223.fancyButton:hover,.fancyButton223.fancyButton:focus,.fancyButton223.fancyButton:active,.fancyButton223.fancyButton.hover{ 1483 background-repeat: no-repeat; 1484 background-position: left top; 1485} 1486 1487.fancyButton223:is(:hover,:focus,:active)::after { 1488top: 16px; 1489background: #fff;} 1490.fancyButton223.fancyButton:link > span,.fancyButton223.fancyButton:visited > span, .fancyButton223div.fancyButton > span{ 1491} 1492.fancyButton223.fancyButton:hover > span,.fancyButton223.fancyButton:focus > span,.fancyButton223.fancyButton:active > span,.fancyButton223.fancyButton.hover > span{ 1493} 1494.fancyButton223.fancyButton .text{ 1495 color: rgb(0, 0, 0); 1496 font-size: 1.2em; 1497 font-family: "Montserrat"; 1498 padding-top: 165px; 1499 padding-right: 5px; 1500 padding-left: 5px; 1501 font-weight: 700; 1502 text-decoration: none; 1503 padding-top: 165px; 1504 padding-right: 5px; 1505 padding-left: 5px; 1506 background-image: url('/ImageRepository/Document?documentID=1968'); 1507 background-repeat: no-repeat; 1508 background-position: center 48px ; 1509line-height: 1.2; 1510transition: all .3s ease-in-out; 1511} 1512.fancyButton223.fancyButton:hover .text,.fancyButton223.fancyButton:focus .text,.fancyButton223.fancyButton:active .text,.fancyButton223.fancyButton.hover .text{ 1513 text-decoration: underline; 1514 background-image: url('/ImageRepository/Document?documentID=1967'); 1515 background-repeat: no-repeat; 1516 background-position: center 40px ; 1517 1518 1519} 1520</style> 1521 1522 </li><!-- 1523--></ul></div><!-- --> 1524 </div> 1525 </nav> 1526 </div> 1527 <div class="widgetFooter"> 1528 </div> 1529</div> 1530</div> 1531 1532 </div> <!-- inner column --> 1533 1534 </div> <!-- inner row --> 1535 1536 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="a0b6ee62-5574-4801-9123-56cb313c6f95">� 1537 <div class="row nest first last wide">� 1538 1539 <div class="inner col col8 first last id658e9823-5ce4-4de0-bfe7-dd6f189cd0df" style="" data-widgetcontainerid="658e9823-5ce4-4de0-bfe7-dd6f189cd0df">� 1540<div data-widget-id="41cb00c4-8697-4500-9b49-08e7dba9250b" data-widget-controller-path="/GraphicLinks/Widget"> 1541 1542 1543 1544 1545<div id="graphicLinkWidget41cb00c4-8697-4500-9b49-08e7dba9250b" class="widget widgetGraphicLinks skin63 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1546 <div class="widgetHeader"> 1547 <div class="">
1548 </div> 1549 </div> 1550 <div class="widgetBody cpGrid cpGrid2 "> 1551 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1552 <div class="row wide"> 1553 <!-- 1554--><div class="col col1 first "><ul class="semanticList"><!-- 1555 --><li class="widgetItem GraphicLinks"> 1556 1557<div> 1558 <a href="https://www.governmentjobs.com/careers/cityofnorthport" target="_self" class="fancyButton fancyButton224 " > 1559 <span> 1560 <span><span class="text">Jobs</span></span> 1561 </span> 1562 </a> 1563</div> 1564 <style scoped="scoped">.fancyButton224.fancyButton:link,.fancyButton224.fancyButton:visited, .fancyButton224div.fancyButton{ 1565 background-repeat: no-repeat; 1566 background-position: left top; 1567position: relative; 1568z-index: 1; 1569} 1570 1571.fancyButton224::after { 1572content: ""; 1573position: absolute; 1574left: 50%; 1575transform: translateX(-50%); 1576box-sizing: border-box; 1577border-radius: 50%; 1578z-index: -1; 1579transition: all .3s ease-in-out; 1580top: 24px; 1581width: 115px; 1582height: 115px; 1583background: #53C9E9; 1584border: 4px solid #53C9E9; 1585box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);} 1586.fancyButton224.fancyButton:hover,.fancyButton224.fancyButton:focus,.fancyButton224.fancyButton:active,.fancyButton224.fancyButton.hover{ 1587 background-repeat: no-repeat; 1588 background-position: left top; 1589} 1590 1591.fancyButton224:is(:hover,:focus,:active)::after { 1592top: 16px; 1593background: #fff;} 1594.fancyButton224.fancyButton:link > span,.fancyButton224.fancyButton:visited > span, .fancyButton224div.fancyButton > span{ 1595} 1596.fancyButton224.fancyButton:hover > span,.fancyButton224.fancyButton:focus > span,.fancyButton224.fancyButton:active > span,.fancyButton224.fancyButton.hover > span{ 1597} 1598.fancyButton224.fancyButton .text{ 1599 color: rgb(0, 0, 0); 1600 font-size: 1.2em; 1601 font-family: "Montserrat"; 1602 padding-top: 165px; 1603 padding-right: 5px; 1604 padding-left: 5px; 1605 font-weight: 700; 1606 text-decoration: none; 1607 padding-top: 165px; 1608 padding-right: 5px; 1609 padding-left: 5px; 1610 background-image: url('/ImageRepository/Document?documentID=1964'); 1611 background-repeat: no-repeat; 1612 background-position: center 48px ; 1613line-height: 1.2; 1614transition: all .3s ease-in-out; 1615} 1616.fancyButton224.fancyButton:hover .text,.fancyButton224.fancyButton:focus .text,.fancyButton224.fancyButton:active .text,.fancyButton224.fancyButton.hover .text{ 1617 text-decoration: underline; 1618 background-image: url('/ImageRepository/Document?documentID=1963'); 1619 background-repeat: no-repeat; 1620 background-position: center 40px ; 1621 1622 1623} 1624</style> 1625 1626 </li><!-- 1627--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1628 --><li class="widgetItem GraphicLinks"> 1629 1630<div> 1631 <a href="/231/Forms" target="_self" class="fancyButton fancyButton225 " > 1632 <span> 1633 <span><span class="text">Forms & Applications</span></span> 1634 </span> 1635 </a> 1636</div> 1637 <style scoped="scoped">.fancyButton225.fancyButton:link,.fancyButton225.fancyButton:visited, .fancyButton225div.fancyButton{ 1638 background-repeat: no-repeat; 1639 background-position: left top; 1640position: relative; 1641z-index: 1; 1642} 1643 1644.fancyButton225::after { 1645content: ""; 1646position: absolute; 1647left: 50%; 1648transform: translateX(-50%); 1649box-sizing: border-box; 1650border-radius: 50%; 1651z-index: -1; 1652transition: all .3s ease-in-out; 1653top: 24px; 1654width: 115px; 1655height: 115px; 1656background: #2C5234; 1657border: 4px solid #2C5234; 1658box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25);} 1659.fancyButton225.fancyButton:hover,.fancyButton225.fancyButton:focus,.fancyButton225.fancyButton:active,.fancyButton225.fancyButton.hover{ 1660 background-repeat: no-repeat; 1661 background-position: left top; 1662} 1663 1664.fancyButton225:is(:hover,:focus,:active)::after { 1665top: 16px; 1666background: #fff;} 1667.fancyButton225.fancyButton:link > span,.fancyButton225.fancyButton:visited > span, .fancyButton225div.fancyButton > span{ 1668} 1669.fancyButton225.fancyButton:hover > span,.fancyButton225.fancyButton:focus > span,.fancyButton225.fancyButton:active > span,.fancyButton225.fancyButton.hover > span{ 1670} 1671.fancyButton225.fancyButton .text{ 1672 color: rgb(0, 0, 0); 1673 font-size: 1.2em; 1674 font-family: "Montserrat"; 1675 padding-top: 165px; 1676 padding-right: 5px; 1677 padding-left: 5px; 1678 font-weight: 700; 1679 text-decoration: none; 1680 padding-top: 165px; 1681 padding-right: 5px; 1682 padding-left: 5px; 1683 background-image: url('/ImageRepository/Document?documentID=1962'); 1684 background-repeat: no-repeat; 1685 background-position: center 44px ; 1686line-height: 1.2; 1687transition: all .3s ease-in-out; 1688} 1689.fancyButton225.fancyButton:hover .text,.fancyButton225.fancyButton:focus .text,.fancyButton225.fancyButton:active .text,.fancyButton225.fancyButton.hover .text{ 1690 text-decoration: underline; 1691 background-image: url('/ImageRepository/Document?documentID=1961'); 1692 background-repeat: no-repeat; 1693 background-position: center 36px ; 1694 1695 1696} 1697</style> 1698 1699 </li><!-- 1700--></ul></div><!-- --> 1701 </div> 1702 </nav> 1703 </div> 1704 <div class="widgetFooter"> 1705 </div> 1706</div> 1707</div> 1708 1709 </div> <!-- inner column --> 1710 1711 </div> <!-- inner row --> 1712 1713 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1714 1715 1716 </div> 1717</div></div> 1718</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 1719<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccfd77883f-949a-4e0f-a86a-4ccd96b614ad" data-containerid="fd77883f-949a-4e0f-a86a-4ccd96b614ad" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="55"> 1720 1721 1722 <div class="row outer wide"><!-- 1723--><div class="outer col col4 first" style="" data-widgetcontainerid="66a187aa-a2a5-4623-aee7-aa1751a2e992">� 1724 <div class="row nest first last wide">� 1725 1726 <div class="inner col col4 first last ida4c33148-5913-46bb-927b-2dbc8d3cb7de" style="" data-widgetcontainerid="a4c33148-5913-46bb-927b-2dbc8d3cb7de">� 1727 1728<div class="widget widgetSpacer" id="6b777534-17f0-4c68-aa08-3874fbb68531"></div> 1729 </div> <!-- inner column --> 1730 1731 </div> <!-- inner row --> 1732 1733 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="a539a790-5a18-42b4-b8d8-a73d832102ab">� 1734 <div class="row nest first last wide">� 1735 1736 <div class="inner col col4 first last idbb969315-087f-4a07-87e7-59f75fbdbe4a" style="" data-widgetcontainerid="bb969315-087f-4a07-87e7-59f75fbdbe4a">� 1737 <div data-widget-id="76acbc7c-ea76-46fd-a0fa-44ab95b07c5d" data-widget-controller-path="/InfoAdvanced/Widget"> 1738 1739 1740 1741 1742 1743 <section id="divInfoAdv76acbc7c-ea76-46fd-a0fa-44ab95b07c5d" class="widget widgetInfoAdvanced skin76 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header76acbc7c-ea76-46fd-a0fa-44ab95b07c5d"> 1744 <header class="widgetHeader" id="header76acbc7c-ea76-46fd-a0fa-44ab95b07c5d"> 1745 <div class=""> 1746 <h3 >Contact Us</h3> 1747 </div> 1748 </header> 1749 <div class="widgetBody cpGrid cpGrid1 "> 1750 <div class="row wide"> 1751 <div class="col col1 first last"> 1752 <ol class="pageStyles semanticList"> 1753 1754<li class="InfoAdvanced widgetItem fr-view"> 1755 <p data-pasted="true">Northport City Hall</p> 1756</li> 1757<li class="InfoAdvanced widgetItem fr-view"> 1758 <p data-pasted="true">3500 McFarland Boulevard</p> 1759</li> 1760<li class="InfoAdvanced widgetItem fr-view"> 1761 <p data-pasted="true">Northport, AL 35476</p> 1762</li> 1763<li class="InfoAdvanced widgetItem fr-view"> 1764 <p data-pasted="true">Phone: <a href="tel:205-339-7000">205-339-7000</a></p> 1765</li> 1766<li class="InfoAdvanced widgetItem fr-view"> 1767 <p data-pasted="true">Fax: 205-333-3046</p> 1768</li> 1769<li class="InfoAdvanced widgetItem fr-view"> 1770 <p data-pasted="true"><a href="mailto:[email protected]">Email Us</a></p> 1771</li> 1772<li class="InfoAdvanced widgetItem fr-view"> 1773 <p data-pasted="true"><a href="https://www.outlook.com/">Employee Email Login</a></p> 1774</li> </ol> 1775 </div> 1776 </div> 1777 </div> 1778 <div class="widgetFooter"> 1779 1780 </div> 1781 1782 </section> 1783 1784 1785
1786<script type="text/javascript"> 1787 //Render slideshow if info advacned items contain one. 1788 $(document).ready(function (e) { 1789 $('#divInfoAdv76acbc7c-ea76-46fd-a0fa-44ab95b07c5d .InfoAdvanced.widgetItem').each(function () { 1790 renderSlideshowIfApplicable($(this)); 1791 }); 1792 }); 1793</script>
1793</div> 1794 </div> <!-- inner column --> 1795 1796 </div> <!-- inner row --> 1797 1798 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="fd5c5baa-6a24-4955-a3b1-ede29ea870ce">� 1799 <div class="row nest first last wide">� 1800 1801 <div class="inner col col4 first last id31645b28-a849-41e8-9ebc-c459e54da378" style="" data-widgetcontainerid="31645b28-a849-41e8-9ebc-c459e54da378">� 1802 1803<div class="widget widgetSpacer" id="91b215c7-c5e1-4e30-9c91-a6c638aa06e0"></div> 1804 </div> <!-- inner column --> 1805 1806 </div> <!-- inner row --> 1807 1808 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="f5f65b95-1e3c-43b6-a623-644e8e60495f">� 1809 <div class="row nest first last wide">� 1810 1811 <div class="inner col col4 first last id166607f0-d324-4bf7-b542-72293f822e44" style="" data-widgetcontainerid="166607f0-d324-4bf7-b542-72293f822e44">� 1812 <div data-widget-id="f989ed58-c8c1-4c1f-8b90-9e34ffa9bdae" data-widget-controller-path="/QuickLinks/Widget"> 1813 1814 1815 1816 1817 1818 1819 1820 1821 <section id="widgetQuicklinkf989ed58-c8c1-4c1f-8b90-9e34ffa9bdae" class="widget widgetQuickLinks skin64 widgetOptionSet33 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderf989ed58-c8c1-4c1f-8b90-9e34ffa9bdae"> 1822 <header class="widgetHeader" id="quickLinksHeaderf989ed58-c8c1-4c1f-8b90-9e34ffa9bdae"> 1823 <div class=""> 1824 <h3><a style="" href="/QuickLinks.aspx?CID=15" >Quick Links</a></h3> 1825 </div> 1826 </header> 1827 <div class="widgetBody cpGrid cpGrid1 "> 1828 <div class="row narrow"> 1829 <div class="col col1 first last"> 1830 <ol class="semanticList"> 1831 1832 <li style="position:relative" class="widgetItem QuickLinks"> 1833 <a class="widgetDesc widgetQuickLinksLink" href="/AlertCenter.aspx" target="_self" >Alerts</a> 1834 <div class="widgetMeta"></div> 1835 </li> 1836 1837 <li style="position:relative" class="widgetItem QuickLinks"> 1838 <a class="widgetDesc widgetQuickLinksLink" href="/FAQ.aspx" target="_self" >FAQs</a> 1839 <div class="widgetMeta"></div> 1840 </li> 1841 1842 <li style="position:relative" class="widgetItem QuickLinks"> 1843 <a class="widgetDesc widgetQuickLinksLink" href="/175/Tax-Information" target="_self" >Tax Information</a> 1844 <div class="widgetMeta"></div> 1845 </li> 1846 1847 <li style="position:relative" class="widgetItem QuickLinks"> 1848 <a class="widgetDesc widgetQuickLinksLink" href="/158/Economic-Development" target="_self" >Economic Development</a> 1849 <div class="widgetMeta"></div> 1850 </li> 1851 1852 <li style="position:relative" class="widgetItem QuickLinks"> 1853 <a class="widgetDesc widgetQuickLinksLink" href="/171/Stormwater-Management" target="_self" >Stormwater Management</a> 1854 <div class="widgetMeta"></div> 1855 </li> 1856 </ol> 1857 </div> 1858 </div> 1859 1860 </div> 1861 <div class="widgetFooter"> 1862 </div> 1863 <div class="addItemModal hidden"> 1864 <div class="url hidden">/QuickLinks.aspx</div> 1865 </div> 1866 1867 </section> 1868</div> 1869 1870 </div> <!-- inner column --> 1871 1872 </div> <!-- inner row --> 1873 1874 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="baedb5e1-1277-49b6-ac69-1dc396c27907">� 1875 <div class="row nest first last wide">� 1876 1877 <div class="inner col col4 first last id99d287b1-eee4-4d84-9f9e-83b9113ccd5c" style="" data-widgetcontainerid="99d287b1-eee4-4d84-9f9e-83b9113ccd5c">� 1878 1879<div class="widget widgetSpacer" id="39f2091f-f0c3-47a0-a6ef-01d934ea21e4"></div> 1880 </div> <!-- inner column --> 1881 1882 </div> <!-- inner row --> 1883 1884 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="107b161e-bceb-410d-9683-1e43afbd30c9">� 1885 <div class="row nest first last wide">� 1886 1887 <div class="inner col col4 first last id47a13d11-d3d2-4974-aad7-bbdedb15a52b" style="" data-widgetcontainerid="47a13d11-d3d2-4974-aad7-bbdedb15a52b">� 1888 <div data-widget-id="15f20b8b-d256-49a8-8437-6d0c9041f5b3" data-widget-controller-path="/QuickLinks/Widget"> 1889 1890 1891 1892 1893 1894 1895 1896 1897 <section id="widgetQuicklink15f20b8b-d256-49a8-8437-6d0c9041f5b3" class="widget widgetQuickLinks skin64 widgetOptionSet33 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader15f20b8b-d256-49a8-8437-6d0c9041f5b3"> 1898 <header class="widgetHeader" id="quickLinksHeader15f20b8b-d256-49a8-8437-6d0c9041f5b3">
1899 <div class=""> 1900 <h3><a style="" href="/QuickLinks.aspx?CID=16" >Site Links</a></h3> 1901 </div> 1902 </header> 1903 <div class="widgetBody cpGrid cpGrid1 "> 1904 <div class="row narrow"> 1905 <div class="col col1 first last"> 1906 <ol class="semanticList"> 1907 1908 <li style="position:relative" class="widgetItem QuickLinks"> 1909 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 1910 <div class="widgetMeta"></div> 1911 </li> 1912 1913 <li style="position:relative" class="widgetItem QuickLinks"> 1914 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 1915 <div class="widgetMeta"></div> 1916 </li> 1917 1918 <li style="position:relative" class="widgetItem QuickLinks"> 1919 <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a> 1920 <div class="widgetMeta"></div> 1921 </li> 1922 1923 <li style="position:relative" class="widgetItem QuickLinks"> 1924 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> 1925 <div class="widgetMeta"></div> 1926 </li> 1927 1928 <li style="position:relative" class="widgetItem QuickLinks"> 1929 <a class="widgetDesc widgetQuickLinksLink" href="/copyright" target="_self" >Copyright Notices</a> 1930 <div class="widgetMeta"></div> 1931 </li> 1932 1933 <li style="position:relative" class="widgetItem QuickLinks"> 1934 <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy Policy</a> 1935 <div class="widgetMeta"></div> 1936 </li> 1937 </ol> 1938 </div> 1939 </div> 1940 1941 </div> 1942 <div class="widgetFooter"> 1943 </div> 1944 <div class="addItemModal hidden"> 1945 <div class="url hidden">/QuickLinks.aspx</div> 1946 </div> 1947 1948 </section> 1949</div> 1950 1951 </div> <!-- inner column --> 1952 1953 </div> <!-- inner row --> 1954 1955 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1956 <div class="row outer wide"><!-- 1957--><div class="outer col col8 first" style="" data-widgetcontainerid="2300fc48-a61f-4a47-9c41-e510b3f9d135">� 1958 <div class="row nest first last wide">� 1959 1960 <div class="inner col col8 first last idbe599f4d-1e23-497c-b944-bb04955bf3fa" style="" data-widgetcontainerid="be599f4d-1e23-497c-b944-bb04955bf3fa">� 1961 1962<div class="widget widgetSpacer" id="0abc4a84-bf97-4f48-acd3-91a4bb8a950d"></div> 1963 </div> <!-- inner column --> 1964 1965 </div> <!-- inner row --> 1966 1967 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="279c8ec8-00c4-4d33-899b-896cbc14dfa2">� 1968 <div class="row nest first last wide">� 1969 1970 <div class="inner col col8 first last id147bc128-d0d6-436f-845c-d8aaa2552c14" style="" data-widgetcontainerid="147bc128-d0d6-436f-845c-d8aaa2552c14">� 1971<div data-widget-id="b25462fb-98ba-4f16-beaa-2def41864a24" data-widget-controller-path="/GraphicLinks/Widget"> 1972 1973 1974 1975 1976<div id="graphicLinkWidgetb25462fb-98ba-4f16-beaa-2def41864a24" class="widget widgetGraphicLinks skin66 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1977 <div class="widgetHeader"> 1978 <div class=""> 1979 </div> 1980 </div> 1981 <div class="widgetBody cpGrid cpGrid3 "> 1982 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1983 <div class="row wide"> 1984 <!-- 1985--><div class="col col1 first "><ul class="semanticList"><!-- 1986 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/cityofnorthport/" target="_self"> 1987 1988<img src="/ImageRepository/Document?documentID=1993" 1989 class="graphicButtonLink" 1990 onmouseover="this.src='/ImageRepository/Document?documentID=1993'" 1991 onmouseout="this.src='/ImageRepository/Document?documentID=1993'" 1992 onfocus="this.src='/ImageRepository/Document?documentID=1993'" 1993 onblur="this.src='/ImageRepository/Document?documentID=1993'"> 1994</a></li><!-- 1995--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1996 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/cityofnorthport/?hl=en" target="_self"> 1997 1998<img src="/ImageRepository/Document?documentID=1994" 1999 class="graphicButtonLink" 2000 onmouseover="this.src='/ImageRepository/Document?documentID=1994'" 2001 onmouseout="this.src='/ImageRepository/Document?documentID=1994'" 2002 onfocus="this.src='/ImageRepository/Document?documentID=1994'" 2003 onblur="this.src='/ImageRepository/Document?documentID=1994'"> 2004</a></li><!-- 2005--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2006 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 2007 2008<img src="/ImageRepository/Document?documentID=1996" 2009 class="graphicButtonLink" 2010 onmouseover="this.src='/ImageRepository/Document?documentID=1996'" 2011 onmouseout="this.src='/ImageRepository/Document?documentID=1996'" 2012 onfocus="this.src='/ImageRepository/Document?documentID=1996'" 2013 onblur="this.src='/ImageRepository/Document?documentID=1996'"> 2014</a></li><!-- 2015--></ul></div><!-- --> 2016 </div> 2017 </nav> 2018 </div> 2019 <div class="widgetFooter"> 2020 </div> 2021</div> 2022</div> 2023 2024 </div> <!-- inner column --> 2025 2026 </div> <!-- inner row --> 2027 2028 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="77098ff7-953c-42b3-ad0c-83d34937257c">� 2029 <div class="row nest first last wide">� 2030 2031 <div class="inner col col8 first last id3662c742-6edb-4f9d-8134-433dd6f30f3e" style="" data-widgetcontainerid="3662c742-6edb-4f9d-8134-433dd6f30f3e">� 2032 2033<div class="widget widgetSpacer" id="5d888e62-f44d-460e-9bbc-77649e0b4b1b"></div> 2034 </div> <!-- inner column --> 2035 2036 </div> <!-- inner row --> 2037 2038 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2039 2040 2041 </div> 2042</div></div> 2043</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2044<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc73b0d3c3-cf4a-4b9d-966d-823f66176134" data-containerid="73b0d3c3-cf4a-4b9d-966d-823f66176134" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2045 2046 2047 <div class="row outer wide"><!-- 2048--><div class="outer col col24 first last" style="" data-widgetcontainerid="c2f69b64-21a4-40a1-be4a-ebd0a9575c7a">� 2049 <div class="row nest first last wide">� 2050 2051 <div class="inner col col24 first last idb344a22e-c07e-4c33-b011-886590923d76" style="" data-widgetcontainerid="b344a22e-c07e-4c33-b011-886590923d76">� 2052 2053 <div data-widget-id='de651147-42a2-4d22-8184-9e5956cd61a9' data-moduleName="customHtml" id='widgetCustomHtmlde651147-42a2-4d22-8184-9e5956cd61a9' class="widget widgetCustomHtml skin65 narrow" > 2054 <div class="widgetBody pageStyles" id="widgetBodyde651147-42a2-4d22-8184-9e5956cd61a9"> 2055 <div id="customHtmlde651147-42a2-4d22-8184-9e5956cd61a9"><div><style> 2056 .cpBylineIconTS { 2057 fill: currentColor; 2058 width: 39px;
2059 height: 26px; 2060 display: inline; 2061 vertical-align: middle; 2062 } 2063</style> 2064 2065<div class="widgetItem cpBylineTS"> 2066 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2067 <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> 2068 <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> 2069 </svg> 2070 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2071</div> 2072</div></div> 2073 </div> 2074 2075 </div> 2076 2077 </div> <!-- inner column --> 2078 2079 </div> <!-- inner row --> 2080 2081 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2082 2083 2084 </div> 2085</div></div> 2086</div> 2087</div> 2088 2089 </div> 2090 </div> 2091 </div> 2092 2093 2094<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2095 2096<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2097 <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"> 2098 <div class="cp-Splash-header"> 2099 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2100 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2101 <svg id="iconClose" viewBox="0 0 25 25"> 2102 <polygon style="fill:currentcolor" 2103 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> 2104 </svg> 2105 </button>
2106 </div> 2107 <div class="cp-Splash-body"> 2108 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2109 <!-- Content from the Froala Editor will go here. --> 2110 Loading 2111 </div> 2112 </div> 2113 <div class="cp-Splash-footer"> 2114 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2115 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 2116 </div> 2117 </div> 2118</div> 2119
2120<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2120
2120
2121<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2121
2121
2122<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2122
2122
2123<script> 2124 2125 $(document).ready(function () { 2126 var filter = { 2127 targetId: '', 2128 targetType: 0 2129 } 2130 2131 new SplashModalRender().triggerRender(filter); 2132 }); 2133</script>
2133 2134 2135 2136 2137 2138
2138<script type="text/javascript"> 2139 $(document).ready(function () { 2140 $('#paginationOption').change(function () { 2141 loadSearchResultPageList(1, $(this).val()); 2142 }); 2143 2144 $('.cp-search-typeToggle a').click(function(e) { 2145 e.preventDefault(); 2146 if ($('.cp-search-advanced').attr('aria-expanded') == 'false') { 2147 $('.cp-search-advanced').attr('aria-expanded', 'true'); 2148 } 2149 else { 2150 $('.cp-search-advanced').attr('aria-expanded', 'false'); 2151 } 2152 $('.cp-search-advanced').toggleClass('cp-search-advanced--hidden'); 2153 $('.cp-search-typeToggle a').toggle(); 2154 }); 2155 2156 var autoExpandAdvancedSearch = 'false'; 2157 if (autoExpandAdvancedSearch === 'true') { 2158 $('.cp-search-advanced').attr('aria-expanded', 'true'); 2159 $('.cp-search-advanced').removeClass('cp-search-advanced--hidden'); 2160 $('#standardSearch').show(); 2161 $('#advancedSearch').hide(); 2162 } 2163 2164 const archiveSocialLink = document.getElementById("ArchiveSocialSearch"); 2165 2166 if (archiveSocialLink) { 2167 const searchInput = document.getElementById("searchPhrase"); 2168 const link = new URL(archiveSocialLink.href); 2169 2170 searchInput.addEventListener("input", function () { 2171 const searchPhrase = searchInput?.value.trim(); 2172 link.searchParams.set("query.terms[0].text", searchPhrase); 2173 archiveSocialLink.href = link.href; 2174 }); 2175 } 2176 const nextRequestSearch = document.getElementById("NextRequestSearch"); 2177 2178 if (nextRequestSearch) { 2179 const searchInput = document.getElementById("searchPhrase"); 2180 const link = new URL(nextRequestSearch.href); 2181 2182 searchInput.addEventListener("input", function () { 2183 const searchPhrase = searchInput?.value.trim(); 2184 link.searchParams.set("search_term", searchPhrase); 2185 nextRequestSearch.href = link.href; 2186 }); 2187 } 2188 }); 2189 </script>
2189 2190 2191 2192 2193 2194 2195 2196 2197 2198 2199
2199<script src="/-1442400649.js" type="text/javascript"></script>
2199 2200 <!-- Fixed Nav Adjustment -->
2201<script> 2202 function getValueTS(elem, attr) { 2203 const val = elem.css(attr); 2204 if (val === undefined) return undefined; 2205 const num = parseInt(val, 10); 2206 if (num === NaN) return undefined; 2207 return num; 2208 } 2209 2210 function clampTS(number, min, max) { 2211 return Math.min(Math.max(number, min), max); 2212 } 2213 2214 function isPageEditingTS() { 2215 return ( 2216 $("#doneEditing").length > 0 || // In live edit 2217 $(".cp-liveEditOn").length > 0 || // In live edit 2218 typeof DesignCenter !== "undefined" // In theme manager 2219 ); 2220 } 2221 2222 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 2223 function isTransparentTS(elem) { 2224 const bg = elem.css('background-color'); 2225 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 2226 const matchState = bg.match(bgColorRegexTS); 2227 if (!matchState || matchState.length !== 5) return false; 2228 const alpha = parseFloat(matchState[4], 10); 2229 if (!(alpha >= 0 && alpha < 1)) return false; 2230 return true; 2231 } 2232 2233 function iterateLeftpads(cb) { 2234 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2235 for (let i = 0; i < containersTS.length; i++) { 2236 const containerTS = containersTS[i]; 2237 // Skip the body container and anything with data-skip-leftpad 2238 if ( 2239 containerTS.id !== "bodyContainerTS" && 2240 containerTS.getAttribute('data-skip-leftpad') === null 2241 ) { 2242 cb(containerTS); 2243 } 2244 } 2245 } 2246 2247 const anchor = $("#divToolbars"); 2248 //const anchor = $("#angularToolbarInLegacy"); 2249 2250 // Outer banner padding (push banner down) 2251 const outerSizingTS = $("#bannerContainerTS"); 2252 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 2253 const innerSizingTS = $("#bannerSizingTS"); 2254 const bodyContainerTS = $("#bodyContainerTS"); 2255 2256 const forceUnfixClassTS = "forceUnfixTS"; 2257 2258 const fixedTopTS = $(".fixedTopTS"); 2259 const fixedBottomTS = $(".fixedBottomTS"); 2260 const fixedLeftTS = $(".fixedLeftTS"); 2261 2262 var initialTopTS; 2263 var topAttachTS; 2264 if (fixedTopTS && fixedTopTS.length === 1) { 2265 initialTopTS = getValueTS(fixedTopTS, 'top'); 2266 const attachment = fixedTopTS.attr('data-attach');
2267 if (attachment) topAttachTS = $("#" + attachment); 2268 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 2269 } 2270 2271 function resizeAdjustmentTS() { 2272 const editing = isPageEditingTS(); 2273 2274 // Fixed top script 2275 (function () { 2276 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 2277 2278 if (editing) { 2279 fixedTopTS[0].classList.add(forceUnfixClassTS); 2280 } else { 2281 fixedTopTS[0].classList.remove(forceUnfixClassTS); 2282 } 2283 2284 const topPosition = fixedTopTS.css('position'); 2285 if (topPosition === 'fixed') { 2286 if (topAttachTS) { 2287 scrollAdjustmentTS(); 2288 } else { 2289 const anchorHeight = anchor.outerHeight() - 1; 2290 fixedTopTS.css('top', anchorHeight + initialTopTS); 2291 } 2292 } else { 2293 fixedTopTS.css('top', initialTopTS); 2294 } 2295 2296 if (topPosition === 'fixed' || topPosition === 'absolute') { 2297 // Bump the banner content down 2298 if (isTransparentTS(fixedTopTS)) { 2299 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 2300 outerSizingTS.css('padding-top', ''); 2301 2302 try { 2303 window.Pages.onResizeHandlersExecute(); 2304 } catch (e) { } 2305 } else { 2306 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 2307 innerSizingTS.css('padding-top', ''); 2308 } 2309 } else { 2310 innerSizingTS.css('padding-top', ''); 2311 outerSizingTS.css('padding-top', ''); 2312 } 2313 })(); 2314 2315 // Fixed bottom script 2316 (function () { 2317 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 2318 2319 // If the widget has gone narrow, force unfix 2320 if (editing || fixedBottomTS.outerHeight() > 200) { 2321 fixedBottomTS[0].classList.add(forceUnfixClassTS); 2322 } else { 2323 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 2324 } 2325 2326 if (fixedBottomTS.css('position') === 'fixed') { 2327 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 2328 } else { 2329 bodyContainerTS.css('padding-bottom', ''); 2330 } 2331 })(); 2332 2333 // Fixed left script 2334 (function () { 2335 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 2336 2337 if (editing) { 2338 fixedLeftTS[0].classList.add(forceUnfixClassTS); 2339 } else { 2340 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 2341 } 2342 2343 if (fixedLeftTS.css('position') === 'fixed') { 2344 const anchorHeight = anchor.outerHeight() - 1; 2345 fixedLeftTS.css('top', anchorHeight); 2346 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 2347 iterateLeftpads(function (containerTS) { 2348 const containerBoundingTS = containerTS.getBoundingClientRect(); 2349 if (containerBoundingTS.left <= leftBoundingTS.right) { 2350 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 2351 } 2352 }); 2353 } else { 2354 fixedLeftTS.css('top', ''); 2355 iterateLeftpads(function (containerTS) { 2356 $(containerTS).css('padding-left', ''); 2357 }); 2358 } 2359 })(); 2360 } 2361 2362 function scrollAdjustmentTS() { 2363 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 2364 const topPosition = fixedTopTS.css('position'); 2365 if (topPosition === 'fixed' || topPosition === 'absolute') { 2366 const anchorBounding = anchor[0].getBoundingClientRect(); 2367 const attachBounding = topAttachTS[0].getBoundingClientRect(); 2368 const scrollTop = $(window).scrollTop(); 2369 2370 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 2371 } else { 2372 fixedTopTS.css('top', initialTopTS); 2373 } 2374 } 2375 2376 $(window).load(function () { 2377 setTimeout(function () { 2378 resizeAdjustmentTS(); 2379 }, 350); 2380 2381 $(window).scroll(function () { 2382 scrollAdjustmentTS(); 2383 }); 2384 2385 var adjustTimeoutTS; 2386 $(window).resize(function () { 2387 clearTimeout(adjustTimeoutTS); 2388 adjustTimeoutTS = setTimeout(function () { 2389 resizeAdjustmentTS(); 2390 }, 350); 2391 });
2392 2393 $.when(window.Pages.angularToolbarComplete).done(function () { 2394 resizeAdjustmentTS(); 2395 }); 2396 }); 2397</script>
2397 2398<!-- End Fixed Nav Adjustment --> 2399 2400 2401
2402<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash = "fc120e3fcf645535ea261838035b6e31"; var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
2402 2403 2404 2405
2405<script type="text/javascript"> 2406 $(function () { 2407 document.cookie = "responsiveGhost=0; path=/"; 2408 }); 2409 $(window).on("load", function () { 2410 $('body').addClass('doneLoading').removeClass('hideContent'); 2411 2412 if ($('#404Content').length > 0) 2413 $('div#bodyWrapper').css('padding', '0px'); 2414 }); 2415 </script>
2415 2416 2417 <noscript> 2418 <style> 2419 body.hideContent { 2420 opacity: 1 !important; 2421 } 2422 </style> 2423 </noscript> 2424 2425 2426<div style="display: none;"> 2427 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2428 2429 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2430 <title>Arrow Left</title> 2431 <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> 2432 </symbol> 2433 2434 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2435 <title>Arrow Right</title> 2436 <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> 2437 </symbol> 2438 2439 </svg> 2440</div> 2441
2441<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Montserrat:500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Open+Sans:500,500italic,600,600italic,700,700italic,italic,regular|');</script>
2441 2442 2443 2444 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2445 <div style="display: none;"> 2446 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2447 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 2448 <title>Slideshow Left Arrow</title> 2449 <g> 2450 <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> 2451 </g> 2452 </symbol> 2453 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 2454 <title>Slideshow Right Arrow</title> 2455 <g> 2456 <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> 2457 </g> 2458 </symbol> 2459 </svg> 2460 </div> 2461 2462 2463 2464 2465 <div id="root-picker-outlet"></div> 2466</body> 2467</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.