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-XZV4C24MS5';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= true; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117
117<script src="Scripts/jquery-1.11.2.js"></script>
117 118
118<script type="text/javascript"> 119 function Message_Recieved(event) { 120 $("#MeetingsFrame").height(event.data + "px"); 121 } 122 if (window.addEventListener) { 123 addEventListener("message", Message_Recieved, false); 124 } 125 else { 126 attachEvent("onmessage", Message_Recieved); 127 } 128 </script>
128 129 130 <meta name="category0" content="Home" /> 131 132 133 <meta name="theme-color" content="rgb(21, 65, 87)"> 134 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 135 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 136 <title>Arcata, CA | Official Website</title> 137 138 <meta name="description" content=""> 139 <meta name="keywords" content="Home"> 140
140<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
140 141
141<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
141 142 143 144 <!--[if IE 6]>
144<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
144<![endif]--> 145 <!--[if IE 7]>
145<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
145<![endif]--> 146 <!--[if IE 8]>
146<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
146<![endif]--> 147 <!--[if IE 9]>
147<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
147<![endif]--> 148
148<script type="text/javascript"><!-- 149 var intCountryCode = 840; 150 var order = ''; 151//--></script>
151 152 153<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-253393466.css" rel="stylesheet" type="text/css" /> 154 155 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 156
156<script type="text/javascript"> 157 window.Pages = window.Pages || {}; 158 // FrontEnd RWD initialization 159 window.Pages.rwdReady = $.Deferred(); 160 window.Pages.toolBarDeferred = $.Deferred(); 161 window.Pages.rwdSetupComplete = $.Deferred(); 162 window.Pages.megaMenuLoaded = $.Deferred(); 163 window.Pages.angularToolbarComplete = $.Deferred(); 164 window.Pages.frontEndToolbarComplete = $.Deferred(); 165 </script>
165 166 <!--CPHeadContent--> 167
167<script src="/739942322.js" type="text/javascript"></script>
167 168 169 170 171 172 173 174 175 176 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 177 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 178 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 179 <!--[if lt IE 9]>
179<script type="text/javascript" src="/Scripts/html5.js"></script>
179<![endif]--> 180 181
181<script type="text/javascript"> 182 setEditorVariables(false, 840); 183 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 184 </script>
184 185
185<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
185 186</head> 187<body class="wide " > 188 189
189<script>jQuery(document).click(function (event) { 190 var target = jQuery(event.target); 191 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 192 var text = target.attr('title'); 193 194 if (!text.length) { 195 text = "N/A"; 196 } 197 ga('send', 198 { 199 hitType: 'event', 200 eventCategory: 'Image', 201 eventAction: 'Image - ' + text, 202 eventLabel: window.location.href 203 }); 204 } 205 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 206 var text = ""; 207 if (target.parents('.button')[0]) { 208 text = target.parents('.button').first().text(); 209 } else if (target.text().length) { 210 text = target.text(); 211 } else if (target.attr('title').length) { 212 text = target.attr('title'); 213 } 214 if (!text.length) { 215 text = "N/A"; 216 } 217 ga('send', 218 { 219 hitType: 'event', 220 eventCategory: 'Button', 221 eventAction: 'Button - ' + text, 222 eventLabel: window.location.href 223 }); 224 } 225 if (target.parents('.widgetCustomHtml').length) { 226 ga('send', 227 { 228 hitType: 'event', 229 eventCategory: 'Custom Html',
230 eventAction: 'Custom Html Clicked', 231 eventLabel: window.location.href 232 }); 233 } 234 if (target.parents('.editor').length) { 235 ga('send', 236 { 237 hitType: 'event', 238 eventCategory: 'Editor', 239 eventAction: 'Editor Link Clicked', 240 eventLabel: window.location.href 241 }); 242 } 243 if (target.parents('.GraphicLinks').length) { 244 var text = ""; 245 var targetGraphicLink = target; 246 if (target.hasClass('widgetGraphicLinksLink')) { 247 targetGraphicLink = jQuery(target.children()[0]); 248 } 249 if (targetGraphicLink.hasClass('text')) { 250 text = targetGraphicLink.text(); 251 } else if (targetGraphicLink.attr('src').length) { 252 if (targetGraphicLink.attr('alt').length) { 253 text = targetGraphicLink.attr('alt'); 254 } else { 255 text = targetGraphicLink.attr('src'); 256 } 257 } else { 258 text = "N/A"; 259 } 260 ga('send', 261 { 262 hitType: 'event', 263 eventCategory: 'Graphic Links', 264 eventAction: 'Graphic Link - ' + text, 265 eventLabel: window.location.href 266 }); 267 } 268 if (target.parents('.InfoAdvanced').length) { 269 ga('send', 270 { 271 hitType: 'event', 272 eventCategory: 'Info Advanced', 273 eventAction: 'Info Advanced Clicked', 274 eventLabel: window.location.href 275 }); 276 } 277 if (target.parents('.list').length) { 278 ga('send', 279 { 280 hitType: 'event', 281 eventCategory: 'List', 282 eventAction: 'List Clicked', 283 eventLabel: window.location.href 284 }); 285 } 286 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 287 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 288 var breadCrumbs = []; 289 jQuery('.breadCrumbs > li').each(function () { 290 breadCrumbs.push(this.textContent); 291 }); 292 var pageTitle = breadCrumbs.join('>'); 293 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 294 var text = ""; 295 if (pageTitle) { 296 text += pageTitle + " | "; 297 } else { 298 text += document.title + ' - '; 299 } 300 if (target.text() == "" && megaMenuText == "") { 301 text += "N/A"; 302 } else if (target.text().length && megaMenuText.length) { 303 if (megaMenuText == target.text()) { 304 text += megaMenuText; 305 } else { 306 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 307 } 308 } else if (target.text() == "") { 309 text += megaMenuText; 310 } else { 311 text += target.text(); 312 } 313 if (!text.length) { 314 text = "N/A"; 315 } 316 ga('send', 317 { 318 hitType: 'event', 319 eventCategory: 'Mega Menu', 320 eventAction: 'Mega Menu : ' + text, 321 eventLabel: window.location.href 322 }); 323 } 324 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 325 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 326 if (!text.length) { 327 text = "N/A"; 328 } 329 ga('send', 330 { 331 hitType: 'event', 332 eventCategory: 'News Flash', 333 eventAction: 'News Flash - ' + text, 334 eventLabel: window.location.href 335 }); 336 } 337 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 338 var text = target.text(); 339 if (!text.length) { 340 text = "N/A"; 341 } 342 ga('send', 343 { 344 hitType: 'event', 345 eventCategory: 'Quick Links', 346 eventAction: 'Quick Links - ' + text, 347 eventLabel: window.location.href 348 }); 349 } 350 if (target.attr('src') && target.parents('.cpSlideshow').length) { 351 var text = target.attr('title'); 352 if (!text.length) { 353 text = "N/A"; 354 } 355 ga('send', 356 { 357 hitType: 'event', 358 eventCategory: 'Slideshow', 359 eventAction: 'Slideshow - ' + text, 360 eventLabel: window.location.href 361 }); 362 } 363 if (target.parents('.widgetText').length) { 364 ga('send', 365 { 366 hitType: 'event', 367 eventCategory: 'Text', 368 eventAction: 'Text Link Clicked', 369 eventLabel: window.location.href 370 }); 371 } 372});</script>
372 373 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 374 <div class="cp-PopOver-header"> 375 <h3 class="cp-PopOver-title"></h3> 376 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 377 <svg class="cp-Icon--close" alt="close" title="close"> 378 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 379 </svg> 380 </button> 381 </div> 382 <div id="cpPopOverBody" class="cp-PopOver-body"> 383 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 384 </div> 385 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 386 <div class="cp-BtnGroup" id="actionButtons"> 387 <!-- Action buttons will be dynamically added here --> 388 </div> 389 </div> 390</div> 391 <div id="fb-root"></div> 392<div id=skipToContentLinks> 393<a href="#cc3e37159c-9feb-434e-853e-1a3eeac1c588" target="_self" class="skipToContentLink">Skip to Main Content</a> 394</div> 395 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 396 397 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 398 399 400 401 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 402 <input type="hidden" id="hdnStructureID" value="12" /> 403 <input type="hidden" id="hdnContentCollectionID" value="70311477-0dd9-4b45-a941-a50f2fe5378d" /> 404 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 405 <input type="hidden" id="hdnThemeID" value="27" /> 406 <input type="hidden" id="pageIsFrontEnd" value="true" /> 407 <input type="hidden" id="pageModuleID" /> 408 <input type="hidden" id="pagePageID" value="1" /> 409 410 <div id="stickyPlaceholder"></div> 411 <div id="outer-wrap" class="outer-wrap"> 412 <div id="inner-wrap" class="inner-wrap"> 413 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 414 415 416 417 418 </div> 419 <div id="bodyWrapper"> 420 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 421 422<div data-cpRole="structuralContainer" id="bodyContainerTS"> 423<!-- <div data-cpRole="banner" id="banner3" class="fixedBannerTS"> --><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 424<div class="siteWrap6"><div data-cpRole="structuralContainer" id="flexHeader1TS" class="headerTS flexTS flex-columnTS justify-betweenTS align-centerTS"> 425<div data-cpRole="structuralContainer" id="logoTS"> 426<div data-cpRole="banner" id="logoInnerTS" class="bannerLogoTS empty"> 427 428 429 430 431 <a id="logoInnerTS-75" style=" display: block; text-align: center; 432" class="bannerObject" href="/" target="_self"><img alt="Arcata CA Homepage" class="bannerObject" height="156" src="/ImageRepository/Document?documentID=15919" width="242" /></a> 433</div> 434</div><div data-cpRole="structuralContainer" id="navTS"> 435<nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" aria-label="Main"> 436<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 437--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 438 --><!-- 439 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem1 " href="/27/Departments" target = "_self" > Departments </a> <!-- 440 --><!-- 441 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 442 --><!-- 443 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem2 " href="/101/Services" target = "_self" > Services </a> <!-- 444 --><!-- 445 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 446 --><!-- 447 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem3 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 448 --><!-- 449 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 450 --><!-- 451 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavBusiness" class="navMainItem mainNavItem mainNavItem4 " href="/35/Business" target = "_self" > Business </a> <!-- 452 --><!-- 453 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 454 --><!-- 455 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem5 " href="/31/Community" target = "_self" > Community </a> <!-- 456 --><!-- 457 --></li><!----> 458</ol> 459 460 461
461<script type="text/javascript"> 462 (function () { 463 function setupMenu() { 464 const menuID = 'mainNavMenu'; 465 const menuType = MAIN_MENU; 466 467 //setup menu manager properties for main menu 468 if (!menuManager.mobileMainNav && true) 469 menuManager.adjustMainItemsWidth('#' + menuID); 470 menuManager.isMainMenuEditable = false; 471 menuManager.mainMenuMaxSubMenuLevels = 4; 472 menuManager.setMOMMode(2, menuType); 473 474 //Init main menu 475 const setupDraggable = menuManager.isMainMenuEditable; 476 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=27&menuContainerID=mainNav'; 477 478 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 479 menuManager.mainMenuInit = true; 480 menuManager.mainMenuTextResizer = true; 481 if (1.00 > 0) 482 menuManager.mainMenuTextResizerRatio = 1.00; 483 if (window.isResponsiveEnabled) 484 menuManager.mainMenuReady.resolve(); 485 486 } 487 488 if (document.readyState === "complete" 489 || document.readyState === "loaded" 490 || document.readyState === "interactive") { 491 setupMenu(); 492 return; 493 } 494 495 document.addEventListener("DOMContentLoaded", setupMenu); 496 })(); 497 </script>
497 498 499 500<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc4b0dc244-ac7f-4123-820e-60f52181b661" data-containerid="4b0dc244-ac7f-4123-820e-60f52181b661" class="pageContent cpGrid cpGrid24"> 501 502 503 504 505 </div> 506</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cc07ca1b5b-1802-431e-8553-3d1861c36654" data-containerid="07ca1b5b-1802-431e-8553-3d1861c36654" class="pageContent cpGrid cpGrid24"> 507 508 509 510 511 </div> 512</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cca785e8c3-54ce-41ab-ad1c-66757b2a81dc" data-containerid="a785e8c3-54ce-41ab-ad1c-66757b2a81dc" class="pageContent cpGrid cpGrid24"> 513 514 515 516 517 </div> 518</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="cc27ed2b13-5ed9-46fa-bbd5-75c545cdfa3c" data-containerid="27ed2b13-5ed9-46fa-bbd5-75c545cdfa3c" class="pageContent cpGrid cpGrid24"> 519 520 521 522 523 </div> 524</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="ccbc269278-3758-4585-af76-d774d7c76928" data-containerid="bc269278-3758-4585-af76-d774d7c76928" class="pageContent cpGrid cpGrid24"> 525 526 527 528 529 </div> 530</aside></aside></nav> 531</div><div data-cpRole="structuralContainer" id="searchTS"> 532<div data-cpRole="contentContainer" id="searchInnerTS" class="containerTS"> <div id="cc544970ba-c5cd-4907-9bc4-3a382df6589a" data-containerid="544970ba-c5cd-4907-9bc4-3a382df6589a" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 533 534 535 <div class="row outer wide"><!-- 536--><div class="outer col col24 first last" style="" data-widgetcontainerid="0a0683c0-5f1f-4f3e-8ad3-b581b0690014">� 537 <div class="row nest first last wide">� 538 539 <div class="inner col col24 first last id03cc88ff-41b2-4350-9257-1760be5505dd" style="" data-widgetcontainerid="03cc88ff-41b2-4350-9257-1760be5505dd">� 540<div data-widget-id="547b7a88-5d71-4ce0-bdf9-6efde980b8c1" data-widget-controller-path="/Layout/WidgetSearch"> 541 542
542<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
542 543
543<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
543 544
544<script defer type="text/javascript"> 545 546 $(document).ready(function () { 547 try { 548 // Minimum characters required before performing a search/autocomplete 549 var minPrefixLength = 3; 550 var autoCompleteDebounceDelay = 500; 551 var searchFieldSelector = "#searchField" + '547b7a88-5d71-4ce0-bdf9-6efde980b8c1'; 552 var checkboxSelector = "#ysnSearchOnlyDept" + '547b7a88-5d71-4ce0-bdf9-6efde980b8c1'; 553 var buttonSelector = ".widgetSearchButton" + '547b7a88-5d71-4ce0-bdf9-6efde980b8c1'; 554 var autoCompleteCache = {}; 555 var autoCompleteCacheKeys = []; 556 var autoCompleteCacheLimit = 25; 557 var currentAutoCompleteRequest = null; 558 var currentAutoCompleteRequestKey = null; 559 var autoCompleteDebounceTimer = null; 560 var autoCompleteDebounceKey = null; 561 var pendingAutoCompleteResponses = []; 562 563 function normalizeAutoCompleteTerm(term) { 564 return $.trim((term || "") + "").replace(/\s+/g, " "); 565 } 566 567 function shouldSearch(term) { 568 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 569 } 570 571 function getAutoCompleteUrl() { 572 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 573 } 574 575 function getAutoCompleteCacheKey(requestUrl, term) { 576 return requestUrl + "|" + term.toLowerCase(); 577 } 578 579 function cacheAutoCompleteResult(cacheKey, data) { 580 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 581 autoCompleteCacheKeys.push(cacheKey); 582 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 583 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 584 } 585 } 586 autoCompleteCache[cacheKey] = data; 587 } 588 589 function respondToPendingAutoComplete(data) { 590 var responses = pendingAutoCompleteResponses; 591 pendingAutoCompleteResponses = []; 592 for (var i = 0; i < responses.length; i++) { 593 responses[i](data); 594 } 595 } 596 597 function cancelPendingAutoComplete() { 598 clearTimeout(autoCompleteDebounceTimer); 599 autoCompleteDebounceKey = null; 600 if (currentAutoCompleteRequest != null) { 601 currentAutoCompleteRequest.abort(); 602 currentAutoCompleteRequest = null; 603 } 604 currentAutoCompleteRequestKey = null; 605 respondToPendingAutoComplete([]); 606 } 607 608 function createWidgetAutoCompleteSource(options) { 609 return function (request, response) { 610 var term = normalizeAutoCompleteTerm(request.term); 611 if (!options.shouldSearch(term)) { 612 response([]); 613 return; 614 } 615 616 var requestUrl = options.url(); 617 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 618 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 619 response(autoCompleteCache[cacheKey]); 620 if (options.success) { 621 options.success(autoCompleteCache[cacheKey]); 622 } 623 return; 624 } 625 626 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 627 pendingAutoCompleteResponses.push(response); 628 return; 629 } 630 631 cancelPendingAutoComplete(); 632 autoCompleteDebounceKey = cacheKey; 633 pendingAutoCompleteResponses.push(response); 634 autoCompleteDebounceTimer = setTimeout(function () { 635 autoCompleteDebounceKey = null; 636 currentAutoCompleteRequestKey = cacheKey; 637 currentAutoCompleteRequest = $.ajax({ 638 url: requestUrl, 639 dataType: "json", 640 timeout: options.timeout, 641 data: { 642 term: term, 643 }, 644 success: function (data) { 645 if (currentAutoCompleteRequestKey === cacheKey) { 646 cacheAutoCompleteResult(cacheKey, data); 647 respondToPendingAutoComplete(data); 648 if (options.success) { 649 options.success(data); 650 } 651 } 652 }, 653 error: function (xmlhttprequest, textstatus, message) { 654 if (textstatus === "abort") { 655 return; 656 } 657 658 if (options.error) { 659 options.error(xmlhttprequest, textstatus, message); 660 } 661 662 respondToPendingAutoComplete([]); 663 }, 664 complete: function (xmlhttprequest) { 665 if (currentAutoCompleteRequest === xmlhttprequest) { 666 currentAutoCompleteRequest = null;
667 currentAutoCompleteRequestKey = null; 668 } 669 } 670 }); 671 }, options.delay); 672 }; 673 } 674 675 // click handler for search buttons 676 $(buttonSelector).click(function (e) { 677 e.preventDefault(); 678 var $btn = $(this); 679 var $field = $btn.siblings(".widgetSearchBox"); 680 var term = $field.val() + ""; 681 if (!shouldSearch(term)) { 682 // do nothing until user types enough characters 683 $field.focus(); 684 return; 685 } 686 687 if ($(checkboxSelector).is(':checked') || false) 688 { 689 doWidgetSearch($.trim(term), Number(0)); 690 } 691 else { 692 doWidgetSearch($.trim(term), 0); 693 } 694 }); 695 696 // enter key handler for the search field 697 $(searchFieldSelector).keypress(function (e) { 698 var code = e.which || e.keyCode; 699 if (code === 13) { 700 e.preventDefault(); 701 var $this = $(this); 702 var term = $this.val() + ""; 703 if (!shouldSearch(term)) { 704 // do nothing until user types enough characters 705 $this.focus(); 706 return false; 707 } 708 709 if ($(checkboxSelector).is(':checked') || false) { 710 doWidgetSearch($.trim(term), Number(0)); 711 } else { 712 doWidgetSearch($.trim(term), 0); 713 } 714 return false; 715 } 716 return true; 717 }); 718 719 // autocomplete: set minLength and guard source 720 if (true) { 721 var $searchField = $(searchFieldSelector).autocomplete({ 722 minLength: minPrefixLength, 723 source: createWidgetAutoCompleteSource({ 724 delay: autoCompleteDebounceDelay, 725 timeout: 10000, 726 shouldSearch: shouldSearch, 727 url: getAutoCompleteUrl, 728 success: function () { 729 $('.autoCompleteError').remove(); 730 }, 731 error: function (xmlhttprequest, textstatus, message) { 732 if (textstatus === "timeout") { 733 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 734 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 735 } 736 } 737 }), 738 html: true, 739 delay: 0, 740 select: function (event, ui) { 741 $(this).val(ui.item.value); 742 $(this).next().click(); 743 } 744 }); 745 746 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 747 return $("<li class=\"itemList\"></li>") 748 .data("ui-autocomplete-item", item) 749 .append("<a>" + item.label + "</a>") 750 .appendTo(ul); 751 }; 752 } 753 754 // keep searchBtnApplyQuery consistent with prefix rule 755 window.searchBtnApplyQuery = function() { 756 var $field = $(searchFieldSelector); 757 var term = $field.val() + ""; 758 if (shouldSearch(term)) { 759 // update href for the icon/button (if present) 760 var btn = document.getElementById("btnSearchIcon"); 761 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 762 } else { 763 var btn = document.getElementById("btnSearchIcon"); 764 if (btn) btn.href = "#"; 765 } 766 }; 767 } 768 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. 769 }); 770 </script>
770 771 772 <section id="widgetPreviewSearch" class="widget widgetSearch skin76 widgetOptionSet38" style="display: block;" aria-label="Search"> 773 <!-- For the button right and inside --> 774 <div class="widgetBody buttonRightInside"> 775 <input class="widgetSearchBox widgetSearchBox547b7a88-5d71-4ce0-bdf9-6efde980b8c1" cp5ph="true" id="searchField547b7a88-5d71-4ce0-bdf9-6efde980b8c1" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 776 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton547b7a88-5d71-4ce0-bdf9-6efde980b8c1" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=15924" data-image="/ImageRepository/Document?documentID=15925" src="/ImageRepository/Document?documentID=15925" /></a> 777 778 <label class="searchLabel" aria-hidden="true" for="searchField547b7a88-5d71-4ce0-bdf9-6efde980b8c1">Search</label> 779 </div> 780 781 </section> 782 783 784<style scoped> 785 786 .widgetSearch ::-webkit-input-placeholder { 787 color: #154157; 788 } 789 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 790 color: #154157; 791 } 792 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 793 color: #154157; 794 } 795 .widgetSearch :-ms-input-placeholder { 796 color: #154157; 797 } 798 799 800 .widgetSearch .widgetBody .widgetSearchBox547b7a88-5d71-4ce0-bdf9-6efde980b8c1 801 { 802 color: #154157; 803 height: 70px; 804border-radius: 20px; 805background: #FFF; 806box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.10); 807padding: 0 70px 0 28px; 808border: none; 809font: 400 16px League Spartan; 810 } 811 .widgetSearch .widgetBody .widgetSearchButton547b7a88-5d71-4ce0-bdf9-6efde980b8c1 812 { 813 margin: 6px; 814 } 815 .widgetSearch .widgetSearch-onlyDept547b7a88-5d71-4ce0-bdf9-6efde980b8c1 816 { 817 display: inline-block; 818 color: #333; 819 820 821 padding-top: 10px; 822 } 823 #ysnSearchOnlyDept547b7a88-5d71-4ce0-bdf9-6efde980b8c1 824 { 825 position: relative; 826 top: .125em; 827 } 828 829</style> 830 831<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 832<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 833 834 835
836<script type="text/javascript"> 837 //Updates search icons href to have the correct queryString 838 function searchBtnApplyQuery() { 839 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField547b7a88-5d71-4ce0-bdf9-6efde980b8c1").value; 840 } 841</script>
841 842 843</div> 844 845 </div> <!-- inner column --> 846 847 </div> <!-- inner row --> 848 849 </div><!-- outer column --><!-- --></div> <!-- outer row --> 850 851 852 </div> 853</div> 854</div> 855</div></div> 856</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 857<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 858<div data-cpRole="structuralContainer" id="bannerContentTS"> 859<div class="siteWrap6"><div data-cpRole="contentContainer" id="contentTS" class="containerTS"> <div id="cc85372bc0-64ec-44a2-8e88-4672f40f0b69" data-containerid="85372bc0-64ec-44a2-8e88-4672f40f0b69" class="pageContent cpGrid cpGrid24 showInMobile"> 860 861 862 863 864 </div> 865</div></div> 866</div> 867</div> 868 869 870 871 872 <div id="bannerImagesJSON74" class="hidden"></div> 873 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 874 <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> 875 <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> 876 </div> 877
877<script type="text/javascript"> 878 $(window).on("load", function () { 879 $.when(window.Pages.rwdSetupComplete) 880 .done(function () { 881 renderExternalBannerSlideshow('banner1', 882 {"BannerOptionID":74,"ThemeID":27,"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":119,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=15956","Height":600,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":120,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=15957","Height":600,"Width":1832,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":121,"BannerOptionID":74,"FileName":"/ImageRepository/Document?documentID=15958","Height":600,"Width":1832,"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)\/"}, 883 '/App_Themes/2025 - Home/Images/', 884 'Rotating'); 885 }); 886 }); 887 </script>
887 888 889</div> 890</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 891<div class="siteWrap2"><div data-cpRole="structuralContainer" id="gbsInnerContainerTS"> 892<div data-cpRole="contentContainer" id="gbsTS" class="containerTS"> <div id="ccb1d0afab-9a86-4404-81fa-5d80d76b143e" data-containerid="b1d0afab-9a86-4404-81fa-5d80d76b143e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="30"> 893 894 895 <div class="row outer wide"><!-- 896--><div class="outer col col8 first" style="" data-widgetcontainerid="1798a3ce-158b-4ec6-bd27-7282524abf4d">� 897 <div class="row nest first last wide">� 898 899 <div class="inner col col8 first last id4471496c-7c90-4ca1-a382-e1ad6dd62b24" style="" data-widgetcontainerid="4471496c-7c90-4ca1-a382-e1ad6dd62b24">� 900<div data-widget-id="e1c16ab0-d313-4fe4-aecf-0f1d14fbf5e1" data-widget-controller-path="/GraphicLinks/Widget"> 901 902 903 904 905<div id="graphicLinkWidgete1c16ab0-d313-4fe4-aecf-0f1d14fbf5e1" class="widget widgetGraphicLinks skin79 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:18em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 906 <div class="widgetHeader"> 907 <div class=""> 908 </div> 909 </div> 910 <div class="widgetBody cpGrid cpGrid2 "> 911 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 912 <div class="row wide"> 913 <!-- 914--><div class="col col1 first "><ul class="semanticList"><!-- 915 --><li class="widgetItem GraphicLinks"> 916 917<div> 918 <a href="/413/Current-City-Construction-Projects" target="_self" class="fancyButton fancyButton203 " > 919 <span> 920 <span><span class="text">Construction & Projects</span></span> 921 </span> 922 </a> 923</div> 924 <style scoped="scoped">.fancyButton203.fancyButton:link,.fancyButton203.fancyButton:visited, .fancyButton203div.fancyButton{ 925 background-image: url('/ImageRepository/Document?documentID=15936'); 926 background-repeat: no-repeat; 927 background-position: center .5em ; 928background-size: 7.25em; 929transition: all .3s ease-out;} 930.fancyButton203.fancyButton:hover,.fancyButton203.fancyButton:focus,.fancyButton203.fancyButton:active,.fancyButton203.fancyButton.hover{ 931 background-image: url('/ImageRepository/Document?documentID=15935'); 932 background-repeat: no-repeat; 933 background-position: center top; 934} 935.fancyButton203.fancyButton:link > span,.fancyButton203.fancyButton:visited > span, .fancyButton203div.fancyButton > span{ 936} 937.fancyButton203.fancyButton:hover > span,.fancyButton203.fancyButton:focus > span,.fancyButton203.fancyButton:active > span,.fancyButton203.fancyButton.hover > span{ 938} 939.fancyButton203.fancyButton .text{ 940 color: rgb(255, 255, 255); 941 font-size: 1.375em; 942 font-family: "League Spartan"; 943 padding-top: 6.5em; 944 font-weight: 700; 945 text-decoration: none; 946 padding-top: 6.5em; 947 background-image: url('/ImageRepository/Document?documentID=15932'); 948 background-repeat: no-repeat; 949 background-position: center .72em ; 950transition: all .3s ease-out; 951background-size: 4.55em;line-height: 1; 952text-transform: uppercase; 953} 954 955.fancyButton203 .text::after { 956content: ""; 957display: block; 958margin: 8px auto 0; 959width: 100%; 960height: 2px; 961max-width: 57px; 962background: #F5C64E; 963border-radius: 2px; 964transform: scale(0); 965transition: all .3s ease-out; 966} 967.fancyButton203.fancyButton:hover .text,.fancyButton203.fancyButton:focus .text,.fancyButton203.fancyButton:active .text,.fancyButton203.fancyButton.hover .text{ 968 text-decoration: underline; 969 background-repeat: no-repeat; 970 background-position: center .36em ; 971 972text-decoration-thickness: 1px; 973text-underline-offset: 2px; 974} 975 976.fancyButton203:is(:hover, :focus, :active) .text::after { 977transform: scale(1);} 978</style> 979 980 </li><!-- 981--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 982 --><li class="widgetItem GraphicLinks"> 983 984<div> 985 <a href="/1141/Permits-RRIP-Complaints" target="_self" class="fancyButton fancyButton204 " > 986 <span> 987 <span><span class="text">PERMITS, RRIP & COMPLAINTS</span></span> 988 </span> 989 </a> 990</div> 991 <style scoped="scoped">.fancyButton204.fancyButton:link,.fancyButton204.fancyButton:visited, .fancyButton204div.fancyButton{ 992 background-image: url('/ImageRepository/Document?documentID=15936'); 993 background-repeat: no-repeat; 994 background-position: center .5em ; 995background-size: 7.25em; 996transition: all .3s ease-out;} 997.fancyButton204.fancyButton:hover,.fancyButton204.fancyButton:focus,.fancyButton204.fancyButton:active,.fancyButton204.fancyButton.hover{ 998 background-image: url('/ImageRepository/Document?documentID=15935'); 999 background-repeat: no-repeat; 1000 background-position: center top; 1001} 1002.fancyButton204.fancyButton:link > span,.fancyButton204.fancyButton:visited > span, .fancyButton204div.fancyButton > span{ 1003} 1004.fancyButton204.fancyButton:hover > span,.fancyButton204.fancyButton:focus > span,.fancyButton204.fancyButton:active > span,.fancyButton204.fancyButton.hover > span{ 1005} 1006.fancyButton204.fancyButton .text{ 1007 color: rgb(255, 255, 255); 1008 font-size: 1.375em; 1009 font-family: "League Spartan"; 1010 padding-top: 6.5em; 1011 font-weight: 700; 1012 text-decoration: none; 1013 padding-top: 6.5em; 1014 background-image: url('/ImageRepository/Document?documentID=15931'); 1015 background-repeat: no-repeat; 1016 background-position: center .72em ; 1017transition: all .3s ease-out; 1018background-size: 4.55em;line-height: 1; 1019text-transform: uppercase; 1020} 1021 1022.fancyButton204 .text::after { 1023content: ""; 1024display: block; 1025margin: 8px auto 0; 1026width: 100%; 1027height: 2px; 1028max-width: 57px; 1029background: #F5C64E; 1030border-radius: 2px; 1031transform: scale(0); 1032transition: all .3s ease-out; 1033} 1034.fancyButton204.fancyButton:hover .text,.fancyButton204.fancyButton:focus .text,.fancyButton204.fancyButton:active .text,.fancyButton204.fancyButton.hover .text{ 1035 text-decoration: underline; 1036 background-repeat: no-repeat; 1037 background-position: center .36em ; 1038 1039text-decoration-thickness: 1px; 1040text-underline-offset: 2px; 1041} 1042 1043.fancyButton204:is(:hover, :focus, :active) .text::after { 1044transform: scale(1);} 1045</style> 1046 1047 </li><!-- 1048--></ul></div><!-- --> 1049 </div> 1050 </nav> 1051 </div> 1052 <div class="widgetFooter"> 1053 </div> 1054</div> 1055</div> 1056 1057 </div> <!-- inner column --> 1058 1059 </div> <!-- inner row --> 1060 1061 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="30c25c20-574a-452a-bae5-c2f6e421a01d">� 1062 <div class="row nest first last wide">� 1063 1064 <div class="inner col col8 first last id3f6cccaf-e34e-4297-a894-067013d93cbf" style="" data-widgetcontainerid="3f6cccaf-e34e-4297-a894-067013d93cbf">� 1065<div data-widget-id="215cfebf-4b7c-4b30-ad2e-e9887ea3cb60" data-widget-controller-path="/GraphicLinks/Widget"> 1066 1067 1068 1069 1070<div id="graphicLinkWidget215cfebf-4b7c-4b30-ad2e-e9887ea3cb60" class="widget widgetGraphicLinks skin79 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:18em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1071 <div class="widgetHeader"> 1072 <div class="">
1073 </div> 1074 </div> 1075 <div class="widgetBody cpGrid cpGrid2 "> 1076 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1077 <div class="row wide"> 1078 <!-- 1079--><div class="col col1 first "><ul class="semanticList"><!-- 1080 --><li class="widgetItem GraphicLinks"> 1081 1082<div> 1083 <a href="/1125/Live-Meetings-Agendas-Minutes" target="_self" class="fancyButton fancyButton215 " > 1084 <span> 1085 <span><span class="text">Agendas & Minutes</span></span> 1086 </span> 1087 </a> 1088</div> 1089 <style scoped="scoped">.fancyButton215.fancyButton:link,.fancyButton215.fancyButton:visited, .fancyButton215div.fancyButton{ 1090 background-image: url('/ImageRepository/Document?documentID=15936'); 1091 background-repeat: no-repeat; 1092 background-position: center .5em ; 1093background-size: 7.25em; 1094transition: all .3s ease-out;} 1095.fancyButton215.fancyButton:hover,.fancyButton215.fancyButton:focus,.fancyButton215.fancyButton:active,.fancyButton215.fancyButton.hover{ 1096 background-image: url('/ImageRepository/Document?documentID=15935'); 1097 background-repeat: no-repeat; 1098 background-position: center top; 1099} 1100.fancyButton215.fancyButton:link > span,.fancyButton215.fancyButton:visited > span, .fancyButton215div.fancyButton > span{ 1101} 1102.fancyButton215.fancyButton:hover > span,.fancyButton215.fancyButton:focus > span,.fancyButton215.fancyButton:active > span,.fancyButton215.fancyButton.hover > span{ 1103} 1104.fancyButton215.fancyButton .text{ 1105 color: rgb(255, 255, 255); 1106 font-size: 1.375em; 1107 font-family: "League Spartan"; 1108 padding-top: 6.5em; 1109 font-weight: 700; 1110 text-decoration: none; 1111 padding-top: 6.5em; 1112 background-image: url('/ImageRepository/Document?documentID=15929'); 1113 background-repeat: no-repeat; 1114 background-position: center .72em ; 1115transition: all .3s ease-out; 1116background-size: 4.55em;line-height: 1; 1117text-transform: uppercase; 1118} 1119 1120.fancyButton215 .text::after { 1121content: ""; 1122display: block; 1123margin: 8px auto 0; 1124width: 100%; 1125height: 2px; 1126max-width: 57px; 1127background: #F5C64E; 1128border-radius: 2px; 1129transform: scale(0); 1130transition: all .3s ease-out; 1131} 1132.fancyButton215.fancyButton:hover .text,.fancyButton215.fancyButton:focus .text,.fancyButton215.fancyButton:active .text,.fancyButton215.fancyButton.hover .text{ 1133 text-decoration: underline; 1134 background-repeat: no-repeat; 1135 background-position: center .36em ; 1136 1137text-decoration-thickness: 1px; 1138text-underline-offset: 2px; 1139} 1140 1141.fancyButton215:is(:hover, :focus, :active) .text::after { 1142transform: scale(1);} 1143</style> 1144 1145 </li><!-- 1146--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1147 --><li class="widgetItem GraphicLinks"> 1148 1149<div> 1150 <a href="/179/Job-Opportunities" target="_self" class="fancyButton fancyButton216 " > 1151 <span> 1152 <span><span class="text">Jobs & Volunteer</span></span> 1153 </span> 1154 </a> 1155</div> 1156 <style scoped="scoped">.fancyButton216.fancyButton:link,.fancyButton216.fancyButton:visited, .fancyButton216div.fancyButton{ 1157 background-image: url('/ImageRepository/Document?documentID=15936'); 1158 background-repeat: no-repeat; 1159 background-position: center .5em ; 1160background-size: 7.25em; 1161transition: all .3s ease-out;} 1162.fancyButton216.fancyButton:hover,.fancyButton216.fancyButton:focus,.fancyButton216.fancyButton:active,.fancyButton216.fancyButton.hover{ 1163 background-image: url('/ImageRepository/Document?documentID=15935'); 1164 background-repeat: no-repeat; 1165 background-position: center top; 1166} 1167.fancyButton216.fancyButton:link > span,.fancyButton216.fancyButton:visited > span, .fancyButton216div.fancyButton > span{ 1168} 1169.fancyButton216.fancyButton:hover > span,.fancyButton216.fancyButton:focus > span,.fancyButton216.fancyButton:active > span,.fancyButton216.fancyButton.hover > span{ 1170} 1171.fancyButton216.fancyButton .text{ 1172 color: rgb(255, 255, 255); 1173 font-size: 1.375em; 1174 font-family: "League Spartan"; 1175 padding-top: 6.5em; 1176 font-weight: 700; 1177 text-decoration: none; 1178 padding-top: 6.5em; 1179 background-image: url('/ImageRepository/Document?documentID=15933'); 1180 background-repeat: no-repeat; 1181 background-position: center .72em ; 1182transition: all .3s ease-out; 1183background-size: 4.55em;line-height: 1; 1184text-transform: uppercase; 1185} 1186 1187.fancyButton216 .text::after { 1188content: ""; 1189display: block; 1190margin: 8px auto 0; 1191width: 100%; 1192height: 2px; 1193max-width: 57px; 1194background: #F5C64E; 1195border-radius: 2px; 1196transform: scale(0); 1197transition: all .3s ease-out; 1198} 1199.fancyButton216.fancyButton:hover .text,.fancyButton216.fancyButton:focus .text,.fancyButton216.fancyButton:active .text,.fancyButton216.fancyButton.hover .text{ 1200 text-decoration: underline; 1201 background-repeat: no-repeat; 1202 background-position: center .36em ; 1203 1204text-decoration-thickness: 1px; 1205text-underline-offset: 2px; 1206} 1207 1208.fancyButton216:is(:hover, :focus, :active) .text::after { 1209transform: scale(1);} 1210</style> 1211 1212 </li><!-- 1213--></ul></div><!-- --> 1214 </div> 1215 </nav> 1216 </div> 1217 <div class="widgetFooter"> 1218 </div> 1219</div> 1220</div> 1221 1222 </div> <!-- inner column --> 1223 1224 </div> <!-- inner row --> 1225 1226 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="001bc601-d8e9-4d75-8a90-c5c6666dca53">� 1227 <div class="row nest first last wide">� 1228 1229 <div class="inner col col8 first last idc4938469-a056-4382-85f9-956ebe682247" style="" data-widgetcontainerid="c4938469-a056-4382-85f9-956ebe682247">� 1230<div data-widget-id="8950ce15-e392-4e56-8ddc-fb387238afb1" data-widget-controller-path="/GraphicLinks/Widget"> 1231 1232 1233 1234 1235<div id="graphicLinkWidget8950ce15-e392-4e56-8ddc-fb387238afb1" class="widget widgetGraphicLinks skin79 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:18em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1236 <div class="widgetHeader"> 1237 <div class="">
1238 </div> 1239 </div> 1240 <div class="widgetBody cpGrid cpGrid2 "> 1241 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1242 <div class="row wide"> 1243 <!-- 1244--><div class="col col1 first "><ul class="semanticList"><!-- 1245 --><li class="widgetItem GraphicLinks"> 1246 1247<div> 1248 <a href="https://www.invoicecloud.com/CityofArcataCA" target="_self" class="fancyButton fancyButton217 " > 1249 <span> 1250 <span><span class="text">Pay Utility Bill</span></span> 1251 </span> 1252 </a> 1253</div> 1254 <style scoped="scoped">.fancyButton217.fancyButton:link,.fancyButton217.fancyButton:visited, .fancyButton217div.fancyButton{ 1255 background-image: url('/ImageRepository/Document?documentID=15936'); 1256 background-repeat: no-repeat; 1257 background-position: center .5em ; 1258background-size: 7.25em; 1259transition: all .3s ease-out;} 1260.fancyButton217.fancyButton:hover,.fancyButton217.fancyButton:focus,.fancyButton217.fancyButton:active,.fancyButton217.fancyButton.hover{ 1261 background-image: url('/ImageRepository/Document?documentID=15935'); 1262 background-repeat: no-repeat; 1263 background-position: center top; 1264} 1265.fancyButton217.fancyButton:link > span,.fancyButton217.fancyButton:visited > span, .fancyButton217div.fancyButton > span{ 1266} 1267.fancyButton217.fancyButton:hover > span,.fancyButton217.fancyButton:focus > span,.fancyButton217.fancyButton:active > span,.fancyButton217.fancyButton.hover > span{ 1268} 1269.fancyButton217.fancyButton .text{ 1270 color: rgb(255, 255, 255); 1271 font-size: 1.375em; 1272 font-family: "League Spartan"; 1273 padding-top: 6.5em; 1274 font-weight: 700; 1275 text-decoration: none; 1276 padding-top: 6.5em; 1277 background-image: url('/ImageRepository/Document?documentID=15934'); 1278 background-repeat: no-repeat; 1279 background-position: center .72em ; 1280transition: all .3s ease-out; 1281background-size: 4.55em;line-height: 1; 1282text-transform: uppercase; 1283} 1284 1285.fancyButton217 .text::after { 1286content: ""; 1287display: block; 1288margin: 8px auto 0; 1289width: 100%; 1290height: 2px; 1291max-width: 57px; 1292background: #F5C64E; 1293border-radius: 2px; 1294transform: scale(0); 1295transition: all .3s ease-out; 1296} 1297.fancyButton217.fancyButton:hover .text,.fancyButton217.fancyButton:focus .text,.fancyButton217.fancyButton:active .text,.fancyButton217.fancyButton.hover .text{ 1298 text-decoration: underline; 1299 background-repeat: no-repeat; 1300 background-position: center .36em ; 1301 1302text-decoration-thickness: 1px; 1303text-underline-offset: 2px; 1304} 1305 1306.fancyButton217:is(:hover, :focus, :active) .text::after { 1307transform: scale(1);} 1308</style> 1309 1310 </li><!-- 1311--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1312 --><li class="widgetItem GraphicLinks"> 1313 1314<div> 1315 <a href="/Bids.aspx" target="_self" class="fancyButton fancyButton218 " > 1316 <span> 1317 <span><span class="text">Bid</span></span> 1318 </span> 1319 </a> 1320</div> 1321 <style scoped="scoped">.fancyButton218.fancyButton:link,.fancyButton218.fancyButton:visited, .fancyButton218div.fancyButton{ 1322 background-image: url('/ImageRepository/Document?documentID=15936'); 1323 background-repeat: no-repeat; 1324 background-position: center .5em ; 1325background-size: 7.25em; 1326transition: all .3s ease-out;} 1327.fancyButton218.fancyButton:hover,.fancyButton218.fancyButton:focus,.fancyButton218.fancyButton:active,.fancyButton218.fancyButton.hover{ 1328 background-image: url('/ImageRepository/Document?documentID=15935'); 1329 background-repeat: no-repeat; 1330 background-position: center top; 1331} 1332.fancyButton218.fancyButton:link > span,.fancyButton218.fancyButton:visited > span, .fancyButton218div.fancyButton > span{ 1333} 1334.fancyButton218.fancyButton:hover > span,.fancyButton218.fancyButton:focus > span,.fancyButton218.fancyButton:active > span,.fancyButton218.fancyButton.hover > span{ 1335} 1336.fancyButton218.fancyButton .text{ 1337 color: rgb(255, 255, 255); 1338 font-size: 1.375em; 1339 font-family: "League Spartan"; 1340 padding-top: 6.5em; 1341 font-weight: 700; 1342 text-decoration: none; 1343 padding-top: 6.5em; 1344 background-image: url('/ImageRepository/Document?documentID=15930'); 1345 background-repeat: no-repeat; 1346 background-position: center .72em ; 1347transition: all .3s ease-out; 1348background-size: 4.55em;line-height: 1; 1349text-transform: uppercase; 1350} 1351 1352.fancyButton218 .text::after { 1353content: ""; 1354display: block; 1355margin: 8px auto 0; 1356width: 100%; 1357height: 2px; 1358max-width: 57px; 1359background: #F5C64E; 1360border-radius: 2px; 1361transform: scale(0); 1362transition: all .3s ease-out; 1363} 1364.fancyButton218.fancyButton:hover .text,.fancyButton218.fancyButton:focus .text,.fancyButton218.fancyButton:active .text,.fancyButton218.fancyButton.hover .text{ 1365 text-decoration: underline; 1366 background-repeat: no-repeat; 1367 background-position: center .36em ; 1368 1369text-decoration-thickness: 1px; 1370text-underline-offset: 2px; 1371} 1372 1373.fancyButton218:is(:hover, :focus, :active) .text::after { 1374transform: scale(1);} 1375</style> 1376 1377 </li><!-- 1378--></ul></div><!-- --> 1379 </div> 1380 </nav> 1381 </div> 1382 <div class="widgetFooter"> 1383 </div> 1384</div> 1385</div> 1386 1387 </div> <!-- inner column --> 1388 1389 </div> <!-- inner row --> 1390 1391 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1392 1393 1394 </div> 1395</div> 1396</div></div> 1397</div><main data-cpRole="structuralContainer" id="mainSectionTS"> 1398<!-- Home Container --><div data-cpRole="structuralContainer" id="homeContainer1"> 1399<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent1a" class="containerTS"> <div id="ccb2fc2905-74a8-4260-aaa5-e43703eeb64f" data-containerid="b2fc2905-74a8-4260-aaa5-e43703eeb64f" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="35"> 1400 1401 1402 <div class="row outer wide"><!-- 1403--><div class="outer col col12 first" style="" data-widgetcontainerid="95950b61-4d6c-4034-ab2c-e1dccb398251">� 1404 <div class="row nest first last wide">� 1405 1406 <div class="inner col col12 first last id8d07eeec-c1f2-4bb4-bb54-0f792c3cfd8d" style="" data-widgetcontainerid="8d07eeec-c1f2-4bb4-bb54-0f792c3cfd8d">� 1407<div data-widget-id="89f93389-9819-4497-8e44-1f40b65b4702" data-widget-controller-path="/GraphicLinks/Widget"> 1408 1409 1410 1411 1412<div id="graphicLinkWidget89f93389-9819-4497-8e44-1f40b65b4702" class="widget widgetGraphicLinks skin82 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:35em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1413 <div class="widgetHeader"> 1414 <div class="">
1415 </div> 1416 </div> 1417 <div class="widgetBody cpGrid cpGrid2 "> 1418 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1419 <div class="row wide"> 1420 <!-- 1421--><div class="col col1 first "><ul class="semanticList"><!-- 1422 --><li class="widgetItem GraphicLinks"> 1423 1424<div> 1425 <a href="/685/CodeRED" target="_self" class="fancyButton fancyButton219 " > 1426 <span> 1427 <span><span class="text"><span class="textStyle1">emergency notificaTIONS</span><span class="textStyle2">Learn More</span></span></span> 1428 </span> 1429 </a> 1430</div> 1431 <style scoped="scoped">.fancyButton219.fancyButton:link,.fancyButton219.fancyButton:visited, .fancyButton219div.fancyButton{ 1432 -webkit-border-top-left-radius: 20px; 1433 -moz-border-top-left-radius: 20px; 1434 -khtml-border-top-left-radius: 20px; 1435 border-top-left-radius: 20px; 1436 -webkit-border-top-right-radius: 20px; 1437 -moz-border-top-right-radius: 20px; 1438 -khtml-border-top-right-radius: 20px; 1439 border-top-right-radius: 20px; 1440 -webkit-border-bottom-left-radius: 20px; 1441 -moz-border-bottom-left-radius: 20px; 1442 -khtml-border-bottom-left-radius: 20px; 1443 border-bottom-left-radius: 20px; 1444 -webkit-border-bottom-right-radius: 20px; 1445 -moz-border-bottom-right-radius: 20px; 1446 -khtml-border-bottom-right-radius: 20px; 1447 border-bottom-right-radius: 20px; 1448 background-image: url('/ImageRepository/Document?documentID=15962'); 1449 background-repeat: no-repeat; 1450 background-position: center center; 1451min-height: 19.0625em; 1452display: flex; 1453flex-direction: column; 1454justify-content: center; 1455position: relative; 1456background-size: cover; 1457box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);} 1458.fancyButton219.fancyButton:hover,.fancyButton219.fancyButton:focus,.fancyButton219.fancyButton:active,.fancyButton219.fancyButton.hover{ 1459 background-repeat: no-repeat; 1460 background-position: center center; 1461} 1462.fancyButton219.fancyButton:link > span,.fancyButton219.fancyButton:visited > span, .fancyButton219div.fancyButton > span{ 1463} 1464.fancyButton219.fancyButton:hover > span,.fancyButton219.fancyButton:focus > span,.fancyButton219.fancyButton:active > span,.fancyButton219.fancyButton.hover > span{ 1465} 1466.fancyButton219.fancyButton .text{ 1467 color: rgb(255, 255, 255); 1468 font-family: "League Spartan"; 1469 padding-top: 1.875em; 1470 padding-bottom: 1.875em; 1471 padding-right: 1.875em; 1472 padding-left: 1.875em; 1473 font-style: normal; 1474 text-decoration: none; 1475 background-color: rgba(21, 65, 87, 0.8); 1476 padding-top: 1.875em; 1477 padding-bottom: 1.875em; 1478 padding-right: 1.875em; 1479 padding-left: 1.875em; 1480 -webkit-border-top-left-radius: 20px; 1481 -moz-border-top-left-radius: 20px; 1482 -khtml-border-top-left-radius: 20px; 1483 border-top-left-radius: 20px; 1484 -webkit-border-top-right-radius: 20px; 1485 -moz-border-top-right-radius: 20px; 1486 -khtml-border-top-right-radius: 20px; 1487 border-top-right-radius: 20px; 1488 -webkit-border-bottom-left-radius: 20px; 1489 -moz-border-bottom-left-radius: 20px; 1490 -khtml-border-bottom-left-radius: 20px; 1491 border-bottom-left-radius: 20px; 1492 -webkit-border-bottom-right-radius: 20px; 1493 -moz-border-bottom-right-radius: 20px; 1494 -khtml-border-bottom-right-radius: 20px; 1495 border-bottom-right-radius: 20px; 1496 background-repeat: no-repeat; 1497 background-position: left top; 1498display: flex; 1499flex-direction: column; 1500justify-content: center; 1501position: absolute; 1502top: 0; 1503left: 0; 1504width: 100%; 1505height: 100%; 1506transition: all .3s ease-out; 1507} 1508.fancyButton219.fancyButton:hover .text,.fancyButton219.fancyButton:focus .text,.fancyButton219.fancyButton:active .text,.fancyButton219.fancyButton.hover .text{ 1509 text-decoration: none; 1510 background-color: rgba(4, 65, 55, 0.8); 1511 background-repeat: no-repeat; 1512 background-position: left top; 1513top: 1.25em; 1514left: 1.25em; 1515width: calc(100% - 2.5em); 1516height: calc(100% - 2.5em); 1517padding: .625em; 1518} 1519.fancyButton219.fancyButton .textStyle1{ 1520 color: rgb(255, 255, 255); 1521 font-size: 1.375em; 1522 font-weight: 700; 1523 text-decoration: none; 1524display: block; 1525line-height: 1.1; 1526text-transform: uppercase; 1527text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); 1528transition: all .3s ease-out; 1529} 1530 1531.fancyButton219 .textStyle1::after { 1532display: block; 1533content: ""; 1534height: 2px; 1535width: 100%; 1536max-width: 60px; 1537background: #F5C64E; 1538margin: .25em auto 0; 1539border-radius: 2px; 1540transition: all .3s ease-out; 1541} 1542.fancyButton219.fancyButton:hover .textStyle1, .fancyButton219.fancyButton.hover .textStyle1{ 1543 text-decoration: underline; 1544text-decoration-thickness: 1px; 1545text-underline-offset: 2px; 1546} 1547 1548 1549.fancyButton219:is(:hover, :focus, :active) .textStyle1::after { 1550max-width: 140px;} 1551.fancyButton219.fancyButton .textStyle2{ 1552 color: rgb(255, 255, 255); 1553 font-style: normal; 1554 text-decoration: none; 1555text-shadow: 0 4px 10px rgba(0, 0, 0, 0.0); 1556line-height: 0; 1557opacity: 0; 1558transform: scale(0) translate(0, -.5em); 1559transition: all .3s ease-out;} 1560.fancyButton219.fancyButton:hover .textStyle2, .fancyButton219.fancyButton.hover .textStyle2{ 1561 text-decoration: none; 1562text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); 1563line-height: 1.4; 1564opacity: 1; 1565transform: scale(1) translate(0, 0); 1566margin-top: 1em; 1567} 1568 1569.fancyButton219:is(:hover, :focus, :active) .textStyle2:hover { 1570text-decoration: underline;} 1571</style> 1572 1573 </li><!-- 1574--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1575 --><li class="widgetItem GraphicLinks"> 1576 1577<div> 1578 <a href="/1125/Live-Meetings-Agendas-Minutes" target="_self" class="fancyButton fancyButton220 " > 1579 <span> 1580 <span><span class="text"><span class="textStyle1">WATCH MEETINGS</span><span class="textStyle2">Learn More</span></span></span> 1581 </span> 1582 </a> 1583</div> 1584 <style scoped="scoped">.fancyButton220.fancyButton:link,.fancyButton220.fancyButton:visited, .fancyButton220div.fancyButton{ 1585 -webkit-border-top-left-radius: 20px; 1586 -moz-border-top-left-radius: 20px; 1587 -khtml-border-top-left-radius: 20px; 1588 border-top-left-radius: 20px; 1589 -webkit-border-top-right-radius: 20px; 1590 -moz-border-top-right-radius: 20px; 1591 -khtml-border-top-right-radius: 20px; 1592 border-top-right-radius: 20px; 1593 -webkit-border-bottom-left-radius: 20px; 1594 -moz-border-bottom-left-radius: 20px; 1595 -khtml-border-bottom-left-radius: 20px; 1596 border-bottom-left-radius: 20px; 1597 -webkit-border-bottom-right-radius: 20px; 1598 -moz-border-bottom-right-radius: 20px; 1599 -khtml-border-bottom-right-radius: 20px; 1600 border-bottom-right-radius: 20px; 1601 background-image: url('/ImageRepository/Document?documentID=16160'); 1602 background-repeat: no-repeat; 1603 background-position: center center; 1604min-height: 19.0625em; 1605display: flex; 1606flex-direction: column; 1607justify-content: center; 1608position: relative; 1609background-size: cover; 1610box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);} 1611.fancyButton220.fancyButton:hover,.fancyButton220.fancyButton:focus,.fancyButton220.fancyButton:active,.fancyButton220.fancyButton.hover{ 1612 background-repeat: no-repeat; 1613 background-position: center center; 1614} 1615.fancyButton220.fancyButton:link > span,.fancyButton220.fancyButton:visited > span, .fancyButton220div.fancyButton > span{ 1616} 1617.fancyButton220.fancyButton:hover > span,.fancyButton220.fancyButton:focus > span,.fancyButton220.fancyButton:active > span,.fancyButton220.fancyButton.hover > span{ 1618} 1619.fancyButton220.fancyButton .text{ 1620 color: rgb(255, 255, 255); 1621 font-family: "League Spartan"; 1622 padding-top: 1.875em; 1623 padding-bottom: 1.875em; 1624 padding-right: 1.875em; 1625 padding-left: 1.875em; 1626 font-style: normal; 1627 text-decoration: none; 1628 background-color: rgba(21, 65, 87, 0.8); 1629 padding-top: 1.875em; 1630 padding-bottom: 1.875em; 1631 padding-right: 1.875em; 1632 padding-left: 1.875em; 1633 -webkit-border-top-left-radius: 20px; 1634 -moz-border-top-left-radius: 20px; 1635 -khtml-border-top-left-radius: 20px; 1636 border-top-left-radius: 20px; 1637 -webkit-border-top-right-radius: 20px; 1638 -moz-border-top-right-radius: 20px; 1639 -khtml-border-top-right-radius: 20px; 1640 border-top-right-radius: 20px; 1641 -webkit-border-bottom-left-radius: 20px; 1642 -moz-border-bottom-left-radius: 20px; 1643 -khtml-border-bottom-left-radius: 20px; 1644 border-bottom-left-radius: 20px; 1645 -webkit-border-bottom-right-radius: 20px; 1646 -moz-border-bottom-right-radius: 20px; 1647 -khtml-border-bottom-right-radius: 20px; 1648 border-bottom-right-radius: 20px; 1649 background-repeat: no-repeat; 1650 background-position: left top; 1651display: flex; 1652flex-direction: column; 1653justify-content: center; 1654position: absolute; 1655top: 0; 1656left: 0; 1657width: 100%; 1658height: 100%; 1659transition: all .3s ease-out; 1660} 1661.fancyButton220.fancyButton:hover .text,.fancyButton220.fancyButton:focus .text,.fancyButton220.fancyButton:active .text,.fancyButton220.fancyButton.hover .text{ 1662 text-decoration: none; 1663 background-color: rgba(4, 65, 55, 0.8); 1664 background-repeat: no-repeat; 1665 background-position: left top; 1666top: 1.25em; 1667left: 1.25em; 1668width: calc(100% - 2.5em); 1669height: calc(100% - 2.5em); 1670padding: .625em; 1671} 1672.fancyButton220.fancyButton .textStyle1{ 1673 color: rgb(255, 255, 255); 1674 font-size: 1.375em; 1675 font-weight: 700; 1676 text-decoration: none; 1677display: block; 1678line-height: 1.1; 1679text-transform: uppercase; 1680text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); 1681transition: all .3s ease-out; 1682} 1683 1684.fancyButton220 .textStyle1::after { 1685display: block; 1686content: ""; 1687height: 2px; 1688width: 100%; 1689max-width: 60px; 1690background: #F5C64E; 1691margin: .25em auto 0; 1692border-radius: 2px; 1693transition: all .3s ease-out; 1694} 1695.fancyButton220.fancyButton:hover .textStyle1, .fancyButton220.fancyButton.hover .textStyle1{ 1696 text-decoration: underline; 1697text-decoration-thickness: 1px; 1698text-underline-offset: 2px; 1699} 1700 1701 1702.fancyButton220:is(:hover, :focus, :active) .textStyle1::after { 1703max-width: 140px;} 1704.fancyButton220.fancyButton .textStyle2{ 1705 color: rgb(255, 255, 255); 1706 font-style: normal; 1707 text-decoration: none; 1708text-shadow: 0 4px 10px rgba(0, 0, 0, 0.0); 1709line-height: 0; 1710opacity: 0; 1711transform: scale(0) translate(0, -.5em); 1712transition: all .3s ease-out;} 1713.fancyButton220.fancyButton:hover .textStyle2, .fancyButton220.fancyButton.hover .textStyle2{ 1714 text-decoration: none; 1715text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); 1716line-height: 1.4; 1717opacity: 1; 1718transform: scale(1) translate(0, 0); 1719margin-top: 1em; 1720} 1721 1722.fancyButton220:is(:hover, :focus, :active) .textStyle2:hover { 1723text-decoration: underline;} 1724</style> 1725 1726 </li><!-- 1727--></ul></div><!-- --> 1728 </div> 1729 </nav> 1730 </div> 1731 <div class="widgetFooter"> 1732 </div> 1733</div> 1734</div> 1735 1736 </div> <!-- inner column --> 1737 1738 </div> <!-- inner row --> 1739 1740 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="741e7925-d7e0-4a49-bdcd-7fca1d901f14">� 1741 <div class="row nest first last wide">� 1742 1743 <div class="inner col col12 first last id4ef0d5dc-25df-4e77-b4f8-0557804371a5" style="" data-widgetcontainerid="4ef0d5dc-25df-4e77-b4f8-0557804371a5">� 1744<div data-widget-id="a1c106d1-4168-4c60-9806-9590d9ff1de6" data-widget-controller-path="/GraphicLinks/Widget"> 1745 1746 1747 1748 1749<div id="graphicLinkWidgeta1c106d1-4168-4c60-9806-9590d9ff1de6" class="widget widgetGraphicLinks skin82 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:35em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1750 <div class="widgetHeader"> 1751 <div class="">
1752 </div> 1753 </div> 1754 <div class="widgetBody cpGrid cpGrid2 "> 1755 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1756 <div class="row wide"> 1757 <!-- 1758--><div class="col col1 first "><ul class="semanticList"><!-- 1759 --><li class="widgetItem GraphicLinks"> 1760 1761<div> 1762 <a href="/DocumentCenter/View/1773/Water-and-Sewer-Service-Agreement-PDF?bidId=" target="_blank" class="fancyButton fancyButton232 " aria-label="sign up for water/sewer service Learn More Opens in new window"> 1763 <span> 1764 <span><span class="text"><span class="textStyle1">sign up for water/sewer service</span><span class="textStyle2">Learn More</span></span></span> 1765 </span> 1766 </a> 1767</div> 1768 <style scoped="scoped">.fancyButton232.fancyButton:link,.fancyButton232.fancyButton:visited, .fancyButton232div.fancyButton{ 1769 -webkit-border-top-left-radius: 20px; 1770 -moz-border-top-left-radius: 20px; 1771 -khtml-border-top-left-radius: 20px; 1772 border-top-left-radius: 20px; 1773 -webkit-border-top-right-radius: 20px; 1774 -moz-border-top-right-radius: 20px; 1775 -khtml-border-top-right-radius: 20px; 1776 border-top-right-radius: 20px; 1777 -webkit-border-bottom-left-radius: 20px; 1778 -moz-border-bottom-left-radius: 20px; 1779 -khtml-border-bottom-left-radius: 20px; 1780 border-bottom-left-radius: 20px; 1781 -webkit-border-bottom-right-radius: 20px; 1782 -moz-border-bottom-right-radius: 20px; 1783 -khtml-border-bottom-right-radius: 20px; 1784 border-bottom-right-radius: 20px; 1785 background-image: url('/ImageRepository/Document?documentID=16163'); 1786 background-repeat: no-repeat; 1787 background-position: center center; 1788min-height: 19.0625em; 1789display: flex; 1790flex-direction: column; 1791justify-content: center; 1792position: relative; 1793background-size: cover; 1794box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);} 1795.fancyButton232.fancyButton:hover,.fancyButton232.fancyButton:focus,.fancyButton232.fancyButton:active,.fancyButton232.fancyButton.hover{ 1796 background-repeat: no-repeat; 1797 background-position: center center; 1798} 1799.fancyButton232.fancyButton:link > span,.fancyButton232.fancyButton:visited > span, .fancyButton232div.fancyButton > span{ 1800} 1801.fancyButton232.fancyButton:hover > span,.fancyButton232.fancyButton:focus > span,.fancyButton232.fancyButton:active > span,.fancyButton232.fancyButton.hover > span{ 1802} 1803.fancyButton232.fancyButton .text{ 1804 color: rgb(255, 255, 255); 1805 font-family: "League Spartan"; 1806 padding-top: 1.875em; 1807 padding-bottom: 1.875em; 1808 padding-right: 1.875em; 1809 padding-left: 1.875em; 1810 font-style: normal; 1811 text-decoration: none; 1812 background-color: rgba(21, 65, 87, 0.8); 1813 padding-top: 1.875em; 1814 padding-bottom: 1.875em; 1815 padding-right: 1.875em; 1816 padding-left: 1.875em; 1817 -webkit-border-top-left-radius: 20px; 1818 -moz-border-top-left-radius: 20px; 1819 -khtml-border-top-left-radius: 20px; 1820 border-top-left-radius: 20px; 1821 -webkit-border-top-right-radius: 20px; 1822 -moz-border-top-right-radius: 20px; 1823 -khtml-border-top-right-radius: 20px; 1824 border-top-right-radius: 20px; 1825 -webkit-border-bottom-left-radius: 20px; 1826 -moz-border-bottom-left-radius: 20px; 1827 -khtml-border-bottom-left-radius: 20px; 1828 border-bottom-left-radius: 20px; 1829 -webkit-border-bottom-right-radius: 20px; 1830 -moz-border-bottom-right-radius: 20px; 1831 -khtml-border-bottom-right-radius: 20px; 1832 border-bottom-right-radius: 20px; 1833 background-repeat: no-repeat; 1834 background-position: left top; 1835display: flex; 1836flex-direction: column; 1837justify-content: center; 1838position: absolute; 1839top: 0; 1840left: 0; 1841width: 100%; 1842height: 100%; 1843transition: all .3s ease-out; 1844} 1845.fancyButton232.fancyButton:hover .text,.fancyButton232.fancyButton:focus .text,.fancyButton232.fancyButton:active .text,.fancyButton232.fancyButton.hover .text{ 1846 text-decoration: none; 1847 background-color: rgba(4, 65, 55, 0.8); 1848 background-repeat: no-repeat; 1849 background-position: left top; 1850top: 1.25em; 1851left: 1.25em; 1852width: calc(100% - 2.5em); 1853height: calc(100% - 2.5em); 1854padding: .625em; 1855} 1856.fancyButton232.fancyButton .textStyle1{ 1857 color: rgb(255, 255, 255); 1858 font-size: 1.375em; 1859 font-weight: 700; 1860 text-decoration: none; 1861display: block; 1862line-height: 1.1; 1863text-transform: uppercase; 1864text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); 1865transition: all .3s ease-out; 1866} 1867 1868.fancyButton232 .textStyle1::after { 1869display: block; 1870content: ""; 1871height: 2px; 1872width: 100%; 1873max-width: 60px; 1874background: #F5C64E; 1875margin: .25em auto 0; 1876border-radius: 2px; 1877transition: all .3s ease-out; 1878} 1879.fancyButton232.fancyButton:hover .textStyle1, .fancyButton232.fancyButton.hover .textStyle1{ 1880 text-decoration: underline; 1881text-decoration-thickness: 1px; 1882text-underline-offset: 2px; 1883} 1884 1885 1886.fancyButton232:is(:hover, :focus, :active) .textStyle1::after { 1887max-width: 140px;} 1888.fancyButton232.fancyButton .textStyle2{ 1889 color: rgb(255, 255, 255); 1890 font-style: normal; 1891 text-decoration: none; 1892text-shadow: 0 4px 10px rgba(0, 0, 0, 0.0); 1893line-height: 0; 1894opacity: 0; 1895transform: scale(0) translate(0, -.5em); 1896transition: all .3s ease-out;} 1897.fancyButton232.fancyButton:hover .textStyle2, .fancyButton232.fancyButton.hover .textStyle2{ 1898 text-decoration: none; 1899text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); 1900line-height: 1.4; 1901opacity: 1; 1902transform: scale(1) translate(0, 0); 1903margin-top: 1em; 1904} 1905 1906.fancyButton232:is(:hover, :focus, :active) .textStyle2:hover { 1907text-decoration: underline;} 1908</style> 1909 1910 </li><!-- 1911--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1912 --><li class="widgetItem GraphicLinks"> 1913 1914<div> 1915 <a href="/" target="_self" class="fancyButton fancyButton233 " > 1916 <span> 1917 <span><span class="text"><span class="textStyle1">Placeholder</span><span class="textStyle2">Learn More</span></span></span> 1918 </span> 1919 </a> 1920</div> 1921 <style scoped="scoped">.fancyButton233.fancyButton:link,.fancyButton233.fancyButton:visited, .fancyButton233div.fancyButton{ 1922 -webkit-border-top-left-radius: 20px; 1923 -moz-border-top-left-radius: 20px; 1924 -khtml-border-top-left-radius: 20px; 1925 border-top-left-radius: 20px; 1926 -webkit-border-top-right-radius: 20px; 1927 -moz-border-top-right-radius: 20px; 1928 -khtml-border-top-right-radius: 20px; 1929 border-top-right-radius: 20px; 1930 -webkit-border-bottom-left-radius: 20px; 1931 -moz-border-bottom-left-radius: 20px; 1932 -khtml-border-bottom-left-radius: 20px; 1933 border-bottom-left-radius: 20px; 1934 -webkit-border-bottom-right-radius: 20px; 1935 -moz-border-bottom-right-radius: 20px; 1936 -khtml-border-bottom-right-radius: 20px; 1937 border-bottom-right-radius: 20px; 1938 background-image: url(/ImageRepository/Document?documentID=15962); 1939 background-repeat: no-repeat; 1940 background-position: center center; 1941min-height: 19.0625em; 1942display: flex; 1943flex-direction: column; 1944justify-content: center; 1945position: relative; 1946background-size: cover; 1947box-shadow: 0 4px 4px 0 rgba(0, 0, 0, 0.25);} 1948.fancyButton233.fancyButton:hover,.fancyButton233.fancyButton:focus,.fancyButton233.fancyButton:active,.fancyButton233.fancyButton.hover{ 1949 background-repeat: no-repeat; 1950 background-position: center center; 1951} 1952.fancyButton233.fancyButton:link > span,.fancyButton233.fancyButton:visited > span, .fancyButton233div.fancyButton > span{ 1953} 1954.fancyButton233.fancyButton:hover > span,.fancyButton233.fancyButton:focus > span,.fancyButton233.fancyButton:active > span,.fancyButton233.fancyButton.hover > span{ 1955} 1956.fancyButton233.fancyButton .text{ 1957 color: rgb(255, 255, 255); 1958 font-family: "League Spartan"; 1959 padding-top: 1.875em; 1960 padding-bottom: 1.875em; 1961 padding-right: 1.875em; 1962 padding-left: 1.875em; 1963 font-style: normal; 1964 text-decoration: none; 1965 background-color: rgba(21, 65, 87, 0.8); 1966 padding-top: 1.875em; 1967 padding-bottom: 1.875em; 1968 padding-right: 1.875em; 1969 padding-left: 1.875em; 1970 -webkit-border-top-left-radius: 20px; 1971 -moz-border-top-left-radius: 20px; 1972 -khtml-border-top-left-radius: 20px; 1973 border-top-left-radius: 20px; 1974 -webkit-border-top-right-radius: 20px; 1975 -moz-border-top-right-radius: 20px; 1976 -khtml-border-top-right-radius: 20px; 1977 border-top-right-radius: 20px; 1978 -webkit-border-bottom-left-radius: 20px; 1979 -moz-border-bottom-left-radius: 20px; 1980 -khtml-border-bottom-left-radius: 20px; 1981 border-bottom-left-radius: 20px; 1982 -webkit-border-bottom-right-radius: 20px; 1983 -moz-border-bottom-right-radius: 20px; 1984 -khtml-border-bottom-right-radius: 20px; 1985 border-bottom-right-radius: 20px; 1986 background-repeat: no-repeat; 1987 background-position: left top; 1988display: flex; 1989flex-direction: column; 1990justify-content: center; 1991position: absolute; 1992top: 0; 1993left: 0; 1994width: 100%; 1995height: 100%; 1996transition: all .3s ease-out; 1997} 1998.fancyButton233.fancyButton:hover .text,.fancyButton233.fancyButton:focus .text,.fancyButton233.fancyButton:active .text,.fancyButton233.fancyButton.hover .text{ 1999 text-decoration: none; 2000 background-color: rgba(4, 65, 55, 0.8); 2001 background-repeat: no-repeat; 2002 background-position: left top; 2003top: 1.25em; 2004left: 1.25em; 2005width: calc(100% - 2.5em); 2006height: calc(100% - 2.5em); 2007padding: .625em; 2008} 2009.fancyButton233.fancyButton .textStyle1{ 2010 color: rgb(255, 255, 255); 2011 font-size: 1.375em; 2012 font-weight: 700; 2013 text-decoration: none; 2014display: block; 2015line-height: 1.1; 2016text-transform: uppercase; 2017text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); 2018transition: all .3s ease-out; 2019} 2020 2021.fancyButton233 .textStyle1::after { 2022display: block; 2023content: ""; 2024height: 2px; 2025width: 100%; 2026max-width: 60px; 2027background: #F5C64E; 2028margin: .25em auto 0; 2029border-radius: 2px; 2030transition: all .3s ease-out; 2031} 2032.fancyButton233.fancyButton:hover .textStyle1, .fancyButton233.fancyButton.hover .textStyle1{ 2033 text-decoration: underline; 2034text-decoration-thickness: 1px; 2035text-underline-offset: 2px; 2036} 2037 2038 2039.fancyButton233:is(:hover, :focus, :active) .textStyle1::after { 2040max-width: 140px;} 2041.fancyButton233.fancyButton .textStyle2{ 2042 color: rgb(255, 255, 255); 2043 font-style: normal; 2044 text-decoration: none; 2045text-shadow: 0 4px 10px rgba(0, 0, 0, 0.0); 2046line-height: 0; 2047opacity: 0; 2048transform: scale(0) translate(0, -.5em); 2049transition: all .3s ease-out;} 2050.fancyButton233.fancyButton:hover .textStyle2, .fancyButton233.fancyButton.hover .textStyle2{ 2051 text-decoration: none; 2052text-shadow: 0 4px 10px rgba(0, 0, 0, 0.25); 2053line-height: 1.4; 2054opacity: 1; 2055transform: scale(1) translate(0, 0); 2056margin-top: 1em; 2057} 2058 2059.fancyButton233:is(:hover, :focus, :active) .textStyle2:hover { 2060text-decoration: underline;} 2061</style> 2062 2063 </li><!-- 2064--></ul></div><!-- --> 2065 </div> 2066 </nav> 2067 </div> 2068 <div class="widgetFooter"> 2069 </div> 2070</div> 2071</div> 2072 2073 </div> <!-- inner column --> 2074 2075 </div> <!-- inner row --> 2076 2077 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2078 2079 2080 </div> 2081</div></div> 2082</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 2083<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap flexTS flex-columnTS roundedTS"> 2084<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap flexTS flex-columnTS"> 2085<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 2086<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
2086<script type='text/javascript'>$('#breadCrumbs').hide();</script>
2086</div><div data-cpRole="mainContentContainer" id="moduleContent"> 2087 2088 <div id="page" class="moduleContentNew"> 2089 2090 2091 <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> 2092 <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> 2093 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="3071" /> 2094 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> 2095 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> 2096 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 2097 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 2098 2099 2100 <div id="cc3e37159c-9feb-434e-853e-1a3eeac1c588" data-containerid="3e37159c-9feb-434e-853e-1a3eeac1c588" class="pageContent cpGrid cpGrid24" > 2101 2102 2103 2104 2105 </div> 2106 2107 </div> 2108 2109 2110 <div class="newCP"> 2111 2112 </div> 2113</div> 2114</div> 2115</div> 2116</div></div> 2117</div><!-- Home Container --><div data-cpRole="structuralContainer" id="homeContainer2"> 2118<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent2a" class="containerTS"> <div id="cc36b50ab9-dde7-4a9f-85ae-c1af9fc9978c" data-containerid="36b50ab9-dde7-4a9f-85ae-c1af9fc9978c" class="pageContent cpGrid cpGrid24 showInMobile"> 2119 2120 2121 <div class="row outer wide"><!-- 2122--><div class="outer col col24 first last" style="" data-widgetcontainerid="d6274c1c-5570-478f-98f8-744036b824f9">� 2123 <div class="row nest first last wide">� 2124 2125 <div class="inner col col24 first last idc14f6e26-67ab-4d31-8ad6-36010f7af8bb" style="" data-widgetcontainerid="c14f6e26-67ab-4d31-8ad6-36010f7af8bb">� 2126 <div data-widget-id="8007b09d-c878-465a-99a3-5db3d8fb6a60" data-widget-controller-path="/InfoAdvanced/Widget"> 2127 2128 2129 2130 2131 2132 <section id="divInfoAdv8007b09d-c878-465a-99a3-5db3d8fb6a60" class="widget widgetInfoAdvanced skin88 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2133 <header class="widgetHeader" id="header8007b09d-c878-465a-99a3-5db3d8fb6a60"> 2134 <div class=""> 2135 </div> 2136 </header> 2137 <div class="widgetBody cpGrid cpGrid1 "> 2138 <div class="row wide"> 2139 <div class="col col1 first last"> 2140 <ol class="pageStyles semanticList"> 2141 2142<li class="InfoAdvanced widgetItem fr-view"> 2143 <h2 class="subhead1">Arcata News</h2> 2144</li> 2145<li class="InfoAdvanced widgetItem fr-view"> 2146 <p>See What’s Happening</p> 2147</li> </ol> 2148 </div> 2149 </div> 2150 </div> 2151 <div class="widgetFooter"> 2152 2153 </div> 2154 2155 </section> 2156 2157 2158
2159<script type="text/javascript"> 2160 //Render slideshow if info advacned items contain one. 2161 $(document).ready(function (e) { 2162 $('#divInfoAdv8007b09d-c878-465a-99a3-5db3d8fb6a60 .InfoAdvanced.widgetItem').each(function () { 2163 renderSlideshowIfApplicable($(this)); 2164 }); 2165 }); 2166</script>
2166</div> 2167 </div> <!-- inner column --> 2168 2169 </div> <!-- inner row --> 2170 2171 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2172 <div class="row outer wide"><!-- 2173--><div class="outer col col24 first last" style="" data-widgetcontainerid="13c151cb-0357-4a4a-82e5-cb54aec9ed27">� 2174 <div class="row nest first last wide">� 2175 2176 <div class="inner col col24 first last idf4dffe3c-8928-4e6e-94e4-f4d04f5e81c8" style="" data-widgetcontainerid="f4dffe3c-8928-4e6e-94e4-f4d04f5e81c8">� 2177<div data-widget-id="c1cb2639-f5b9-463b-a0ff-8e79acf1f6c1" data-widget-controller-path="/NewsFlash/Widget"> 2178
2178<script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script>
2178 2179
2179<script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script>
2179 2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 <section class="widget widgetNewsFlash skin83 widgetOptionSet39 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashc1cb2639-f5b9-463b-a0ff-8e79acf1f6c1" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> 2196 <div class="widgetBody cpGrid cpGrid1 "> 2197 2198 2199 2200 2201<div class="cpCarousel cpCarouselc1cb2639-f5b9-463b-a0ff-8e79acf1f6c1"> 2202 <div class="cpWindow cpWindowc1cb2639-f5b9-463b-a0ff-8e79acf1f6c1"> 2203 <ol class="semanticList cpSlider"> 2204 <li class="widgetItem" data-index="0"> 2205 <a href="/CivicAlerts.aspx?AID=594" target="_self"><img class="media" src="/ImageRepository/Document?documentID=16589" alt="People touring Arcata Wastewater Treatment Facility" data-delayed-image="" /></a> 2206 <div class="text"> 2207 <h2 id="newsFlashItemHeader594" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=594" target="_self">Tour the Improved Arcata Wastewater Treatment Facility </a> 2208</h2> <div class="widgetDesc"> 2209The Arcata Wastewater Treatment Facility is reopen for tours after four years off for facility improvements! Check out the renowned treatment plant fo... <a id="newsFlashReadOn594" href="/CivicAlerts.aspx?AID=594" target="_self" class="readOn" aria-label="Read on for more information...: Tour the Improved Arcata Wastewater Treatment Facility">Read on for more information...</a> 2210 </div> 2211 2212 </div> 2213 </li> 2214 <li class="widgetItem" data-index="1"> 2215 <a href="/CivicAlerts.aspx?AID=587" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=15117" alt="" data-delayed-image="" /></a> 2216 <div class="text"> 2217 <h2 id="newsFlashItemHeader587" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=587" target="_self">General Municipal Election on Tuesday, November 3 </a> 2218</h2> <div class="widgetDesc"> 2219The City of Arcata will hold a general municipal election on Tuesday, Nov. 3. Two seats on the Arcata City Council will be up for election and one mea... <a id="newsFlashReadOn587" href="/CivicAlerts.aspx?AID=587" target="_self" class="readOn" aria-label="Read on for more information...: General Municipal Election on Tuesday, November 3">Read on for more information...</a> 2220 </div> 2221 2222 </div> 2223 </li> 2224 2225 </ol> 2226 </div> 2227</div>
2228<script type="text/javascript"> 2229 // <!-- 2230 window.$ = window.$ || window.parent.$; 2231 2232 $(window).on('load', function () { 2233 //Wait for the DOM to load completely before executing carousel logic since its all based on carousel width which wont come out correct until the DOM has loaded. Vishal 2234 if(!window.carouselsToInit){ 2235 window.carouselsToInit = new Array(); 2236 } 2237 var widgetNewsFlashc1cb2639f5b9463ba0ff8e79acf1f6c1 = function() 2238 { 2239 var widgetWindow = $('#widgetNewsFlashc1cb2639-f5b9-463b-a0ff-8e79acf1f6c1').find('.cpWindow')[0]; 2240 if(widgetWindow){ 2241 if(widgetWindow.clientWidth != 0){ 2242 window.setTimeout(function(){ 2243 $('#widgetNewsFlashc1cb2639-f5b9-463b-a0ff-8e79acf1f6c1').adaptiveCarousel({ 2244 minSlideWidth: 200, 2245 maxSlideWidth: 280, 2246 gutterWidth: 40, 2247 circular: true, 2248 teaser: false, 2249 transitionTiming: 500, 2250 noImageRequired: false 2251 }); 2252 }, 250); 2253 var index = window.carouselsToInit.indexOf(widgetNewsFlashc1cb2639f5b9463ba0ff8e79acf1f6c1); 2254 if (index > -1) { 2255 window.carouselsToInit.splice(index, 1); 2256 } 2257 } 2258 } 2259 } 2260 var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlashc1cb2639f5b9463ba0ff8e79acf1f6c1); 2261 if (indexCarouselsToInit === -1) { 2262 window.carouselsToInit.push(widgetNewsFlashc1cb2639f5b9463ba0ff8e79acf1f6c1); 2263 } 2264 2265 if (window.carouselsToInit) { 2266 window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); }); 2267 } 2268 2269 if (window.Pages.onResizeHandlers){ 2270 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2271 } 2272 }); 2273 2274 if (Modernizr.touch) { 2275 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 2276 $.when($pages.rwdReady).done(function () { 2277 //only for responsive sites 2278 if (typeof($$) !== 'undefined') { 2279 $$('#widgetNewsFlashc1cb2639-f5b9-463b-a0ff-8e79acf1f6c1').on('swipeRight', function (e, a) { 2280 $(this).adaptiveCarousel("moveBack"); 2281 }); 2282 $$('#widgetNewsFlashc1cb2639-f5b9-463b-a0ff-8e79acf1f6c1').on('swipeLeft', function (e) { 2283 $(this).adaptiveCarousel("moveForward"); 2284 }); 2285 } 2286 }); 2287 } 2288 // --> 2289</script>
2289 2290 2291 <a id="newsFlashViewAllc1cb2639-f5b9-463b-a0ff-8e79acf1f6c1" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1">View All News</a> 2292 </div> 2293 <div class="widgetFooter"> 2294 </div> 2295 <div class="addItemModal hidden"> 2296 <div class="url hidden">/CivicAlerts.aspx</div> 2297 </div> 2298 2299 </section> 2300 2301 2302 2303 2304 2305 2306 2307 2308</div> 2309 </div> <!-- inner column --> 2310 2311 </div> <!-- inner row --> 2312 2313 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2314 2315 2316 </div> 2317</div></div> 2318</div><!-- Home Container --><div data-cpRole="structuralContainer" id="homeContainer3"> 2319<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent3a" class="containerTS"> <div id="cc38622f1b-1596-4e92-846c-e0b6d1557062" data-containerid="38622f1b-1596-4e92-846c-e0b6d1557062" class="pageContent cpGrid cpGrid24 showInMobile"> 2320 2321 2322 <div class="row outer wide"><!-- 2323--><div class="outer col col24 first last" style="" data-widgetcontainerid="e7493b56-7916-4214-8263-9aebed34d78f">� 2324 <div class="row nest first last wide">� 2325 2326 <div class="inner col col24 first last idec2f9c32-2c98-40b1-904b-e76f03dfb542" style="" data-widgetcontainerid="ec2f9c32-2c98-40b1-904b-e76f03dfb542">� 2327 <div data-widget-id="322f8b4a-3f8d-4132-8be7-4f402698a8a5" data-widget-controller-path="/InfoAdvanced/Widget"> 2328 2329 2330 2331 2332 2333 <section id="divInfoAdv322f8b4a-3f8d-4132-8be7-4f402698a8a5" class="widget widgetInfoAdvanced skin89 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2334 <header class="widgetHeader" id="header322f8b4a-3f8d-4132-8be7-4f402698a8a5"> 2335 <div class=""> 2336 </div> 2337 </header> 2338 <div class="widgetBody cpGrid cpGrid1 "> 2339 <div class="row wide"> 2340 <div class="col col1 first last"> 2341 <ol class="pageStyles semanticList"> 2342 2343<li class="InfoAdvanced widgetItem fr-view"> 2344 <h2 class="subhead1">Upcoming City Events</h2> 2345</li> 2346<li class="InfoAdvanced widgetItem fr-view"> 2347 <p>Check the Calendar</p> 2348</li> </ol> 2349 </div> 2350 </div> 2351 </div> 2352 <div class="widgetFooter"> 2353 2354 </div> 2355 2356 </section> 2357 2358 2359
2360<script type="text/javascript"> 2361 //Render slideshow if info advacned items contain one. 2362 $(document).ready(function (e) { 2363 $('#divInfoAdv322f8b4a-3f8d-4132-8be7-4f402698a8a5 .InfoAdvanced.widgetItem').each(function () { 2364 renderSlideshowIfApplicable($(this)); 2365 }); 2366 }); 2367</script>
2367</div> 2368 </div> <!-- inner column --> 2369 2370 </div> <!-- inner row --> 2371 2372 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2373 <div class="row outer wide"><!-- 2374--><div class="outer col col24 first last" style="" data-widgetcontainerid="71de5776-1d87-4f22-918f-c9449236e9ab">� 2375 <div class="row nest first last wide">� 2376 2377 <div class="inner col col24 first last idc89131e8-54dd-4d4e-864a-6affa5940783" style="" data-widgetcontainerid="c89131e8-54dd-4d4e-864a-6affa5940783">� 2378 2379 <div id="divTabbedcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f" class="widget widgetTabbed wide skin84" data-widgetid="cdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f"> 2380 <ol class="tabbedWidget cpTabs " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" "> 2381 <!-- 2382 --><li style="width: 48%;" class="active" role="presentation"> <a href="#tabcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_0" class="tabButton" id="tabBtncdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_0" role="tab" aria-controls="tabcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Meetings" contenteditable="false">Meetings</span></a> 2383</li><!-- 2384 --><li style="width: 48%;" class="" role="presentation"> <a href="#tabcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_1" class="tabButton" id="tabBtncdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_1" role="tab" aria-controls="tabcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a> 2385</li><!-- 2386 --> 2387 </ol> 2388 2389 <div class="cpTabPanels"> 2390 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 2391 <li class="active" role="presentation"> <a href="#tabcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_0" class="tabButton" id="tabBtnNarrowcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_0" role="tab" aria-controls="tabcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Meetings" contenteditable="false">Meetings</span></a> 2392</li> 2393 </ol> 2394 <div class="tabbedWidget cpTabPanel showing" style="" id="tabcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_0" role="tabpanel" aria-labelledby="tabBtncdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_0" tabindex="-1"> 2395 2396<div data-widget-id="66627c56-a122-4b82-b12a-0c7a1b5d3db2" data-widget-controller-path="/Calendar/Widget"> 2397
2397<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
2397 2398 2399 2400 2401 2402 2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420 2421 2422 2423 2424 2425 2426 2427<div id="widgetCalendar66627c56-a122-4b82-b12a-0c7a1b5d3db2" class="widget widgetCalendar skin85 widgetOptionSet40 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:50em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 2428 <div class="widgetBody cpGrid cpGrid2 mediaLeft"> 2429 <div class="calendarInnerWrapper"> 2430 2431 2432<div data-minicalendar="true" class="miniCalendar media" style="width: 50%; "> 2433<div id="miniCalendarAnnouncement66627c56-a122-4b82-b12a-0c7a1b5d3db2" aria-live="polite" aria-atomic="true" class="visuallyhidden"></div> 2434<input type="hidden" name="monthToRender" data-year="2026" data-month="09" /> 2435<h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" role="presentation"><button aria-label="Previous Month, current month September 2026, go to August 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><span class="cp-miniCalendar-title" id="miniCalendarHeader66627c56-a122-4b82-b12a-0c7a1b5d3db2" role="heading" aria-level="3">September 2026</span><button aria-label="Next Month, current month September 2026, go to October 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> 2436 <table role="grid" aria-labelledby="miniCalendarHeader66627c56-a122-4b82-b12a-0c7a1b5d3db2" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> 2437 <thead> 2438 <tr> 2439<th scope="col"><abbr title=" 2440Sunday 2441"> 2442S 2443</abbr></th> 2444<th scope="col"><abbr title=" 2445Monday 2446"> 2447M 2448</abbr></th> 2449<th scope="col"><abbr title=" 2450Tuesday 2451"> 2452T 2453</abbr></th> 2454<th scope="col"><abbr title=" 2455Wednesday 2456"> 2457W 2458</abbr></th> 2459<th scope="col"><abbr title=" 2460Thursday 2461"> 2462T 2463</abbr></th> 2464<th scope="col"><abbr title=" 2465Friday 2466"> 2467F 2468</abbr></th> 2469<th scope="col"><abbr title=" 2470Saturday 2471"> 2472S 2473</abbr></th> 2474 2475 </tr> 2476 </thead> 2477 <tbody> 2478<tr><td class="not"><span><time datetime="2026-08-30">30</time></span></td> 2479 2480<td class="not"><span><time datetime="2026-08-31">31</time></span></td> 2481 2482<td><span><time datetime="2026-09-01"> 1</time></span></td> 2483 2484<td><span><time datetime="2026-09-02"> 2</time></span></td> 2485 2486<td><span><time datetime="2026-09-03"> 3</time></span></td> 2487 2488<td><span><time datetime="2026-09-04"> 4</time></span></td> 2489 2490<td><span><time datetime="2026-09-05"> 5</time></span></td> 2491 2492</tr> 2493<tr><td><span><time datetime="2026-09-06"> 6</time></span></td> 2494 2495<td><span><time datetime="2026-09-07"> 7</time></span></td> 2496 2497<td><span><time datetime="2026-09-08">
2497 8</time></span></td> 2498 2499<td><span><time datetime="2026-09-09"> 9</time></span></td> 2500 2501<td><span><time datetime="2026-09-10">10</time></span></td> 2502 2503<td><span><time datetime="2026-09-11">11</time></span></td> 2504 2505<td><span><time datetime="2026-09-12">12</time></span></td> 2506 2507</tr> 2508<tr><td><span><time datetime="2026-09-13">13</time></span></td> 2509 2510<td><span><time datetime="2026-09-14">14</time></span></td> 2511 2512<td><span><time datetime="2026-09-15">15</time></span></td> 2513 2514<td><span><time datetime="2026-09-16">16</time></span></td> 2515 2516<td><span><time datetime="2026-09-17">17</time></span></td> 2517 2518<td><span><time datetime="2026-09-18">18</time></span></td> 2519 2520<td><span><time datetime="2026-09-19">19</time></span></td> 2521 2522</tr> 2523<tr><td><span><time datetime="2026-09-20">20</time></span></td> 2524 2525<td><span><time datetime="2026-09-21">21</time></span></td> 2526 2527<td><span><time datetime="2026-09-22">22</time></span></td> 2528 2529<td><span><time datetime="2026-09-23">23</time></span></td> 2530 2531<td><span><time datetime="2026-09-24">24</time></span></td> 2532 2533<td class="today"><span><time datetime="2026-09-25">25</time></span></td> 2534 2535<td><span><time datetime="2026-09-26">26</time></span></td> 2536 2537</tr> 2538<tr><td><span><time datetime="2026-09-27">27</time></span></td> 2539 2540<td><span><time datetime="2026-09-28">28</time></span></td> 2541 2542<td><span><time datetime="2026-09-29">29</time></span></td> 2543 2544<td><span><time datetime="2026-09-30">30</time></span></td> 2545 2546<td class="not"><span><time datetime="2026-10-01"> 1</time></span></td> 2547 2548<td class="not"><span><time datetime="2026-10-02"> 2</time></span></td> 2549 2550<td class="not"><span><time datetime="2026-10-03"> 3</time></span></td> 2551 2552</tr> 2553 2554 </tbody> 2555 </table> 2556</div> 2557 2558 2559 2560
2560<script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script>
2560 2561
2561<script> 2562 $(function () { 2563 var miniCalendar = new MiniCalendar(); 2564 miniCalendar.init({ 2565 widgetId: "66627c56-a122-4b82-b12a-0c7a1b5d3db2", 2566 preventNavigationOnArrows: false, 2567 displayDatesOutsideOfCurrentMonth: true 2568 }); 2569 }); 2570 </script>
2570 2571 2572 2573 2574 2575 2576 2577 2578 2579<div class="row text narrow" data-event-list-row="true" style="margin-left: 55%;"> 2580 2581
2582<script src="/Scripts/jquery.urlToLink.min.js"></script>
2582 2583<input type="hidden" value="[]" name="day-list" /> 2584 2585 <p class="widgetItem">There are no published events in current month.</p> 2586 2587</div> 2588 </div> 2589 <a id="calendarViewAll66627c56-a122-4b82-b12a-0c7a1b5d3db2" class="widgetViewAll" style="" href="/calendar.aspx?CID=25,38,42,41,29,45,39,46,40,27,51,54,53,50,47,43,44,52">View Full Calendar</a> 2590 </div> 2591 <div class="widgetFooter"> 2592 2593 </div> 2594 <div class="addItemModal hidden"> 2595 <div class="url hidden">/Calendar.aspx</div> 2596 </div> 2597</div> 2598</div> 2599 2600 </div> 2601 <ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'> 2602 <li class="" role="presentation"> <a href="#tabcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_1" class="tabButton" id="tabBtnNarrowcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_1" role="tab" aria-controls="tabcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a> 2603</li> 2604 </ol> 2605 <div class="tabbedWidget cpTabPanel " style="display: none;" id="tabcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_1" role="tabpanel" aria-labelledby="tabBtncdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f_1" tabindex="-1"> 2606 2607<div data-widget-id="f76a434b-52b3-414a-b68d-bc48e10da67e" data-widget-controller-path="/Calendar/Widget"> 2608
2608<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
2608 2609 2610 2611 2612 2613 2614 2615 2616 2617 2618 2619 2620 2621 2622 2623 2624 2625 2626 2627 2628 2629 2630 2631 2632 2633 2634 2635 2636 2637 2638<div id="widgetCalendarf76a434b-52b3-414a-b68d-bc48e10da67e" class="widget widgetCalendar skin85 widgetOptionSet40 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:50em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 2639 <div class="widgetBody cpGrid cpGrid2 mediaLeft"> 2640 <div class="calendarInnerWrapper"> 2641 2642 2643<div data-minicalendar="true" class="miniCalendar media" style="width: 50%; "> 2644<div id="miniCalendarAnnouncementf76a434b-52b3-414a-b68d-bc48e10da67e" aria-live="polite" aria-atomic="true" class="visuallyhidden"></div> 2645<input type="hidden" name="monthToRender" data-year="2026" data-month="09" /> 2646<h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" role="presentation"><button aria-label="Previous Month, current month September 2026, go to August 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><span class="cp-miniCalendar-title" id="miniCalendarHeaderf76a434b-52b3-414a-b68d-bc48e10da67e" role="heading" aria-level="3">September 2026</span><button aria-label="Next Month, current month September 2026, go to October 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> 2647 <table role="grid" aria-labelledby="miniCalendarHeaderf76a434b-52b3-414a-b68d-bc48e10da67e" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> 2648 <thead> 2649 <tr> 2650<th scope="col"><abbr title=" 2651Sunday 2652"> 2653S 2654</abbr></th> 2655<th scope="col"><abbr title=" 2656Monday 2657"> 2658M 2659</abbr></th> 2660<th scope="col"><abbr title=" 2661Tuesday 2662"> 2663T 2664</abbr></th> 2665<th scope="col"><abbr title=" 2666Wednesday 2667"> 2668W 2669</abbr></th> 2670<th scope="col"><abbr title=" 2671Thursday 2672"> 2673T 2674</abbr></th> 2675<th scope="col"><abbr title=" 2676Friday 2677"> 2678F 2679</abbr></th> 2680<th scope="col"><abbr title=" 2681Saturday 2682"> 2683S 2684</abbr></th> 2685 2686 </tr> 2687 </thead> 2688 <tbody> 2689<tr><td class="not"><span><time datetime="2026-08-30">30</time></span></td> 2690 2691<td class="not"><span><time datetime="2026-08-31">31</time></span></td> 2692 2693<td><span><time datetime="2026-09-01"> 1</time></span></td> 2694 2695<td><span><time datetime="2026-09-02"> 2</time></span></td> 2696 2697<td><span><time datetime="2026-09-03"> 3</time></span></td> 2698 2699<td><span><time datetime="2026-09-04"> 4</time></span></td> 2700 2701<td><span><time datetime="2026-09-05"> 5</time></span></td> 2702 2703</tr> 2704<tr><td><span><time datetime="2026-09-06"> 6</time></span></td> 2705 2706<td><span><time datetime="2026-09-07"> 7</time></span></td> 2707 2708<td><span><time datetime="2026-09-08">
2708 8</time></span></td> 2709 2710<td><span><time datetime="2026-09-09"> 9</time></span></td> 2711 2712<td><span><time datetime="2026-09-10">10</time></span></td> 2713 2714<td><span><time datetime="2026-09-11">11</time></span></td> 2715 2716<td><span><time datetime="2026-09-12">12</time></span></td> 2717 2718</tr> 2719<tr><td><span><time datetime="2026-09-13">13</time></span></td> 2720 2721<td><span><time datetime="2026-09-14">14</time></span></td> 2722 2723<td><span><time datetime="2026-09-15">15</time></span></td> 2724 2725<td><span><time datetime="2026-09-16">16</time></span></td> 2726 2727<td><span><time datetime="2026-09-17">17</time></span></td> 2728 2729<td><span><time datetime="2026-09-18">18</time></span></td> 2730 2731<td><span><time datetime="2026-09-19">19</time></span></td> 2732 2733</tr> 2734<tr><td><span><time datetime="2026-09-20">20</time></span></td> 2735 2736<td><span><time datetime="2026-09-21">21</time></span></td> 2737 2738<td><span><time datetime="2026-09-22">22</time></span></td> 2739 2740<td><span><time datetime="2026-09-23">23</time></span></td> 2741 2742<td><span><time datetime="2026-09-24">24</time></span></td> 2743 2744<td class="today"><span><time datetime="2026-09-25">25</time></span></td> 2745 2746<td><span><time datetime="2026-09-26">26</time></span></td> 2747 2748</tr> 2749<tr><td><span><time datetime="2026-09-27">27</time></span></td> 2750 2751<td><span><time datetime="2026-09-28">28</time></span></td> 2752 2753<td><span><time datetime="2026-09-29">29</time></span></td> 2754 2755<td><span><time datetime="2026-09-30">30</time></span></td> 2756 2757<td class="not"><span><time datetime="2026-10-01"> 1</time></span></td> 2758 2759<td class="not"><span><time datetime="2026-10-02"> 2</time></span></td> 2760 2761<td class="not"><span><time datetime="2026-10-03"> 3</time></span></td> 2762 2763</tr> 2764 2765 </tbody> 2766 </table> 2767</div> 2768 2769 2770 2771
2771<script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script>
2771 2772
2772<script> 2773 $(function () { 2774 var miniCalendar = new MiniCalendar(); 2775 miniCalendar.init({ 2776 widgetId: "f76a434b-52b3-414a-b68d-bc48e10da67e", 2777 preventNavigationOnArrows: false, 2778 displayDatesOutsideOfCurrentMonth: true 2779 }); 2780 }); 2781 </script>
2781 2782 2783 2784 2785 2786 2787 2788 2789 2790<div class="row text narrow" data-event-list-row="true" style="margin-left: 55%;"> 2791 2792
2793<script src="/Scripts/jquery.urlToLink.min.js"></script>
2793 2794<input type="hidden" value="[]" name="day-list" /> 2795 2796 <p class="widgetItem">There are no published events in current month.</p> 2797 2798</div> 2799 </div> 2800 <a id="calendarViewAllf76a434b-52b3-414a-b68d-bc48e10da67e" class="widgetViewAll" style="" href="/calendar.aspx?CID=36,37,49,48,33,31,34">View Full Calendar</a> 2801 </div> 2802 <div class="widgetFooter"> 2803 2804 </div> 2805 <div class="addItemModal hidden"> 2806 <div class="url hidden">/Calendar.aspx</div> 2807 </div> 2808</div> 2809</div> 2810 2811 </div> 2812 </div> 2813 </div> 2814
2814<script type="text/javascript"> 2815 2816 $.when(window.Pages.rwdReady).done(function () { 2817 var tabbedWidgetID = 'divTabbedcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f'; 2818 var mediaQuerySize = 50; 2819 if (mediaQuerySize > 0) { 2820 var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2821 var $tabbedWidget = $('#' + tabbedWidgetID); 2822 2823 // Update child widget classes based on parent state 2824 var updateChildWidgetClasses = function (isParentWide) { 2825 var liveEditEnabled = getCookieValue("enableLiveEdit") === "true"; 2826 if (liveEditEnabled) 2827 return; 2828 2829 var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]'); 2830 2831 if (isParentWide) { 2832 $childWidgets.addClass('wide').removeClass('narrow'); 2833 $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow'); 2834 } else { 2835 $childWidgets.addClass('narrow').removeClass('wide'); 2836 $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide'); 2837 } 2838 }; 2839 2840 window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { 2841 deferSetup: false, 2842 setup: function () { 2843 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2844 if (!liveEditEnabled) { 2845 $tabbedWidget.addClass('narrow').removeClass('wide'); 2846 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2847 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2848 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2849 $tabbedWidget.data("tabHeightSet", false); 2850 2851 // Update child widget classes - parent is narrow 2852 updateChildWidgetClasses(false); 2853 } 2854 }, 2855 match: function () { 2856 $tabbedWidget.addClass('wide').removeClass('narrow'); 2857 cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); 2858 $tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false'); 2859 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true'); 2860 2861 if($tabbedWidget.data("tabHeightSet") == false) 2862 { 2863 $tabbedWidget.data("tabHeightSet", true); 2864 2865 var tabbedWidgetID = 'divTabbedcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f'; 2866 setTabbedWidgetsTabHeight(tabbedWidgetID); 2867 } 2868 $('.cpTabPanels').unbind('click'); 2869 2870 // Update child widget classes - parent is wide 2871 updateChildWidgetClasses(true); 2872 }, 2873 unmatch: function () { 2874 var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; 2875 if (!liveEditEnabled) { 2876 $tabbedWidget.addClass('narrow').removeClass('wide'); 2877 cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); 2878 $tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true'); 2879 $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false'); 2880 2881 // Update child widget classes - parent is narrow 2882 updateChildWidgetClasses(false); 2883 } 2884 $('.cpTabPanels').click(function() { 2885 this.scrollIntoView(); 2886 }); 2887 } 2888 }); 2889 } 2890 }); 2891 2892 //Used for when page is initially loaded 2893 if($('#divTabbedcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f').hasClass('narrow')) 2894 { 2895 $('.cpTabPanels').click(function() { 2896 this.scrollIntoView(); 2897 }); 2898 } 2899 2900 2901 //If responsive not enabled, execute this after a timeout 2902 if(!isResponsiveEnabled) 2903 { 2904 window.setTimeout(function(){ 2905 var tabbedWidgetID = 'divTabbedcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f'; 2906 typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); 2907 }, 1500); 2908 } 2909 2910 function reinitCarousels() { 2911 if (window.carouselsToInit) { 2912 for (var i = 0; i < window.carouselsToInit.length; i++) { 2913 carouselsToInit[i](); 2914 } 2915 } 2916 } 2917 function sizeTabbedContent(element){ 2918 if(window.Pages){ 2919 if(window.Pages.onResizeHandlers){ 2920 var setTabbedInterval = setInterval(function () {
2921 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2922 }, 25) 2923 2924 2925 setTimeout(function () { 2926 clearInterval(setTabbedInterval); 2927 if ($.cookie("enableLiveEdit") === "true") { 2928 setInterval(function () { 2929 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2930 }, 2000); 2931 } 2932 }, 2500); 2933 element.onclick="window.setTimeout(function(){reinitCarousels();},2);" 2934 } 2935 } 2936 } 2937 2938 function adjustTab(e) { 2939 e.preventDefault(); 2940 window.setTimeout(function(){ 2941 reinitCarousels(); 2942 }, 2); 2943 sizeTabbedContent(this); 2944 } 2945 2946 var tabButtons = document.querySelectorAll("#divTabbedcdcf9c63-aa9a-4a87-aa58-3de7ebdfd42f .tabButton"); 2947 2948 tabButtons.forEach(function (tabButton) { 2949 tabButton.addEventListener("click", adjustTab); 2950 }); 2951 2952 </script>
2952 2953 2954 2955 2956 </div> <!-- inner column --> 2957 2958 </div> <!-- inner row --> 2959 2960 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2961 2962 2963 </div> 2964</div></div> 2965</div><!-- Home Container --><div data-cpRole="structuralContainer" id="homeContainer4"> 2966<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent4a" class="containerTS"> <div id="cc54249d57-fe61-4592-9abc-86cc982a7588" data-containerid="54249d57-fe61-4592-9abc-86cc982a7588" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="55"> 2967 2968 2969 <div class="row outer wide"><!-- 2970--><div class="outer col col24 first last" style="" data-widgetcontainerid="cb519957-8e9d-4e1f-9520-bd25d96c67d2">� 2971 <div class="row nest first last wide">� 2972 2973 <div class="inner col col24 first last id3ab9be99-cfc8-47fd-887d-cb9889d73fc1" style="" data-widgetcontainerid="3ab9be99-cfc8-47fd-887d-cb9889d73fc1">� 2974 <div data-widget-id="0e7e9ecd-99b8-4fc4-bdca-646274d5ce14" data-widget-controller-path="/InfoAdvanced/Widget"> 2975 2976 2977 2978 2979 2980 <section id="divInfoAdv0e7e9ecd-99b8-4fc4-bdca-646274d5ce14" class="widget widgetInfoAdvanced skin88 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2981 <header class="widgetHeader" id="header0e7e9ecd-99b8-4fc4-bdca-646274d5ce14"> 2982 <div class=""> 2983 </div> 2984 </header> 2985 <div class="widgetBody cpGrid cpGrid1 "> 2986 <div class="row wide"> 2987 <div class="col col1 first last"> 2988 <ol class="pageStyles semanticList"> 2989 2990<li class="InfoAdvanced widgetItem fr-view"> 2991 <h2 class="subhead1">Stay Connected</h2> 2992</li> 2993<li class="InfoAdvanced widgetItem fr-view"> 2994 <p>With Social Media</p> 2995</li> </ol> 2996 </div> 2997 </div> 2998 </div> 2999 <div class="widgetFooter"> 3000 3001 </div> 3002 3003 </section> 3004 3005 3006
3007<script type="text/javascript"> 3008 //Render slideshow if info advacned items contain one. 3009 $(document).ready(function (e) { 3010 $('#divInfoAdv0e7e9ecd-99b8-4fc4-bdca-646274d5ce14 .InfoAdvanced.widgetItem').each(function () { 3011 renderSlideshowIfApplicable($(this)); 3012 }); 3013 }); 3014</script>
3014</div> 3015 </div> <!-- inner column --> 3016 3017 </div> <!-- inner row --> 3018 3019 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3020 <div class="row outer wide"><!-- 3021--><div class="outer col col14 first" style="" data-widgetcontainerid="d441867f-66a2-4af4-829c-7bebec85ffc3">� 3022 <div class="row nest first last wide">� 3023 3024 <div class="inner col col14 first last ida38c7d26-72f1-4906-89b8-ee5f3f82bb14" style="" data-widgetcontainerid="a38c7d26-72f1-4906-89b8-ee5f3f82bb14">� 3025<div data-widget-id="be4583ea-5d04-44e0-9108-7f59d5794966" data-widget-controller-path="/GraphicLinks/Widget"> 3026 3027 3028 3029 3030<div id="graphicLinkWidgetbe4583ea-5d04-44e0-9108-7f59d5794966" class="widget widgetGraphicLinks skin86 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 3031 <div class="widgetHeader"> 3032 <div class=""> 3033 </div> 3034 </div> 3035 <div class="widgetBody cpGrid cpGrid3 "> 3036 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 3037 <div class="row wide"> 3038 <!-- 3039--><div class="col col1 first "><ul class="semanticList"><!-- 3040 --><li class="widgetItem GraphicLinks"> 3041 3042<div> 3043 <a href="/facebook" target="_self" class="fancyButton fancyButton221 " > 3044 <span> 3045 <span><span class="text">Facebook</span></span> 3046 </span> 3047 </a> 3048</div> 3049 <style scoped="scoped">.fancyButton221.fancyButton:link,.fancyButton221.fancyButton:visited, .fancyButton221div.fancyButton{ 3050 background-color: rgb(255, 255, 255); 3051 -webkit-border-top-left-radius: 20px; 3052 -moz-border-top-left-radius: 20px; 3053 -khtml-border-top-left-radius: 20px; 3054 border-top-left-radius: 20px; 3055 -webkit-border-top-right-radius: 20px; 3056 -moz-border-top-right-radius: 20px; 3057 -khtml-border-top-right-radius: 20px; 3058 border-top-right-radius: 20px; 3059 -webkit-border-bottom-left-radius: 20px; 3060 -moz-border-bottom-left-radius: 20px; 3061 -khtml-border-bottom-left-radius: 20px; 3062 border-bottom-left-radius: 20px; 3063 -webkit-border-bottom-right-radius: 20px; 3064 -moz-border-bottom-right-radius: 20px; 3065 -khtml-border-bottom-right-radius: 20px; 3066 border-bottom-right-radius: 20px; 3067 background-repeat: no-repeat; 3068 background-position: left top; 3069box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); 3070margin: .5em 0; 3071transition: all .3s ease-out; 3072position: relative; 3073} 3074 3075.fancyButton221::after { 3076content: ""; 3077position: absolute; 3078left: 0; 3079top: 0; 3080height: 100%; 3081width: 100%;} 3082.fancyButton221.fancyButton:hover,.fancyButton221.fancyButton:focus,.fancyButton221.fancyButton:active,.fancyButton221.fancyButton.hover{ 3083 background-repeat: no-repeat; 3084 background-position: left top; 3085transform: translate(0, -.5em); 3086} 3087 3088.fancyButton221:is(:hover, :focus, :active)::after { 3089height: calc(100% + 1em);} 3090.fancyButton221.fancyButton:link > span,.fancyButton221.fancyButton:visited > span, .fancyButton221div.fancyButton > span{ 3091} 3092.fancyButton221.fancyButton:hover > span,.fancyButton221.fancyButton:focus > span,.fancyButton221.fancyButton:active > span,.fancyButton221.fancyButton.hover > span{ 3093} 3094.fancyButton221.fancyButton .text{ 3095 color: rgb(4, 65, 55); 3096 font-size: 1em; 3097 font-family: "League Spartan"; 3098 text-align: left; 3099 padding-top: .5em; 3100 padding-bottom: .25em; 3101 padding-right: 1.25px; 3102 padding-left: 4.125em; 3103 font-weight: 700; 3104 text-decoration: none; 3105 padding-top: .5em; 3106 padding-bottom: .25em; 3107 padding-right: 1.25px; 3108 padding-left: 4.125em; 3109 background-image: url('/ImageRepository/Document?documentID=15965'); 3110 background-repeat: no-repeat; 3111 background-position: 1.25em center; 3112display: flex; 3113flex-direction: column; 3114min-height: 70px; 3115justify-content: center; 3116background-size: 1.875em;text-transform: uppercase;} 3117.fancyButton221.fancyButton:hover .text,.fancyButton221.fancyButton:focus .text,.fancyButton221.fancyButton:active .text,.fancyButton221.fancyButton.hover .text{ 3118 text-decoration: underline; 3119 background-repeat: no-repeat; 3120 background-position: 1.25em center; 3121 3122 3123} 3124</style> 3125 3126 </li><!-- 3127--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 3128 --><li class="widgetItem GraphicLinks"> 3129 3130<div> 3131 <a href="/youtube" target="_self" class="fancyButton fancyButton222 " > 3132 <span> 3133 <span><span class="text">YouTube</span></span> 3134 </span> 3135 </a> 3136</div> 3137 <style scoped="scoped">.fancyButton222.fancyButton:link,.fancyButton222.fancyButton:visited, .fancyButton222div.fancyButton{ 3138 background-color: rgb(255, 255, 255);
3139 -webkit-border-top-left-radius: 20px; 3140 -moz-border-top-left-radius: 20px; 3141 -khtml-border-top-left-radius: 20px; 3142 border-top-left-radius: 20px; 3143 -webkit-border-top-right-radius: 20px; 3144 -moz-border-top-right-radius: 20px; 3145 -khtml-border-top-right-radius: 20px; 3146 border-top-right-radius: 20px; 3147 -webkit-border-bottom-left-radius: 20px; 3148 -moz-border-bottom-left-radius: 20px; 3149 -khtml-border-bottom-left-radius: 20px; 3150 border-bottom-left-radius: 20px; 3151 -webkit-border-bottom-right-radius: 20px; 3152 -moz-border-bottom-right-radius: 20px; 3153 -khtml-border-bottom-right-radius: 20px; 3154 border-bottom-right-radius: 20px; 3155 background-repeat: no-repeat; 3156 background-position: left top; 3157box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); 3158margin: .5em 0; 3159transition: all .3s ease-out; 3160position: relative; 3161} 3162 3163.fancyButton222::after { 3164content: ""; 3165position: absolute; 3166left: 0; 3167top: 0; 3168height: 100%; 3169width: 100%;} 3170.fancyButton222.fancyButton:hover,.fancyButton222.fancyButton:focus,.fancyButton222.fancyButton:active,.fancyButton222.fancyButton.hover{ 3171 background-repeat: no-repeat; 3172 background-position: left top; 3173transform: translate(0, -.5em); 3174} 3175 3176.fancyButton222:is(:hover, :focus, :active)::after { 3177height: calc(100% + 1em);} 3178.fancyButton222.fancyButton:link > span,.fancyButton222.fancyButton:visited > span, .fancyButton222div.fancyButton > span{ 3179} 3180.fancyButton222.fancyButton:hover > span,.fancyButton222.fancyButton:focus > span,.fancyButton222.fancyButton:active > span,.fancyButton222.fancyButton.hover > span{ 3181} 3182.fancyButton222.fancyButton .text{ 3183 color: rgb(4, 65, 55); 3184 font-size: 1em; 3185 font-family: "League Spartan"; 3186 text-align: left; 3187 padding-top: .5em; 3188 padding-bottom: .25em; 3189 padding-right: 1.25px; 3190 padding-left: 4.125em; 3191 font-weight: 700; 3192 text-decoration: none; 3193 padding-top: .5em; 3194 padding-bottom: .25em; 3195 padding-right: 1.25px; 3196 padding-left: 4.125em; 3197 background-image: url('/ImageRepository/Document?documentID=15978'); 3198 background-repeat: no-repeat; 3199 background-position: 1.25em center; 3200display: flex; 3201flex-direction: column; 3202min-height: 70px; 3203justify-content: center; 3204background-size: 1.875em;text-transform: uppercase;} 3205.fancyButton222.fancyButton:hover .text,.fancyButton222.fancyButton:focus .text,.fancyButton222.fancyButton:active .text,.fancyButton222.fancyButton.hover .text{ 3206 text-decoration: underline; 3207 background-repeat: no-repeat; 3208 background-position: 1.25em center; 3209 3210 3211} 3212</style> 3213 3214 </li><!-- 3215--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 3216 --><li class="widgetItem GraphicLinks"> 3217 3218<div> 3219 <a href="/instagram" target="_self" class="fancyButton fancyButton223 " > 3220 <span> 3221 <span><span class="text">Instagram</span></span> 3222 </span> 3223 </a> 3224</div> 3225 <style scoped="scoped">.fancyButton223.fancyButton:link,.fancyButton223.fancyButton:visited, .fancyButton223div.fancyButton{ 3226 background-color: rgb(255, 255, 255); 3227 -webkit-border-top-left-radius: 20px; 3228 -moz-border-top-left-radius: 20px; 3229 -khtml-border-top-left-radius: 20px; 3230 border-top-left-radius: 20px; 3231 -webkit-border-top-right-radius: 20px; 3232 -moz-border-top-right-radius: 20px; 3233 -khtml-border-top-right-radius: 20px; 3234 border-top-right-radius: 20px; 3235 -webkit-border-bottom-left-radius: 20px; 3236 -moz-border-bottom-left-radius: 20px; 3237 -khtml-border-bottom-left-radius: 20px; 3238 border-bottom-left-radius: 20px; 3239 -webkit-border-bottom-right-radius: 20px; 3240 -moz-border-bottom-right-radius: 20px; 3241 -khtml-border-bottom-right-radius: 20px; 3242 border-bottom-right-radius: 20px; 3243 background-repeat: no-repeat; 3244 background-position: left top; 3245box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); 3246margin: .5em 0; 3247transition: all .3s ease-out; 3248position: relative; 3249} 3250 3251.fancyButton223::after { 3252content: ""; 3253position: absolute; 3254left: 0; 3255top: 0; 3256height: 100%; 3257width: 100%;} 3258.fancyButton223.fancyButton:hover,.fancyButton223.fancyButton:focus,.fancyButton223.fancyButton:active,.fancyButton223.fancyButton.hover{ 3259 background-repeat: no-repeat; 3260 background-position: left top; 3261transform: translate(0, -.5em); 3262} 3263 3264.fancyButton223:is(:hover, :focus, :active)::after { 3265height: calc(100% + 1em);} 3266.fancyButton223.fancyButton:link > span,.fancyButton223.fancyButton:visited > span, .fancyButton223div.fancyButton > span{ 3267} 3268.fancyButton223.fancyButton:hover > span,.fancyButton223.fancyButton:focus > span,.fancyButton223.fancyButton:active > span,.fancyButton223.fancyButton.hover > span{ 3269} 3270.fancyButton223.fancyButton .text{ 3271 color: rgb(4, 65, 55); 3272 font-size: 1em; 3273 font-family: "League Spartan"; 3274 text-align: left; 3275 padding-top: .5em; 3276 padding-bottom: .25em; 3277 padding-right: 1.25px; 3278 padding-left: 4.125em; 3279 font-weight: 700; 3280 text-decoration: none; 3281 padding-top: .5em; 3282 padding-bottom: .25em; 3283 padding-right: 1.25px; 3284 padding-left: 4.125em; 3285 background-image: url('/ImageRepository/Document?documentID=15966'); 3286 background-repeat: no-repeat; 3287 background-position: 1.25em center; 3288display: flex; 3289flex-direction: column; 3290min-height: 70px;
3291justify-content: center; 3292background-size: 1.875em;text-transform: uppercase;} 3293.fancyButton223.fancyButton:hover .text,.fancyButton223.fancyButton:focus .text,.fancyButton223.fancyButton:active .text,.fancyButton223.fancyButton.hover .text{ 3294 text-decoration: underline; 3295 background-repeat: no-repeat; 3296 background-position: 1.25em center; 3297 3298 3299} 3300</style> 3301 3302 </li><!-- 3303--></ul></div><!-- --> 3304 </div> 3305 </nav> 3306 </div> 3307 <div class="widgetFooter"> 3308 </div> 3309</div> 3310</div> 3311 3312 </div> <!-- inner column --> 3313 3314 </div> <!-- inner row --> 3315 3316 </div><!-- outer column --><!----><div class="outer col col10 last" style="" data-widgetcontainerid="5aa1ce45-f995-48ef-9112-d07c0db1ba1f">� 3317 <div class="row nest first last wide">� 3318 3319 <div class="inner col col10 first last id89f62050-93cd-4e76-a688-63fae2917c43" style="" data-widgetcontainerid="89f62050-93cd-4e76-a688-63fae2917c43">� 3320<div data-widget-id="d06f4554-3443-498f-a40c-2058497cf3db" data-widget-controller-path="/GraphicLinks/Widget"> 3321 3322 3323 3324 3325<div id="graphicLinkWidgetd06f4554-3443-498f-a40c-2058497cf3db" class="widget widgetGraphicLinks skin86 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 3326 <div class="widgetHeader"> 3327 <div class=""> 3328 </div> 3329 </div> 3330 <div class="widgetBody cpGrid cpGrid2 "> 3331 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 3332 <div class="row wide"> 3333 <!-- 3334--><div class="col col1 first "><ul class="semanticList"><!-- 3335 --><li class="widgetItem GraphicLinks"> 3336 3337<div> 3338 <a href="/nextdoor" target="_self" class="fancyButton fancyButton228 " > 3339 <span> 3340 <span><span class="text">Nextdoor</span></span> 3341 </span> 3342 </a> 3343</div> 3344 <style scoped="scoped">.fancyButton228.fancyButton:link,.fancyButton228.fancyButton:visited, .fancyButton228div.fancyButton{ 3345 background-color: rgb(255, 255, 255); 3346 -webkit-border-top-left-radius: 20px; 3347 -moz-border-top-left-radius: 20px; 3348 -khtml-border-top-left-radius: 20px; 3349 border-top-left-radius: 20px; 3350 -webkit-border-top-right-radius: 20px; 3351 -moz-border-top-right-radius: 20px; 3352 -khtml-border-top-right-radius: 20px; 3353 border-top-right-radius: 20px; 3354 -webkit-border-bottom-left-radius: 20px; 3355 -moz-border-bottom-left-radius: 20px; 3356 -khtml-border-bottom-left-radius: 20px; 3357 border-bottom-left-radius: 20px; 3358 -webkit-border-bottom-right-radius: 20px; 3359 -moz-border-bottom-right-radius: 20px; 3360 -khtml-border-bottom-right-radius: 20px; 3361 border-bottom-right-radius: 20px; 3362 background-repeat: no-repeat; 3363 background-position: left top; 3364box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); 3365margin: .5em 0; 3366transition: all .3s ease-out; 3367position: relative; 3368} 3369 3370.fancyButton228::after { 3371content: ""; 3372position: absolute; 3373left: 0; 3374top: 0; 3375height: 100%; 3376width: 100%;} 3377.fancyButton228.fancyButton:hover,.fancyButton228.fancyButton:focus,.fancyButton228.fancyButton:active,.fancyButton228.fancyButton.hover{ 3378 background-repeat: no-repeat; 3379 background-position: left top; 3380transform: translate(0, -.5em); 3381} 3382 3383.fancyButton228:is(:hover, :focus, :active)::after { 3384height: calc(100% + 1em);} 3385.fancyButton228.fancyButton:link > span,.fancyButton228.fancyButton:visited > span, .fancyButton228div.fancyButton > span{ 3386} 3387.fancyButton228.fancyButton:hover > span,.fancyButton228.fancyButton:focus > span,.fancyButton228.fancyButton:active > span,.fancyButton228.fancyButton.hover > span{ 3388} 3389.fancyButton228.fancyButton .text{ 3390 color: rgb(4, 65, 55); 3391 font-size: 1em; 3392 font-family: "League Spartan"; 3393 text-align: left; 3394 padding-top: .5em; 3395 padding-bottom: .25em; 3396 padding-right: 1.25px; 3397 padding-left: 4.125em; 3398 font-weight: 700; 3399 text-decoration: none; 3400 padding-top: .5em; 3401 padding-bottom: .25em; 3402 padding-right: 1.25px; 3403 padding-left: 4.125em; 3404 background-image: url('/ImageRepository/Document?documentID=15969'); 3405 background-repeat: no-repeat; 3406 background-position: 1.25em center; 3407display: flex; 3408flex-direction: column; 3409min-height: 70px; 3410justify-content: center; 3411background-size: 1.875em;text-transform: uppercase;} 3412.fancyButton228.fancyButton:hover .text,.fancyButton228.fancyButton:focus .text,.fancyButton228.fancyButton:active .text,.fancyButton228.fancyButton.hover .text{ 3413 text-decoration: underline; 3414 background-repeat: no-repeat; 3415 background-position: 1.25em center; 3416 3417 3418} 3419</style> 3420 3421 </li><!-- 3422--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 3423 --><li class="widgetItem GraphicLinks"> 3424 3425<div> 3426 <a href="/linkedin" target="_self" class="fancyButton fancyButton229 " > 3427 <span> 3428 <span><span class="text">LinkedIn</span></span> 3429 </span> 3430 </a> 3431</div> 3432 <style scoped="scoped">.fancyButton229.fancyButton:link,.fancyButton229.fancyButton:visited, .fancyButton229div.fancyButton{ 3433 background-color: rgb(255, 255, 255);
3434 -webkit-border-top-left-radius: 20px; 3435 -moz-border-top-left-radius: 20px; 3436 -khtml-border-top-left-radius: 20px; 3437 border-top-left-radius: 20px; 3438 -webkit-border-top-right-radius: 20px; 3439 -moz-border-top-right-radius: 20px; 3440 -khtml-border-top-right-radius: 20px; 3441 border-top-right-radius: 20px; 3442 -webkit-border-bottom-left-radius: 20px; 3443 -moz-border-bottom-left-radius: 20px; 3444 -khtml-border-bottom-left-radius: 20px; 3445 border-bottom-left-radius: 20px; 3446 -webkit-border-bottom-right-radius: 20px; 3447 -moz-border-bottom-right-radius: 20px; 3448 -khtml-border-bottom-right-radius: 20px; 3449 border-bottom-right-radius: 20px; 3450 background-repeat: no-repeat; 3451 background-position: left top; 3452box-shadow: 0 4px 20px 0 rgba(0, 0, 0, 0.15); 3453margin: .5em 0; 3454transition: all .3s ease-out; 3455position: relative; 3456} 3457 3458.fancyButton229::after { 3459content: ""; 3460position: absolute; 3461left: 0; 3462top: 0; 3463height: 100%; 3464width: 100%;} 3465.fancyButton229.fancyButton:hover,.fancyButton229.fancyButton:focus,.fancyButton229.fancyButton:active,.fancyButton229.fancyButton.hover{ 3466 background-repeat: no-repeat; 3467 background-position: left top; 3468transform: translate(0, -.5em); 3469} 3470 3471.fancyButton229:is(:hover, :focus, :active)::after { 3472height: calc(100% + 1em);} 3473.fancyButton229.fancyButton:link > span,.fancyButton229.fancyButton:visited > span, .fancyButton229div.fancyButton > span{ 3474} 3475.fancyButton229.fancyButton:hover > span,.fancyButton229.fancyButton:focus > span,.fancyButton229.fancyButton:active > span,.fancyButton229.fancyButton.hover > span{ 3476} 3477.fancyButton229.fancyButton .text{ 3478 color: rgb(4, 65, 55); 3479 font-size: 1em; 3480 font-family: "League Spartan"; 3481 text-align: left; 3482 padding-top: .5em; 3483 padding-bottom: .25em; 3484 padding-right: 1.25px; 3485 padding-left: 4.125em; 3486 font-weight: 700; 3487 text-decoration: none; 3488 padding-top: .5em; 3489 padding-bottom: .25em; 3490 padding-right: 1.25px; 3491 padding-left: 4.125em; 3492 background-image: url('/ImageRepository/Document?documentID=15967'); 3493 background-repeat: no-repeat; 3494 background-position: 1.25em center; 3495display: flex; 3496flex-direction: column; 3497min-height: 70px; 3498justify-content: center; 3499background-size: 1.875em;text-transform: uppercase;} 3500.fancyButton229.fancyButton:hover .text,.fancyButton229.fancyButton:focus .text,.fancyButton229.fancyButton:active .text,.fancyButton229.fancyButton.hover .text{ 3501 text-decoration: underline; 3502 background-repeat: no-repeat; 3503 background-position: 1.25em center; 3504 3505 3506} 3507</style> 3508 3509 </li><!-- 3510--></ul></div><!-- --> 3511 </div> 3512 </nav> 3513 </div> 3514 <div class="widgetFooter"> 3515 </div> 3516</div> 3517</div> 3518 3519 </div> <!-- inner column --> 3520 3521 </div> <!-- inner row --> 3522 3523 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3524 <div class="row outer wide"><!-- 3525--><div class="outer col col8 first" style="" data-widgetcontainerid="715740c9-0777-40c6-a6e0-c34fa8b8a135">� 3526 <div class="row nest first last wide">� 3527 3528 <div class="inner col col8 first last idcb4ee8bf-bd65-47e0-818c-883537a642ce" style="" data-widgetcontainerid="cb4ee8bf-bd65-47e0-818c-883537a642ce">� 3529 3530 <div data-widget-id='7dcd14eb-0972-48e7-88e8-7d2cba77b44b' data-moduleName="customHtml" id='widgetCustomHtml7dcd14eb-0972-48e7-88e8-7d2cba77b44b' class="widget widgetCustomHtml skin87 narrow" > 3531 <div class="widgetBody pageStyles" id="widgetBody7dcd14eb-0972-48e7-88e8-7d2cba77b44b"> 3532 <div id="customHtml7dcd14eb-0972-48e7-88e8-7d2cba77b44b"><div><div class="facebook-container"> 3533<iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fcityofarcata%2F&tabs=timeline&width=500&height=584&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=true&appId" width="500" height="584" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe> 3534</div> 3535 3536<!-- THIS SCRIPT WAS ESTABLISHED TO ALLOW FOR RESPONSIVE RESIZING OF THE FACEBOOK IFRAME --> 3537 3538<!-- THIS SCRIPT USES A FOR STATEMENT AND A "WIDTH CLAMP" ON THE PARENT DIV TO ITERATE OVER ALL FACEBOOK WIDGETS AND RESIZE THEM APPROPRIATELY. --> 3539 3540<style> 3541 [class^="facebook-container"] { 3542 text-align: center; 3543 } 3544 3545</style> 3546
3547<script> 3548 (function () { 3549 // If you do not want to maintain aspect ratio: set to zero 3550 const aspectRatio = 1.4; 3551 const selectors = [".facebook-container"]; 3552 const minWidth = 220; 3553 const maxWidth = 500; // Facebook widget will not expand past 500 3554 const minHeight = 500; 3555 const maxHeight = 584; 3556 const widthRegexp = /(width=)([0-9]+)/; 3557 const heightRegexp = /(height=)([0-9]+)/; 3558 3559 let width = 0; 3560 let height = 0; 3561 3562 function clamp__TS(num, min, max) { 3563 return Math.min(Math.max(num, min), max); 3564 } 3565 3566 function adjustFacebookContainers__TS() { 3567 for (const sel of selectors) { 3568 adjustContainer__TS(sel); 3569 } 3570 } 3571 3572 function adjustContainer__TS(selector) { 3573 const container = $(selector); 3574 const frame = $(selector + " > iframe"); 3575 if (frame === undefined || frame.length === 0) { 3576 console.warn("No facebook widget found..."); 3577 } else { 3578 const rawSrc = frame.attr("src"); 3579 const containerWidth = container.width(); 3580 3581 // Container is hidden, probably "display: none;" 3582 if (containerWidth === 0) { 3583 const parents = container.parents(); 3584 for (let i = 0; i < parents.length; i++) { 3585 const parent = $(parents[i]); 3586 if (parent.css("display") === "none") { 3587 let mobileTab = parent.siblings(); 3588 mobileTab = mobileTab[mobileTab.length - 1]; 3589 if (!mobileTab) { 3590 console.error("Warning: No mobile tab found for facebook container, returning...") 3591 return; 3592 } 3593 3594 let tabbedWidget = parents.filter(function (_, e) { 3595 return e.classList.contains("widget") && e.classList.contains("widgetTabbed"); 3596 }); 3597 3598 if (tabbedWidget.length !== 1) { 3599 console.error("Warning: No tab list found for facebook container, returning...") 3600 return; 3601 } 3602 tabbedWidget = tabbedWidget[0]; 3603 3604 let desktopTab = $(tabbedWidget).select(".tabbedWidget.cpTabs"); 3605 if (desktopTab.length !== 1) { 3606 console.error("Warning: No desktop tabs found for facebook container, returning...") 3607 return; 3608 } 3609 desktopTab = desktopTab[0]; 3610 3611 /* 3612 // Get .cpTabPanels 3613 let desktopTab = parent.parent(); 3614 // Get .cpTabs 3615 desktopTab = desktopTab.siblings(); 3616 desktopTab = desktopTab[0]; 3617 // Get the matching tab (from the mobile tab text) 3618 desktopTab = $(desktopTab).children(); 3619 desktopTab = desktopTab.filter((j, elem) => $(elem).text().trim() === $(mobileTab).text().trim())[0]; 3620 console.log(desktopTab);*/ 3621 3622 const desktopHandler = () => { adjustContainer__TS(selector); desktopTab.removeEventListener("click", desktopHandler); } 3623 const mobileHandler = () => { adjustContainer__TS(selector); mobileTab.removeEventListener("click", mobileHandler); } 3624 3625 3626 desktopTab.addEventListener("click", desktopHandler); 3627 mobileTab.addEventListener("click", mobileHandler); 3628 break; 3629 } 3630 } 3631 return; 3632 } 3633 3634 width = clamp__TS(containerWidth, minWidth, maxWidth); 3635 height = clamp__TS(Math.floor(width * aspectRatio), minHeight, maxHeight); 3636 3637 // Replace src and style on iframe 3638 try { 3639 const oldWidth = rawSrc.match(widthRegexp); 3640 const oldHeight = rawSrc.match(heightRegexp); 3641 3642 if (width === parseInt(oldWidth[2]) && height === parseInt(oldHeight[2])) { 3643 return; 3644 } 3645 3646 const newSrc = rawSrc 3647 .replace(widthRegexp, "width=" + parseInt(width)) 3648 .replace(heightRegexp, "height=" + parseInt(height)); 3649 3650 // Set attributes on frame 3651 frame.attr("src", newSrc); 3652 frame.css("width", width); 3653 frame.css("height", height); 3654 } catch (e) { 3655 console.warn("Failed replacing width & height"); 3656 console.warn(e); 3657 } 3658 } 3659 } 3660 3661 let adjustTimeoutFn; 3662 $(window).load(function () { 3663 setTimeout(function () { 3664 adjustFacebookContainers__TS(); 3665 }, 750); 3666 3667 $(window).resize(function () { 3668 clearTimeout(adjustTimeoutFn); 3669 adjustTimeoutFn = setTimeout(function () { 3670 adjustFacebookContainers__TS(); 3671 }, 750); 3672 }); 3673 3674 $.when(window.Pages.angularToolbarComplete).done(function () { 3675 adjustFacebookContainers__TS(); 3676 }); 3677 }); 3678 })(); 3679</script>
3679 3680 3681<!-- End Facebook adjust --> 3682</div></div> 3683 </div> 3684 3685 </div> 3686 3687 </div> <!-- inner column --> 3688 3689 </div> <!-- inner row --> 3690 3691 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="33e33f0a-35d5-4d98-9c35-e69a8d345aed">� 3692 <div class="row nest first last wide">� 3693 3694 <div class="inner col col8 first last id088f01f0-774c-4cee-823c-291e9f8bf666" style="" data-widgetcontainerid="088f01f0-774c-4cee-823c-291e9f8bf666">� 3695 3696 <div data-widget-id='5e77c991-d296-443a-b8fb-8b1798a0954b' data-moduleName="customHtml" id='widgetCustomHtml5e77c991-d296-443a-b8fb-8b1798a0954b' class="widget widgetCustomHtml skin87 narrow" > 3697 <div class="widgetBody pageStyles" id="widgetBody5e77c991-d296-443a-b8fb-8b1798a0954b"> 3698 <div id="customHtml5e77c991-d296-443a-b8fb-8b1798a0954b"><div><div class="ig-embed-wrapper"> 3699 <blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/cityofarcata/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" 3700 background:#FFF; 3701 border:0; 3702 border-radius:3px; 3703 box-shadow:0 0 1px 0 rgba(0,0,0,0.5), 3704 0 1px 10px 0 rgba(0,0,0,0.15); 3705 margin:0 auto; 3706 max-width:540px; 3707 width:100%; 3708 "> 3709 </blockquote> 3710</div> 3711
3712<script async="" src="//www.instagram.com/embed.js"></script>
3712 3713 3714<style> 3715.ig-embed-wrapper { 3716 overflow-y: auto; 3717 overflow-x: hidden; 3718} 3719</style></div></div> 3720 </div> 3721 3722 </div> 3723 3724 </div> <!-- inner column --> 3725 3726 </div> <!-- inner row --> 3727 3728 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="0d0aca1e-3f79-4c67-9706-edfa404ab6bd">� 3729 <div class="row nest first last wide">� 3730 3731 <div class="inner col col8 first last idbbfd14db-a79e-4520-9e81-bc8aafecdfff" style="" data-widgetcontainerid="bbfd14db-a79e-4520-9e81-bc8aafecdfff">� 3732 3733 <div data-widget-id='40086ed8-52b8-4d86-9d64-de9078c37927' data-moduleName="customHtml" id='widgetCustomHtml40086ed8-52b8-4d86-9d64-de9078c37927' class="widget widgetCustomHtml skin87 narrow" > 3734 <div class="widgetBody pageStyles" id="widgetBody40086ed8-52b8-4d86-9d64-de9078c37927"> 3735 <div id="customHtml40086ed8-52b8-4d86-9d64-de9078c37927"><div><iframe width="100%" height="584" src="https://www.youtube.com/embed/1T376xB1_dU?si=7jVzVLuj2WtFHk-5" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div> 3736 </div> 3737 3738 </div> 3739 3740 </div> <!-- inner column --> 3741 3742 </div> <!-- inner row --> 3743 3744 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3745 3746 3747 </div> 3748</div></div> 3749</div> 3750</main><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 3751<div class="siteWrap2"><div data-cpRole="structuralContainer" id="footerInnerContainerTS"> 3752<div data-cpRole="contentContainer" id="footerTS" class="containerTS"> <div id="cc555a88aa-bd90-4a70-a465-4790f2fa2889" data-containerid="555a88aa-bd90-4a70-a465-4790f2fa2889" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> 3753 3754 3755 <div class="row outer wide"><!-- 3756--><div class="outer col col5 first" style="" data-widgetcontainerid="bed44edd-c95f-4e7e-b824-d992abefc380">� 3757 <div class="row nest first last wide">� 3758 3759 <div class="inner col col5 first last idcfcdac42-5bec-4590-923a-c271db966b21" style="" data-widgetcontainerid="cfcdac42-5bec-4590-923a-c271db966b21">� 3760 <div data-widget-id="25068075-11ad-4e5a-9ac2-367d07a2f7a6" data-widget-controller-path="/InfoAdvanced/Widget"> 3761 3762 3763 3764 3765 3766 <section id="divInfoAdv25068075-11ad-4e5a-9ac2-367d07a2f7a6" class="widget widgetInfoAdvanced skin80 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3767 <header class="widgetHeader" id="header25068075-11ad-4e5a-9ac2-367d07a2f7a6"> 3768 <div class=""> 3769 </div> 3770 </header> 3771 <div class="widgetBody cpGrid cpGrid1 "> 3772 <div class="row wide"> 3773 <div class="col col1 first last"> 3774 <ol class="pageStyles semanticList"> 3775 3776<li class="InfoAdvanced widgetItem fr-view"> 3777 <p><a href="/"><img src="/ImageRepository/Document?documentId=15953" class="fr-dib" alt="Arcata California Homepage" style="width: 274px;"></a></p> 3778</li> </ol> 3779 </div> 3780 </div> 3781 </div> 3782 <div class="widgetFooter"> 3783 3784 </div> 3785 3786 </section> 3787 3788 3789
3790<script type="text/javascript"> 3791 //Render slideshow if info advacned items contain one. 3792 $(document).ready(function (e) { 3793 $('#divInfoAdv25068075-11ad-4e5a-9ac2-367d07a2f7a6 .InfoAdvanced.widgetItem').each(function () { 3794 renderSlideshowIfApplicable($(this)); 3795 }); 3796 }); 3797</script>
3797</div> 3798 </div> <!-- inner column --> 3799 3800 </div> <!-- inner row --> 3801 3802 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="a823128d-03ba-45cc-9a56-451fd19b0122">� 3803 <div class="row nest first last wide">� 3804 3805 <div class="inner col col1 first last id7b62f545-a1f4-49b4-8ecb-328c7e76a96e" style="" data-widgetcontainerid="7b62f545-a1f4-49b4-8ecb-328c7e76a96e">� 3806 3807<div class="widget widgetSpacer" id="d648c88b-faae-41f0-8b3a-c13b5d54932b"></div> 3808 </div> <!-- inner column --> 3809 3810 </div> <!-- inner row --> 3811 3812 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="81725dff-047b-4f5f-a605-ce398489dbd1">� 3813 <div class="row nest first last wide">� 3814 3815 <div class="inner col col5 first last id6e3d01cd-6578-46ac-a16f-965a4bdb724e" style="" data-widgetcontainerid="6e3d01cd-6578-46ac-a16f-965a4bdb724e">� 3816 <div data-widget-id="9325727f-5b12-439b-ae33-1d24c9f29b2e" data-widget-controller-path="/InfoAdvanced/Widget"> 3817 3818 3819 3820 3821 3822 <section id="divInfoAdv9325727f-5b12-439b-ae33-1d24c9f29b2e" class="widget widgetInfoAdvanced skin80 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header9325727f-5b12-439b-ae33-1d24c9f29b2e"> 3823 <header class="widgetHeader" id="header9325727f-5b12-439b-ae33-1d24c9f29b2e"> 3824 <div class=""> 3825 <h3 >Contact Us</h3> 3826 </div> 3827 </header> 3828 <div class="widgetBody cpGrid cpGrid1 "> 3829 <div class="row wide"> 3830 <div class="col col1 first last"> 3831 <ol class="pageStyles semanticList"> 3832 3833<li class="InfoAdvanced widgetItem fr-view"> 3834 <p>City of Arcata </p> 3835</li> 3836<li class="InfoAdvanced widgetItem fr-view"> 3837 <p>736 F Street </p> 3838</li> 3839<li class="InfoAdvanced widgetItem fr-view"> 3840 <p>Arcata, CA 95521 </p> 3841</li> 3842<li class="InfoAdvanced widgetItem fr-view"> 3843 <p>Phone: <a href="tel:7078225951">707-822-5951</a></p> 3844</li> </ol> 3845 </div> 3846 </div> 3847 </div> 3848 <div class="widgetFooter"> 3849 3850 </div> 3851 3852 </section> 3853 3854 3855
3856<script type="text/javascript"> 3857 //Render slideshow if info advacned items contain one. 3858 $(document).ready(function (e) { 3859 $('#divInfoAdv9325727f-5b12-439b-ae33-1d24c9f29b2e .InfoAdvanced.widgetItem').each(function () { 3860 renderSlideshowIfApplicable($(this)); 3861 }); 3862 }); 3863</script>
3863</div> 3864 </div> <!-- inner column --> 3865 3866 </div> <!-- inner row --> 3867 3868 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="b3fbd4c6-54ab-41e5-8dea-1de24904b45a">� 3869 <div class="row nest first last wide">� 3870 3871 <div class="inner col col1 first last idb9b83088-fb41-4928-81d0-b174a7c96bf1" style="" data-widgetcontainerid="b9b83088-fb41-4928-81d0-b174a7c96bf1">� 3872 3873<div class="widget widgetSpacer" id="7dd13e84-59a9-4150-bfad-33f9a2f027ca"></div> 3874 </div> <!-- inner column --> 3875 3876 </div> <!-- inner row --> 3877 3878 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="322f03da-9190-42f8-86d5-8fa816ef6a70">� 3879 <div class="row nest first last wide">� 3880 3881 <div class="inner col col6 first last idfd52a60b-bc5c-4b57-a085-adf16a52e2f6" style="" data-widgetcontainerid="fd52a60b-bc5c-4b57-a085-adf16a52e2f6">� 3882 <div data-widget-id="d4c9b11c-dd52-49ba-97b5-ec0960feeacd" data-widget-controller-path="/QuickLinks/Widget"> 3883 3884 3885 3886 3887 3888 3889 3890 3891 <section id="widgetQuicklinkd4c9b11c-dd52-49ba-97b5-ec0960feeacd" class="widget widgetQuickLinks skin80 widgetOptionSet32 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderd4c9b11c-dd52-49ba-97b5-ec0960feeacd"> 3892 <header class="widgetHeader" id="quickLinksHeaderd4c9b11c-dd52-49ba-97b5-ec0960feeacd"> 3893 <div class=""> 3894 <h3><a style="" href="/QuickLinks.aspx?CID=28,33,55" >Popular Pages</a></h3> 3895 </div> 3896 </header> 3897 <div class="widgetBody cpGrid cpGrid1 "> 3898 <div class="row narrow"> 3899 <div class="col col1 first last"> 3900 <ol class="semanticList"> 3901 3902 <li style="position:relative" class="widgetItem QuickLinks"> 3903 <a class="widgetDesc widgetQuickLinksLink" href="/280/Boards-Commissions" target="_self" >Committees & Commissions</a> 3904 <div class="widgetMeta"></div> 3905 </li> 3906 3907 <li style="position:relative" class="widgetItem QuickLinks"> 3908 <a class="widgetDesc widgetQuickLinksLink" href="/282/City-Council-Agendas-Archives" target="_self" >City Council Agendas & Archives</a> 3909 <div class="widgetMeta"></div> 3910 </li> 3911 3912 <li style="position:relative" class="widgetItem QuickLinks"> 3913 <a class="widgetDesc widgetQuickLinksLink" href="/281/Watch-Meetings" target="_self" >Watch Meetings Online</a> 3914 <div class="widgetMeta"></div> 3915 </li> 3916 3917 <li style="position:relative" class="widgetItem QuickLinks"> 3918 <a class="widgetDesc widgetQuickLinksLink" href="/DocumentCenter/View/9922/2019-Annual-Report" target="_blank" aria-label="Department Annual Report opens in new window">Department Annual Report</a> 3919 <div class="widgetMeta"></div> 3920 </li> 3921 3922 <li style="position:relative" class="widgetItem QuickLinks"> 3923 <a class="widgetDesc widgetQuickLinksLink" href="http://ca-arcata.civicplus.com/FAQ.aspx?TID=20" target="_blank" aria-label="Recreation FAQs opens in new window">Recreation FAQs</a> 3924 <div class="widgetMeta"></div> 3925 </li> 3926 3927 <li style="position:relative" class="widgetItem QuickLinks"> 3928 <a class="widgetDesc widgetQuickLinksLink" href="https://www.invoicecloud.com/CityofArcataCA" target="_blank" aria-label="Online Water and Sewer Bill Payment opens in new window">Online Water and Sewer Bill Payment</a> 3929 <div class="widgetMeta"></div> 3930 </li> 3931 </ol> 3932 </div> 3933 </div> 3934 3935 </div> 3936 <div class="widgetFooter"> 3937 </div> 3938 <div class="addItemModal hidden"> 3939 <div class="url hidden">/QuickLinks.aspx</div> 3940 </div> 3941 3942 </section> 3943</div> 3944 3945 </div> <!-- inner column --> 3946 3947 </div> <!-- inner row --> 3948 3949 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="5943521a-d89d-4431-87d0-51e1176749cb">� 3950 <div class="row nest first last wide">� 3951 3952 <div class="inner col col1 first last ida5604fa8-e4ad-473b-8177-402c78adad62" style="" data-widgetcontainerid="a5604fa8-e4ad-473b-8177-402c78adad62">� 3953 3954<div class="widget widgetSpacer" id="a861d035-6db8-469e-a376-113bf9b7173d"></div> 3955 </div> <!-- inner column --> 3956 3957 </div> <!-- inner row --> 3958 3959 </div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="74fa3ff7-5002-45cb-9d03-2b06ae315b65">� 3960 <div class="row nest first last wide">� 3961 3962 <div class="inner col col5 first last idd021adf6-7544-4be9-ae6f-75a5412f0b0a" style="" data-widgetcontainerid="d021adf6-7544-4be9-ae6f-75a5412f0b0a">� 3963 <div data-widget-id="af3c59c8-827d-4c2d-a319-ef8de54c5034" data-widget-controller-path="/QuickLinks/Widget"> 3964 3965 3966 3967 3968 3969 3970 3971 3972 <section id="widgetQuicklinkaf3c59c8-827d-4c2d-a319-ef8de54c5034" class="widget widgetQuickLinks skin80 widgetOptionSet32 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderaf3c59c8-827d-4c2d-a319-ef8de54c5034"> 3973 <header class="widgetHeader" id="quickLinksHeaderaf3c59c8-827d-4c2d-a319-ef8de54c5034"> 3974 <div class=""> 3975 <h3><a style="" href="/QuickLinks.aspx?CID=38" >Site Links</a></h3> 3976 </div> 3977 </header> 3978 <div class="widgetBody cpGrid cpGrid1 "> 3979 <div class="row narrow"> 3980 <div class="col col1 first last"> 3981 <ol class="semanticList"> 3982 3983 <li style="position:relative" class="widgetItem QuickLinks"> 3984 <a class="widgetDesc widgetQuickLinksLink" href="/calendar.aspx" target="_self" >Calendar</a> 3985 <div class="widgetMeta"></div> 3986 </li> 3987 3988 <li style="position:relative" class="widgetItem QuickLinks"> 3989 <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a> 3990 <div class="widgetMeta"></div> 3991 </li> 3992 3993 <li style="position:relative" class="widgetItem QuickLinks"> 3994 <a class="widgetDesc widgetQuickLinksLink" href="/FAQ.aspx" target="_self" >FAQs</a> 3995 <div class="widgetMeta"></div> 3996 </li> 3997 3998 <li style="position:relative" class="widgetItem QuickLinks"> 3999 <a class="widgetDesc widgetQuickLinksLink" href="/Directory.aspx" target="_self" >Staff Directory</a> 4000 <div class="widgetMeta"></div> 4001 </li> 4002 4003 <li style="position:relative" class="widgetItem QuickLinks"> 4004 <a class="widgetDesc widgetQuickLinksLink" href="/Jobs.aspx" target="_self" >Job Opportunities</a> 4005 <div class="widgetMeta"></div> 4006 </li> 4007 4008 <li style="position:relative" class="widgetItem QuickLinks"> 4009 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 4010 <div class="widgetMeta"></div> 4011 </li> 4012 4013 <li style="position:relative" class="widgetItem QuickLinks"> 4014 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap.aspx" target="_self" >Site Map</a> 4015 <div class="widgetMeta"></div> 4016 </li> 4017 </ol> 4018 </div> 4019 </div> 4020 4021 </div> 4022 <div class="widgetFooter"> 4023 </div> 4024 <div class="addItemModal hidden"> 4025 <div class="url hidden">/QuickLinks.aspx</div> 4026 </div> 4027 4028 </section> 4029</div> 4030 4031 </div> <!-- inner column --> 4032 4033 </div> <!-- inner row --> 4034 4035 </div><!-- outer column --><!-- --></div> <!-- outer row --> 4036 4037 4038 </div> 4039</div><div data-cpRole="contentContainer" id="poweredByTS" class="containerTS"> <div id="ccf0a8684f-0268-47b3-9e8c-1a9daf75e1c2" data-containerid="f0a8684f-0268-47b3-9e8c-1a9daf75e1c2" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="40"> 4040 4041 4042 <div class="row outer wide"><!-- 4043--><div class="outer col col5 first" style="" data-widgetcontainerid="16c89b58-ff19-4cf7-9c97-0fd25a1c0bb9">� 4044 <div class="row nest first last wide">� 4045 4046 <div class="inner col col5 first last ideb247e92-64e7-4fa2-85d3-917f7714986a" style="" data-widgetcontainerid="eb247e92-64e7-4fa2-85d3-917f7714986a">� 4047<div data-widget-id="192dfd25-805f-44ae-8764-afadd5294fa5" data-widget-controller-path="/GraphicLinks/Widget"> 4048 4049 4050 4051 4052<div id="graphicLinkWidget192dfd25-805f-44ae-8764-afadd5294fa5" class="widget widgetGraphicLinks skin81 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 4053 <div class="widgetHeader"> 4054 <div class="">
4055 </div> 4056 </div> 4057 <div class="widgetBody cpGrid cpGrid5 "> 4058 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 4059 <div class="row wide"> 4060 <!-- 4061--><div class="col col1 first "><ul class="semanticList"><!-- 4062 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self"> 4063 4064<img src="/ImageRepository/Document?documentID=15938" 4065 class="graphicButtonLink" alt="Facebook" 4066 onmouseover="this.src='/ImageRepository/Document?documentID=15938'" 4067 onmouseout="this.src='/ImageRepository/Document?documentID=15938'" 4068 onfocus="this.src='/ImageRepository/Document?documentID=15938'" 4069 onblur="this.src='/ImageRepository/Document?documentID=15938'"> 4070</a></li><!-- 4071--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 4072 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 4073 4074<img src="/ImageRepository/Document?documentID=15952" 4075 class="graphicButtonLink" alt="YouTube" 4076 onmouseover="this.src='/ImageRepository/Document?documentID=15952'" 4077 onmouseout="this.src='/ImageRepository/Document?documentID=15952'" 4078 onfocus="this.src='/ImageRepository/Document?documentID=15952'" 4079 onblur="this.src='/ImageRepository/Document?documentID=15952'"> 4080</a></li><!-- 4081--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 4082 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 4083 4084<img src="/ImageRepository/Document?documentID=15939" 4085 class="graphicButtonLink" alt="Instagram" 4086 onmouseover="this.src='/ImageRepository/Document?documentID=15939'" 4087 onmouseout="this.src='/ImageRepository/Document?documentID=15939'" 4088 onfocus="this.src='/ImageRepository/Document?documentID=15939'" 4089 onblur="this.src='/ImageRepository/Document?documentID=15939'"> 4090</a></li><!-- 4091--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 4092 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/nextdoor" target="_self"> 4093 4094<img src="/ImageRepository/Document?documentID=15942" 4095 class="graphicButtonLink" alt="Nextdoor" 4096 onmouseover="this.src='/ImageRepository/Document?documentID=15942'" 4097 onmouseout="this.src='/ImageRepository/Document?documentID=15942'" 4098 onfocus="this.src='/ImageRepository/Document?documentID=15942'" 4099 onblur="this.src='/ImageRepository/Document?documentID=15942'"> 4100</a></li><!-- 4101--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 4102 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/linkedin" target="_self"> 4103 4104<img src="/ImageRepository/Document?documentID=15940" 4105 class="graphicButtonLink" alt="Linkedin" 4106 onmouseover="this.src='/ImageRepository/Document?documentID=15940'" 4107 onmouseout="this.src='/ImageRepository/Document?documentID=15940'" 4108 onfocus="this.src='/ImageRepository/Document?documentID=15940'" 4109 onblur="this.src='/ImageRepository/Document?documentID=15940'"> 4110</a></li><!-- 4111--></ul></div><!-- --> 4112 </div> 4113 </nav> 4114 </div> 4115 <div class="widgetFooter"> 4116 </div> 4117</div> 4118</div> 4119 4120 </div> <!-- inner column --> 4121 4122 </div> <!-- inner row --> 4123 4124 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="a3cd57c0-3643-46bb-a88e-65f6ea64eedb">� 4125 <div class="row nest first last wide">� 4126 4127 <div class="inner col col1 first last id0ca0258f-18fa-47da-b251-68145d74590f" style="" data-widgetcontainerid="0ca0258f-18fa-47da-b251-68145d74590f">� 4128 4129<div class="widget widgetSpacer" id="4d269b9d-2764-472c-98de-c49740b686cb"></div> 4130 </div> <!-- inner column --> 4131 4132 </div> <!-- inner row --> 4133 4134 </div><!-- outer column --><!----><div class="outer col col18 last" style="" data-widgetcontainerid="f3feb80c-347c-4c98-91b7-4105812f0cb0">� 4135 <div class="row nest first last wide">� 4136 4137 <div class="inner col col18 first last id9d40d299-9a8e-4cb0-b080-0065e768e1d9" style="" data-widgetcontainerid="9d40d299-9a8e-4cb0-b080-0065e768e1d9">� 4138 4139 <div data-widget-id='c217a4e0-5e92-4016-a303-6f57978b6ada' data-moduleName="customHtml" id='widgetCustomHtmlc217a4e0-5e92-4016-a303-6f57978b6ada' class="widget widgetCustomHtml skin81 narrow" > 4140 <div class="widgetBody pageStyles" id="widgetBodyc217a4e0-5e92-4016-a303-6f57978b6ada"> 4141 <div id="customHtmlc217a4e0-5e92-4016-a303-6f57978b6ada"><div><style> 4142 /* CP icon */ 4143 .cpBylineIconTS { 4144 color: #fff; 4145 } 4146 /* CP Text */ 4147 .cpBylineTextTS, 4148 .cpBylineTextTS a:is(:link, :visited) { 4149 color: #fff; 4150 } 4151 4152 .cpBylineTS { 4153 text-align: center; 4154 } 4155 4156 .row.outer.wide .outer.col.last:not(.first) .cpBylineTS { 4157 text-align: right; 4158 } 4159 4160 .cpBylineIconTS { 4161 fill: currentColor; 4162 width: 39px;
4163 height: 26px; 4164 display: inline; 4165 vertical-align: middle; 4166 } 4167</style> 4168 4169<div class="widgetItem cpBylineTS"> 4170 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 4171 <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> 4172 <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> 4173 </svg> 4174 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 4175</div> 4176</div></div> 4177 </div> 4178 4179 </div> 4180 4181 </div> <!-- inner column --> 4182 4183 </div> <!-- inner row --> 4184 4185 </div><!-- outer column --><!-- --></div> <!-- outer row --> 4186 4187 4188 </div> 4189</div> 4190</div></div> 4191</footer><!-- </div> --> 4192</div> 4193 4194 </div> 4195 </div> 4196 </div> 4197 4198<link href="/745732998.css" rel="stylesheet" type="text/css" /> 4199 4200<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 4201 <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"> 4202 <div class="cp-Splash-header"> 4203 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 4204 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 4205 <svg id="iconClose" viewBox="0 0 25 25"> 4206 <polygon style="fill:currentcolor" 4207 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> 4208 </svg> 4209 </button>
4210 </div> 4211 <div class="cp-Splash-body"> 4212 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 4213 <!-- Content from the Froala Editor will go here. --> 4214 Loading 4215 </div> 4216 </div> 4217 <div class="cp-Splash-footer"> 4218 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 4219 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 4220 </div> 4221 </div> 4222</div> 4223
4224<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 4224
4224
4225<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 4225
4225
4226<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 4226
4226
4227<script> 4228 4229 $(document).ready(function () { 4230 var filter = { 4231 targetId: '1', 4232 targetType: 1 4233 } 4234 4235 new SplashModalRender().triggerRender(filter); 4236 }); 4237</script>
4237 4238 4239 4240 4241 4242 4243 4244 4245 4246 4247 4248 4249 4250 4251 4252 4253 4254
4254<script src="/-1442400649.js" type="text/javascript"></script>
4254 4255
4255<script>(function(){var s = document.createElement('script'),e = ! document.body ? document.querySelector('head') : document.body;s.src = 'https://acsbapp.com/apps/app/assets/js/acsb.js';s.async = s.defer = true;s.onload = function(){acsbJS.init({statementLink : '',feedbackLink : '',footerHtml : '',hideMobile : false,hideTrigger : false,language : 'en',position : 'right',leadColor : '#146FF8',triggerColor : '#146FF8',triggerRadius : '50%',triggerPositionX : 'right',triggerPositionY : 'bottom',triggerIcon : 'default',triggerSize : 'medium',triggerOffsetX : 20,triggerOffsetY : 20,mobile : {triggerSize : 'small',triggerPositionX : 'right',triggerPositionY : 'center',triggerOffsetX : 0,triggerOffsetY : 0,triggerRadius : '50%'}});};e.appendChild(s);}());</script>
4255 4256 4257<!----------Google Translate (Mobile Friendly)---------> 4258<style>#google-translate-container {float: right;padding: 3px 5px 0px 0px;}.goog-te-combo,.goog-te-banner *,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 *,.goog-te-balloon * {font-family: arial;font-size: 10pt;background-image: url("https://theme.zdassets.com/theme_assets/958586/bae8aa24db8d43595871692a9d259186f2db3fb4.png");background-position: 3px 4px;background-size: 22px;background-repeat: no-repeat;text-indent: 20px;background-color: #fff;color: #000 !important;}.goog-logo-link {display: none !important;}.goog-te-gadget {color: transparent !important;}.goog-te-gadget .goog-te-combo {margin: 2px 0 !important;border-radius: 15px !important;}.goog-te-combo{border: 1px solid !important;border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important;border-radius: 0 !important;height:32px; !important;padding: 0 1px 0 .25rem !important;} 4259#launcher-wrapper {bottom: 50px !important;} 4260</style> 4261<div id="google-translate-container"> 4262 <div id="google_translate_element" style="position: fixed; bottom: 60px; right: 20px; z-index: 5;"></div> 4263</div>
4264<script> 4265function googleTranslateElementInit() { 4266 var el = document.getElementById("google_translate_element"); 4267 if (el && el.innerHTML.trim() !== "") { 4268 return; 4269 } 4270 4271 new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); 4272 // begin accessibility compliance 4273 $('img.goog-te-gadget-icon').attr('alt','Google Translate'); 4274 $('div#goog-gt-tt div.logo img').attr('alt','translate'); 4275 $('div#goog-gt-tt .original-text').css('text-align','left'); 4276 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 4277 $('.goog-te-combo').attr('aria-label','google translate languages'); 4278 $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); 4279 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 4280} 4281$(function() { 4282 $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); 4283}); 4284</script>
4284 4285<!--------------End Google Translate-----------------> 4286 4287 4288 4289<!-- 2022 Fixed Nav Adjustment -->
4290<script> 4291 function getValueTS(elem, attr) { 4292 const val = elem.css(attr); 4293 if (val === undefined) return undefined; 4294 const num = parseInt(val, 10); 4295 if (num === NaN) return undefined; 4296 return num; 4297 } 4298 4299 function clampTS(number, min, max) { 4300 return Math.min(Math.max(number, min), max); 4301 } 4302 4303 function isPageEditingTS() { 4304 return ( 4305 $("#doneEditing").length > 0 || // In live edit 4306 typeof DesignCenter !== "undefined" // In theme manager 4307 ); 4308 } 4309 4310 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 4311 function isTransparentTS(elem) { 4312 const bg = elem.css('background-color'); 4313 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 4314 const matchState = bg.match(bgColorRegexTS); 4315 if (!matchState || matchState.length !== 5) return false; 4316 const alpha = parseFloat(matchState[4], 10); 4317 if (!(alpha >= 0 && alpha < 1)) return false; 4318 return true; 4319 } 4320 4321 function iterateLeftpads(cb) { 4322 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 4323 for (let i = 0; i < containersTS.length; i++) { 4324 const containerTS = containersTS[i]; 4325 // Skip the body container and anything with data-skip-leftpad 4326 if ( 4327 containerTS.id !== "bodyContainerTS" && 4328 containerTS.getAttribute('data-skip-leftpad') === null 4329 ) { 4330 cb(containerTS); 4331 } 4332 } 4333 } 4334 4335 const anchor = $("#divToolbars");
4336 const anchor2 = $("#headerContainerTS") 4337 4338 // Outer banner padding (push banner down) 4339 const outerSizingTS = $("#bannerContainerTS"); 4340 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 4341 const innerSizingTS = $("#bannerSizingTS"); 4342 const bodyContainerTS = $("#bodyContainerTS"); 4343 4344 const forceUnfixClassTS = "forceUnfixTS"; 4345 4346 const fixedTopTS = $(".fixedTopTS"); 4347 const fixedBottomTS = $(".fixedBottomTS"); 4348 const fixedLeftTS = $(".fixedLeftTS"); 4349 4350 var initialTopTS; 4351 var topAttachTS; 4352 if (fixedTopTS && fixedTopTS.length === 1) { 4353 initialTopTS = getValueTS(fixedTopTS, 'top'); 4354 const attachment = fixedTopTS.attr('data-attach'); 4355 if (attachment) topAttachTS = $("#" + attachment); 4356 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 4357 } 4358 4359 function resizeAdjustmentTS() { 4360 const editing = isPageEditingTS(); 4361 4362 // Fixed top script 4363 (function () { 4364 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 4365 4366 if (editing) { 4367 fixedTopTS[0].classList.add(forceUnfixClassTS); 4368 } else { 4369 fixedTopTS[0].classList.remove(forceUnfixClassTS); 4370 } 4371 4372 const topPosition = fixedTopTS.css('position'); 4373 if (topPosition === 'fixed') { 4374 if (topAttachTS) { 4375 scrollAdjustmentTS(); 4376 } else { 4377 const anchorHeight = anchor.outerHeight() - 1; 4378 fixedTopTS.css('top', anchorHeight + initialTopTS); 4379 } 4380 } else { 4381 fixedTopTS.css('top', initialTopTS); 4382 } 4383 4384 if (topPosition === 'fixed' || topPosition === 'absolute') { 4385 // Bump the banner content down 4386 if (isTransparentTS(fixedTopTS)) { 4387 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 4388 outerSizingTS.css('padding-top', ''); 4389 4390 try { 4391 window.Pages.onResizeHandlersExecute(); 4392 } catch (e) { } 4393 } else { 4394 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 4395 innerSizingTS.css('padding-top', ''); 4396 } 4397 } else { 4398 innerSizingTS.css('padding-top', ''); 4399 outerSizingTS.css('padding-top', ''); 4400 } 4401 })(); 4402 4403 // Fixed bottom script 4404 (function () { 4405 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 4406 4407 // If the widget has gone narrow, force unfix 4408 if (editing || fixedBottomTS.outerHeight() > 200) { 4409 fixedBottomTS[0].classList.add(forceUnfixClassTS); 4410 } else { 4411 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 4412 } 4413 4414 if (fixedBottomTS.css('position') === 'fixed') { 4415 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 4416 } else { 4417 bodyContainerTS.css('padding-bottom', ''); 4418 } 4419 })(); 4420 4421 // Fixed left script 4422 (function () { 4423 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 4424 4425 if (editing) { 4426 fixedLeftTS[0].classList.add(forceUnfixClassTS); 4427 } else { 4428 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 4429 } 4430 4431 if (fixedLeftTS.css('position') === 'fixed') { 4432 const anchorHeight = anchor.outerHeight() - 1; 4433 fixedLeftTS.css('top', anchorHeight); 4434 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 4435 iterateLeftpads(function (containerTS) { 4436 const containerBoundingTS = containerTS.getBoundingClientRect(); 4437 if (containerBoundingTS.left <= leftBoundingTS.right) { 4438 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 4439 } 4440 }); 4441 } else { 4442 fixedLeftTS.css('top', ''); 4443 iterateLeftpads(function (containerTS) { 4444 $(containerTS).css('padding-left', ''); 4445 }); 4446 } 4447 })(); 4448 } 4449 4450 function scrollAdjustmentTS() { 4451 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 4452 const topPosition = fixedTopTS.css('position'); 4453 if (topPosition === 'fixed' || topPosition === 'absolute') { 4454 const anchorBounding = anchor[0].getBoundingClientRect();
4455 const attachBounding = topAttachTS[0].getBoundingClientRect(); 4456 const scrollTop = $(window).scrollTop(); 4457 4458 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 4459 } else { 4460 fixedTopTS.css('top', initialTopTS); 4461 } 4462 } 4463 4464 $(window).load(function () { 4465 setTimeout(function () { 4466 resizeAdjustmentTS(); 4467 }, 350); 4468 4469 $(window).scroll(function () { 4470 scrollAdjustmentTS(); 4471 }); 4472 4473 var adjustTimeoutTS; 4474 $(window).resize(function () { 4475 clearTimeout(adjustTimeoutTS); 4476 adjustTimeoutTS = setTimeout(function () { 4477 resizeAdjustmentTS(); 4478 }, 350); 4479 }); 4480 4481 $.when(window.Pages.angularToolbarComplete).done(function () { 4482 resizeAdjustmentTS(); 4483 }); 4484 }); 4485</script>
4485 4486<!-- End Fixed Nav Adjustment --> 4487 4488
4489<script async src="https://siteimproveanalytics.com/js/siteanalyze_6358000.js"></script>
4489 4490 4491 4492
4492<script type="text/javascript"> 4493 $(function () { 4494 document.cookie = "responsiveGhost=0; path=/"; 4495 }); 4496 $(window).on("load", function () { 4497 $('body').addClass('doneLoading').removeClass('hideContent'); 4498 4499 if ($('#404Content').length > 0) 4500 $('div#bodyWrapper').css('padding', '0px'); 4501 }); 4502 </script>
4502 4503 4504 <noscript> 4505 <style> 4506 body.hideContent { 4507 opacity: 1 !important; 4508 } 4509 </style> 4510 </noscript> 4511 4512 4513<div style="display: none;"> 4514 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 4515 4516 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 4517 <title>Arrow Left</title> 4518 <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> 4519 </symbol> 4520 4521 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 4522 <title>Arrow Right</title> 4523 <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> 4524 </symbol> 4525 4526 </svg> 4527</div> 4528
4528<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=League+Spartan:300,500,600,700,800,900,regular|Martel:200,300,600,700,800,900,regular|Raleway:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|');</script>
4528 4529 4530 4531 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 4532 <div style="display: none;"> 4533 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 4534 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 4535 <title>Slideshow Left Arrow</title> 4536 <g> 4537 <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> 4538 </g> 4539 </symbol> 4540 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 4541 <title>Slideshow Right Arrow</title> 4542 <g> 4543 <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> 4544 </g> 4545 </symbol> 4546 </svg> 4547 </div> 4548 4549 4550 4551 4552 <div id="root-picker-outlet"></div> 4553</body> 4554</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.