PageSourceSearch

https://www.cityofarcata.org/

html cityofarcata.org collected 2026-09-25 09:42:29 UTC 170,127 bytes, 4,554 lines download raw bytes

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 &amp; 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 &amp; 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 &amp; 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 &amp; 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&rsquo;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&amp;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&nbsp;</p>
3835</li>
3836<li class="InfoAdvanced widgetItem fr-view">
3837	<p>736 F Street&nbsp;</p>
3838</li>
3839<li class="InfoAdvanced widgetItem fr-view">
3840	<p>Arcata, CA 95521&nbsp;</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&reg;</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.