
<!DOCTYPE html>
<html lang="en">
<head>

	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<!-- Google Tag Manager for GA4 -->
				<script>(function(w,d,s,l,i){w.GAMeasurementID='G-PNL4TJ1LKY';w[l]=w[l]||[];w[l].push({'gtm.start':
				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
				'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
				})(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
				<!-- End Google Tag Manager for GA4 -->
				<script type='text/javascript'>
					var enableTelemetry = 'false'
					var aiConfig = {
					instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f'						
					}
					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://az416426.vo.msecnd.net/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);
					window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length;
					// Add telemetry initializer
					appInsights.queue.push(function() {
						appInsights.context.addTelemetryInitializer(function(envelope) {
							var telemetryItem = envelope.data.baseData;
							// To check the telemetry item’s type:
							if (!false)
							{
								//If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that
								if (envelope.name.indexOf('.Event') == -1)
									return false;
							}
						});
					});						
					appInsights.trackPageView();
				</script>
	<script>
		function populateAntiForgery(token) {
			var input = document.createElement("input");
			input.name = "__RequestVerificationToken";
			input.type = "hidden";
			input.value = token;
			var absPat = /^https?:\/\/|^\/\//i;
			var forms = document.getElementsByTagName("form");
			for (var i = 0; i < forms.length; i++) {
				if (forms[i].method == "post" &&
					!forms[i].querySelector('[name="__RequestVerificationToken"]') &&
					!absPat.test(forms[i].getAttribute("action"))) {
					forms[i].appendChild(input.cloneNode());
				}
			}
		}

		function getAntiForgeryToken(callback, error) {
			var xhr = new XMLHttpRequest();
			xhr.open("GET", "/antiforgery");
			xhr.addEventListener("load", function() {
				try {
					if (this.status !== 200) {
						throw Error("Invalid status. Could not retrieve antiforgery token.");
		}
					var obj = JSON.parse(this.responseText);
					callback(obj.token);
				} catch (e) {
					typeof error === "function" && error(e);
				}
			});
			xhr.send();
		}

		getAntiForgeryToken(function(token) {
			if (document.readyState === "complete"
				|| document.readyState === "loaded" 
				|| document.readyState === "interactive") {
				populateAntiForgery(token);
				return;
			}
			document.addEventListener("DOMContentLoaded", function() {
				populateAntiForgery(token);
			}, false);
		}, console.error);
			</script>
			

	<script type="text/javascript">
		window.departmentHeader = {};
		window.pageSectionTracker = {};
		window.isResponsiveEnabled = true;
		window.isRemoveSetHeights= false;
		if (window.isRemoveSetHeights) {
			document.documentElement.className += ' removeSetHeights';
		}
		window.mainMenuMediaQuery = 'screen and (max-width: 40em)';
		window.isMobileBrowserIncludingTablets = false;
		window.fixedResponsiveMenu = false;
		window.fullWidthResponsiveMenu = false;
		window.responsiveMenuHeight = '';
		window.responsiveMenuFontSize = '';
		(function () {
			window.setSizeCookie = function () {
				document.cookie = "dpi=" + window.devicePixelRatio + "; path=/";
				document.cookie = "viewportWidth=" + window.innerWidth + "; path=/";
				document.cookie = "viewportHeight=" + window.innerHeight + "; path=/";
				if (screen && screen.width && screen.height) {
					document.cookie = "screenWidth=" + screen.width + "; path=/";
					document.cookie = "screenHeight=" + screen.height + "; path=/";
				}
				document.cookie = "responsiveGhost=1; path=/";
			};

			setSizeCookie();
		}());
	</script>
		<meta name="viewport" content="width=device-width, initial-scale=1">
	
	
	
	<meta name="theme-color" content="#3a557c">
	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
		<title>Napa, CA • CivicEngage</title>

			<script src="/Assets/Scripts/jQuery/jquery-2.2.4.min.js"></script>
	<script src="/Assets/Scripts/jQuery/jQuery-migrate-1.4.1.js" type="text/javascript"></script>
	

	<!--[if IE 6]><script language="JavaScript" type="text/javascript"> var isie6 = true; </script><![endif]-->
	<!--[if IE 7]><script language="JavaScript" type="text/javascript"> var isie7 = true; </script><![endif]-->
	<!--[if IE 8]><script language="JavaScript" type="text/javascript"> var isie8 = true; </script><![endif]-->
	<!--[if IE 9]><script language="JavaScript" type="text/javascript"> var isie8 = true; </script><![endif]-->
	<script type="text/javascript"><!--
	var intCountryCode = 840;
	var externalSiteDialogHeight = '390px';
	var order = '';
//--></script>
	
	<link href="/214644591.css" rel="stylesheet" type="text/css" />	<link href="/-1305316461.css" rel="stylesheet" type="text/css" />

	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
	<script type="text/javascript">
		window.Pages = window.Pages || {};
		// FrontEnd RWD initialization
		window.Pages.rwdReady = $.Deferred();
		window.Pages.toolBarDeferred = $.Deferred();
		window.Pages.rwdSetupComplete = $.Deferred();
		window.Pages.megaMenuLoaded = $.Deferred();
		window.Pages.angularToolbarComplete = $.Deferred();
		window.Pages.frontEndToolbarComplete = $.Deferred();
	</script>
	

	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
		
	
	<link rel="stylesheet" href="/App_Themes/CP/nmenu.css" type="text/css">

    
	<!-- Dynamic Header Scripts -->
	
	<!--Reference Stylesheet-->
	
    
		<!--Dynamic Header Styles-->
	<style type="text/css">
	
	</style>
	
	
	



	<script src="/-1887970047.js" type="text/javascript"></script>
	
	

	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
	<!--[if lt IE 9]><script type="text/javascript" src="/Scripts/html5.js"></script><![endif]-->

	<script type="text/javascript">
		setEditorVariables(false, 840);
		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
	</script>
	<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
</head>
<body class="wide " >

	<script>jQuery(document).click(function (event) {
	var target = jQuery(event.target);
	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
		var text = target.attr('title');
		
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Image',
				eventAction: 'Image - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
		var text = "";
		if (target.parents('.button')[0]) {
			text = target.parents('.button').first().text();
		} else if (target.text().length) {
			text = target.text();
		} else if (target.attr('title').length) {
			text = target.attr('title');
		}
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Button',
				eventAction: 'Button - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.parents('.widgetCustomHtml').length) {
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Custom Html',
				eventAction: 'Custom Html Clicked',
				eventLabel: window.location.href
			});
	}
	if (target.parents('.editor').length) {
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Editor',
				eventAction: 'Editor Link Clicked',
				eventLabel: window.location.href
			});
	}
	if (target.parents('.GraphicLinks').length) {
		var text = "";
		var targetGraphicLink = target;
		if (target.hasClass('widgetGraphicLinksLink')) {
			targetGraphicLink = jQuery(target.children()[0]);
		}
		if (targetGraphicLink.hasClass('text')) {
			text = targetGraphicLink.text();
		} else if (targetGraphicLink.attr('src').length) {
			if (targetGraphicLink.attr('alt').length) {
				text = targetGraphicLink.attr('alt');
			} else {
				text = targetGraphicLink.attr('src');
			}
		} else {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Graphic Links',
				eventAction: 'Graphic Link - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.parents('.InfoAdvanced').length) {
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Info Advanced',
				eventAction: 'Info Advanced Clicked',
				eventLabel: window.location.href
			});
	}
	if (target.parents('.list').length) {
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'List',
				eventAction: 'List Clicked',
				eventLabel: window.location.href
			});
	}
	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
		var breadCrumbs = [];
		jQuery('.breadCrumbs > li').each(function () {
			 breadCrumbs.push(this.textContent);
		});
		var pageTitle = breadCrumbs.join('>');
		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
		var text = "";
		if (pageTitle) {
			text += pageTitle + " | ";
		} else {
			text += document.title + ' - ';
		}
		if (target.text() == "" && megaMenuText == "") {
			text += "N/A";
		} else if (target.text().length && megaMenuText.length) {
			if (megaMenuText == target.text()) {
				text += megaMenuText;
			} else {
				text += megaMenuText + " - " + subTitleText + " - " + target.text();
			}
		} else if (target.text() == "") {
			text += megaMenuText;
		} else {
			text += target.text();
		}
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Mega Menu',
				eventAction: 'Mega Menu : ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'News Flash',
				eventAction: 'News Flash - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
		var text = target.text();
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Quick Links',
				eventAction: 'Quick Links - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.attr('src') && target.parents('.cpSlideshow').length) {
		var text = target.attr('title');
		if (!text.length) {
			text = "N/A";
		}
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Slideshow',
				eventAction: 'Slideshow - ' + text,
				eventLabel: window.location.href
			});
	}
	if (target.parents('.widgetText').length) {
		ga('send',
			{
				hitType: 'event',
				eventCategory: 'Text',
				eventAction: 'Text Link Clicked',
				eventLabel: window.location.href
			});
	}
});</script>

	<div id="fb-root"></div>
<div id=skipToContentLinks>
<a href="#contentarea" target="_self" class="skipToContentLink">Skip to Main Content</a>
</div>
	<form id="frmReferenceFormForTelerikEditorDialogs"></form>

		<input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />



	<input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
	<input type="hidden" id="hdnStructureID" value="7" />
	<input type="hidden" id="hdnContentCollectionID" value="317f648a-ddcc-44e3-b340-9b56d0427476" />
	<input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
	<input type="hidden" id="hdnThemeID" value="35" />
	<input type="hidden" id="pageIsFrontEnd" value="true" />
	<input type="hidden" id="pageModuleID" value="91" />
	<input type="hidden" id="pagePageID" />

		<input type="hidden" id="hdnModuleID" value="91" />
			<img id="imgLogoPrintPreview" src="/ImageRepository/Document?documentID=9597" alt="Napa, CA" />
	<div id="stickyPlaceholder"></div>
	<div id="outer-wrap" class="outer-wrap">
		<div id="inner-wrap" class="inner-wrap">
				<div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
					



				</div>
			<div id="bodyWrapper">
				<div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
				
<div data-cpRole="structuralContainer" id="bodyContainerTS">
<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS">
<div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">




				<a id="bannerLogoTS-141" style="			display: block; text-align: center;
" class="bannerObject" href="/" target="_self"><img alt="Home page" class="bannerObject" height="154" src="/ImageRepository/Document?documentID=9599" width="109" /></a>
</div><div data-cpRole="contentContainer" id="searchTS">	<div id="cc6d36675f-f3f7-4d53-9ad3-43e83cb748c5" data-containerid="6d36675f-f3f7-4d53-9ad3-43e83cb748c5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
				                

		<div class="row outer wide"><!--
--><div class="outer col col24 first last" style="" data-widgetcontainerid="8dc880c9-9787-43fc-8c9c-23b2b4e4a1c6">				
	<div class="row nest first last wide">
	
	<div class="inner col col24 first last idd1240330-6f66-481e-a609-dc296987eab9" style="" data-widgetcontainerid="d1240330-6f66-481e-a609-dc296987eab9">	
<div data-widget-id="3354b727-cd33-4b87-9825-5190faf86ae1" data-widget-controller-path="/Layout/WidgetSearch">
	
	<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.js"></script>
	<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
	<script defer type="text/javascript">

		$(document).ready(function () {
			try {
				$(".widgetSearchButton.widgetSearchButton3354b727-cd33-4b87-9825-5190faf86ae1").click(function (e) {
				e.preventDefault();
					if (false||$("#ysnSearchOnlyDept3354b727-cd33-4b87-9825-5190faf86ae1").is(':checked'))
					{
						doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0));
					}
					else {
						doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0);
					}
			});
			$("#searchField3354b727-cd33-4b87-9825-5190faf86ae1").keypress(function (e) {
				if (window.clipboardData) {
					if (e.keyCode === 13) {
						if ($("#ysnSearchOnlyDept3354b727-cd33-4b87-9825-5190faf86ae1").is(':checked') || false) {
								doWidgetSearch($(this).val(), Number(0));
							} else {
								doWidgetSearch($(this).val(), 0);
							}
						return false;
					}
				} else {
					if (e.which === 13) {
						if ($("#ysnSearchOnlyDept3354b727-cd33-4b87-9825-5190faf86ae1").is(':checked') || false) {
								doWidgetSearch($(this).val(), Number(0));
							} else {
								doWidgetSearch($(this).val(), 0);
							}
						return false;
					}
				}
				return true;
			});

				if (true) {
					var currentRequest = null;
					var $searchField = $("#searchField3354b727-cd33-4b87-9825-5190faf86ae1").autocomplete({
						source: function (request, response) {
							currentRequest = $.ajax({
								url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept3354b727-cd33-4b87-9825-5190faf86ae1").is(':checked') || false? '?departmentId=0' : ''),
								dataType: "json",
								timeout: 10000,
								beforeSend: function () {
									if (currentRequest != null) {
										currentRequest.abort();
									}
								},
								data:
								{
									term: request.term,
								},
								success: function (data) {
									response(data);
									$('.autoCompleteError').remove();
								},
								error: function (xmlhttprequest, textstatus, message) {
									if (textstatus === "timeout") {
										if ($("#searchField3354b727-cd33-4b87-9825-5190faf86ae1").siblings('.autoCompleteError').length == 0)
											$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField3354b727-cd33-4b87-9825-5190faf86ae1"));
									}
								}
							});
						},
						html: true,
						delay: 500,
						select: function (event, ui) {
							$(this).val(ui.item.value);
							$(this).next().click();
						}
					});

					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
						return $("<li class=\"itemList\"></li>")
							.data("ui-autocomplete-item", item)
							.append("<a>" + item.label + "</a>")
							.appendTo(ul);
					};
}
}
			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.
		});
	</script>

	<section id="widgetPreviewSearch" class="widget widgetSearch skin62 widgetOptionSet35" style="display: block;" aria-label="Search">
				<!-- For the button right and inside -->
		<div class="widgetBody buttonRightInside">
			<input class="widgetSearchBox widgetSearchBox3354b727-cd33-4b87-9825-5190faf86ae1" cp5ph="true" id="searchField3354b727-cd33-4b87-9825-5190faf86ae1" name="searchField" onchange="searchBtnApplyQuery();" placeholder="How Can We Help?" title="How Can We Help?" type="text" value="" />
						<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton3354b727-cd33-4b87-9825-5190faf86ae1" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=9605" data-image="/ImageRepository/Document?documentID=9604" src="/ImageRepository/Document?documentID=9604" /></a>

			<label class="searchLabel" for="searchField3354b727-cd33-4b87-9825-5190faf86ae1">Search</label>
		</div>

	</section>


<style scoped>
	  
		.widgetSearch ::-webkit-input-placeholder {
		color: #FFFFFF;
	  }
		.widgetSearch :-moz-placeholder { /* Firefox 18- */
	   color: #FFFFFF;
	}
		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
	   color: #FFFFFF;
	}
	.widgetSearch :-ms-input-placeholder {
	   color: #FFFFFF;
	}
	

	.widgetSearch .widgetBody .widgetSearchBox3354b727-cd33-4b87-9825-5190faf86ae1
	{
		color: #FFFFFF;
		background: #3A557C; border: 2px solid #548CC2; border-radius: 30px; height: 54px; font-family: Open Sans; font-weight: 600; font-size: 0.9em; padding: 0 70px 0 20px;
	}
	.widgetSearch .widgetBody .widgetSearchButton3354b727-cd33-4b87-9825-5190faf86ae1
	{
		margin: 7px 7px 0 0;
	}
	.widgetSearch .widgetSearch-onlyDept3354b727-cd33-4b87-9825-5190faf86ae1
	{
		display: inline-block;
		color: #333;
		
		
		 padding-top: 10px;
	}
	#ysnSearchOnlyDept3354b727-cd33-4b87-9825-5190faf86ae1
	{
		position: relative;
		top: .125em;
	}

</style>

<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.css">
<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.theme.min.css">



<script type="text/javascript">
	//Updates search icons href to have the correct queryString
	function searchBtnApplyQuery() {
		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField3354b727-cd33-4b87-9825-5190faf86ae1").value;
	}
	</script>

</div>
	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!--		--></div> <!-- outer row -->


	</div>
</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!--
			--><!--
			--> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1" href="/27/Government" target = "_self" >   Government </a>			<!--
			--><!--
			--></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!--
			--><!--
			--> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavServices" class="navMainItem mainNavItem mainNavItem2" href="/101/Services" target = "_self" >   Services </a>			<!--
			--><!--
			--></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!--
			--><!--
			--> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavResidents" class="navMainItem mainNavItem mainNavItem3" href="/31/Residents" target = "_self" >   Residents </a>			<!--
			--><!--
			--></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!--
			--><!--
			--> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavBusiness" class="navMainItem mainNavItem mainNavItem4" href="/35/Business" target = "_self" >   Business </a>			<!--
			--><!--
			--></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!--
			--><!--
			--> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem5" href="/9/How-Do-I" target = "_self" >   How Do I... </a>			<!--
			--><!--
			--></li><!---->
</ol>


	<script type="text/javascript">
		document.addEventListener('DOMContentLoaded',function () {
					var menuID = 'mainNavMenu';
					var menuType = MAIN_MENU;

					//setup menu manager properties for main menu
					if (!menuManager.mobileMainNav && true)
						menuManager.adjustMainItemsWidth('#' + menuID);
					menuManager.isMainMenuEditable = false;
					menuManager.mainMenuMaxSubMenuLevels = 4;
					menuManager.setMOMMode(2, menuType);

					//Init main menu
					var setupDraggable = menuManager.isMainMenuEditable;
					var urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=91&themeID=35&menuContainerID=mainNav';

					menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
					menuManager.mainMenuInit = true;
					menuManager.mainMenuTextResizer = true;
					if (1.00 > 0)
						menuManager.mainMenuTextResizerRatio = 1.00;
					if (window.isResponsiveEnabled)
						menuManager.mainMenuReady.resolve();

		});
	</script>


<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="0"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal">	<div id="cc9c11b5b1-4d6b-44d6-bfa3-6a34c200800f" data-containerid="9c11b5b1-4d6b-44d6-bfa3-6a34c200800f" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal">	<div id="cc156c0dc2-4f3a-4e22-a7f8-eed9fad1b3c9" data-containerid="156c0dc2-4f3a-4e22-a7f8-eed9fad1b3c9" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal">	<div id="cc0c41efa7-d716-4c01-8c35-71f198cc1e73" data-containerid="0c41efa7-d716-4c01-8c35-71f198cc1e73" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal">	<div id="ccd481556d-b122-4edf-9dd8-a50f829b6d93" data-containerid="d481556d-b122-4edf-9dd8-a50f829b6d93" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal">	<div id="cc451f9aee-9be6-4b5a-a444-46ee7c63fc01" data-containerid="451f9aee-9be6-4b5a-a444-46ee7c63fc01" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</aside></aside></nav></div>
</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS">
<div data-cpRole="structuralContainer" id="bannerSearchTS">
<div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS">	<div id="ccc1afa2fa-2476-4e89-b33c-32e6eca84207" data-containerid="c1afa2fa-2476-4e89-b33c-32e6eca84207" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</div></div>
</div>
</div>




		<div id="bannerImagesJSON140" class="hidden"></div>
		<div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none">
			<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>
			<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>
		</div>
			<script type="text/javascript">
				$(window).on("load", function () {
					$.when(window.Pages.rwdSetupComplete)
						.done(function () {
							renderExternalBannerSlideshow('banner1',
								{"BannerOptionID":140,"ThemeID":35,"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":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":234,"BannerOptionID":140,"FileName":"/ImageRepository/Document?documentID=9602","Height":218,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135568000000)\/","AltText":""},{"BannerImageID":235,"BannerOptionID":140,"FileName":"/ImageRepository/Document?documentID=9601","Height":218,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135568000000)\/","AltText":""},{"BannerImageID":236,"BannerOptionID":140,"FileName":"/ImageRepository/Document?documentID=9600","Height":218,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135568000000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":7,"BannerOptionID":140,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202204080932593698.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135568000000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135568000000)\/"},
								'/App_Themes/Interior/Images/',
								'Rotating');
						});
				});
			</script>

</div>
</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">		<ol class="semanticList breadCrumbs">
			<li><a class="breadCrumb" href="/">Home</a></li><li>Custom404</li>
		</ol>

	   
    
</div>
<div data-cpRole="mainContentContainer" id="moduleContent">

<div id="ctl00_ctl00_MainContent_BodyWrapper">
	
	<script type="text/javascript"><!--
	var isie6 = false, isie7 = false, isie6or7 = false;
	var intCountryCode = 840;

	function setUrlLength(editor) {
		//Toggle Image Context Menu Items
		setMenuItems(editor);
		//setContentBackgroundColor(editor);
		removeIEParagraphs(editor);
	}
	function setUrlLengthAndToolToggle(editor) {
		var minToolsGroups = 2; // Number of MinimumSetOfTools tools groups.
		
		// Hide the MinimumSetOfTools on load.
		var toolbar = editor.get_toolContainer(); // Get toolbar container.
		var toolgroups = toolbar.getElementsByTagName("UL"); // Get all toolgroups containers.
		
		for (var i = toolgroups.length - 1; i >= minToolsGroups; i--)			toolgroups[i].style.display = "none";
		
		if (editor.isIE) {
			var elem = editor.get_element();
			elem.style.height = "430px";
 			elem.style.minHeight = "430px";
		}
		
		// Toggle Image Context Menu Items.
		setMenuItems(editor);
		//setContentBackgroundColor(editor);
		removeIEParagraphs(editor);
	}
//--></script><!--[if IE 6]><script type="text/javascript">isie6 = true; isie6or7 = true;</script><![endif]-->
<!--[if IE 7]><script type="text/javascript">isie7 = true; isie6or7 = true;</script><![endif]-->

	

	<form name="aspnetForm" method="post" action="./Custom404?ErrorID=f08d8072-324b-4dd0-a88f-fb299a0524f0" id="aspnetForm" style="display:inline;" onsubmit="return headerValidationCallback();" enctype="multipart/form-data" autocomplete="off">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="A5Omj2fWy4n/00opUhxm7NwEA/DfgxqOONCov95P7bR2mskknDiUt1FdPjw7NRnd16qbgOMZd/OQuV76mf4xWUl8xTwEvadv6Sf5l2x96r6zNWFVaOnmbJfQ7pdCnRaJ" />


<script src="/ScriptResource.axd?d=kB9kqJ8G5bbVUkLIbkM_oWnWnbqKfmnijNvsGOdktAJN6X3E4IB1Ohim-XfL1bXqyhvHpFA6calISmsC9Do0K1jLgqaX5q7C12oYcoh4sn7Rb0pnPcc8nqSRG7UU7_90wNYn3HODMfqBMb-_fPUnBOi0lNqIP-V5iT54maOgYENrXw1cY5S_BKzgEKHC0oaJ0c8919qI0FCmCP3OGvShdDSMG4Ugcx-gfnVT0scxcMGBbz99a6uiw_3nP-VsLsbWwdhtEpb7o0k09629luJjVJub_8Rxcey54Z4TXug-4PjZv-2tKlkixzjql8wiTe4mP9VgLO1pXyY20BKVwpRkD8OErQCEy_Ncn6XLVZRKhBUKaUh-qSShvq5dwhcOEfDuDbOk8K0LNIDT19SrfEiL3OEOre_183ge7-WreFhCnLbba8t7J3g_GxHH8h6_tiPN_-sv0gX-93CSvG6Zro_ES91NsNKn1vvoKHK9qmyw1MAU91rxqlCtoXJAtqpKcMih1HIupSwbnYeMdZ6WQIxsvNNHhpfuoMjaur6u0VrYAmtJYIAA2XtF1-Rsw64yk136yplYJFNKndmGvYDrPOdAWr62DbwZfVZ0k-dKZ9uE56dzOQRCS5g5PTU62iFnnXQeQqWDKMBuATfJcBvKIZDkIrS0ohTWuIz-eq7xXKyWjASPArtOIPELf8w9wDA7qDwkPgnLpAGgAzXAwtqw7bD5dGnOSIW6N8GqF8FNjXdMlF_GdxSUMh_T6pAa_T_pstGGOpVUyg36NnlrD6f1VhWq9bzb05Ix0kPiXJcxFHrAF3BqLEHInjYE9CXuhVA_tCSbNS-teTycuhdXs3AZmB5iHvpvdvtAzKYttSC4rR39Ip01" type="text/javascript"></script>
<input type="hidden" name="__VIEWSTATEGENERATOR" id="__VIEWSTATEGENERATOR" value="AB827D4F" />
		<!--for archiving purpose-->
		<input name="ysnNotifyMe" type="hidden">
		<input name="strPage" type="hidden">
		<input name="intArchMainCatID" type="hidden">
		<input name="intArchMainItemID" type="hidden">
		 
		<script type="text/javascript">
			Sys.WebForms.PageRequestManager.getInstance().add_beginRequest(beginRequest);
			Sys.WebForms.PageRequestManager.getInstance().add_pageLoaded(pageLoaded);
		</script>
		
		<div id="modulecontent" name="modulecontent.aspx" style="padding-top: 0px;">
<div id="contentarea" ></div>

<!-- START - Body Content -->
<div style="margin: 30px;">	<h3>An error has occurred.</h3>
	<table summary="Error information" cellpadding="3">
		<tr>
			<td colspan="2">
				An error has occurred in this application. All information about this error has been logged. We apologize for any inconvenience.
			</td>
		</tr>
		<tr>
			<td colspan="2">Please use this number to reference this error:&nbsp;&nbsp;<strong>f08d8072-324b-4dd0-a88f-fb299a0524f0</strong></td>
		</tr>
		<tr>
			<td>&nbsp;</td>
		</tr>
	</table><br>
	<div style="margin: 0px auto; text-align: center;">
		<a href="/index.aspx">Return to HOME page.</a>
	</div>
</div>
<!-- END - Body Content -->
</div>
<script type="text/javascript">order+='ModuleContent\n'</script>

		<div id="ctl00_ctl00_MainContent_ctl00_liveEditPopupWindow" class="modalContainer modalContainerCP" style="display: none;">
	<div id="ctl00_liveEditTitleBar" class="modalTitleLeft"><h3 id="ctl00_LiveEditModalTitle" class="modalTitle">Live Edit</h3><a id="ctl00_LiveEditCloseButton" class="modalClose" aria-label="Close this modal" href="/" title="Close this window"><svg viewBox='0 0 25 25' id='modalIconClose'><polygon style='fill:currentcolor' 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></svg></a></div><div id="ctl00_liveEditContentLeft" class="modalContentLeft"><div id="ctl00_liveEditContentRight" class="modalContentRight"><div id="ctl00_liveEditContent" class="modalContent"><iframe style="display: none; border: none;" src="about:blank" id="liveEditDialog" title="Live Edit Dialog" name="liveEditDialog"></iframe></div></div></div><div id="ctl00_liveEditFooter" class="modalBottomLeft"><div id="ctl00_liveEditfooterbar" class="modalBottomRight"><div id="ctl00_liveEditfooterbar1" class="modalBottom"></div></div></div>
</div><input type="submit" name="ctl00$ctl00$MainContent$ctl00_liveEditSpawnWindow" value="" id="ctl00_ctl00_MainContent_ctl00_liveEditSpawnWindow" disabled="disabled" aria-hidden="true" style="display: none;" />
	

<script type="text/javascript">
//<![CDATA[
Sys.Application.add_init(function() {
    $create(AjaxControlToolkit.ModalPopupBehavior, {"BackgroundCssClass":"modalBackground","CancelControlID":"ctl00_LiveEditCloseButton","PopupControlID":"ctl00_ctl00_MainContent_ctl00_liveEditPopupWindow","PopupDragHandleControlID":"ctl00_liveEditTitleBar","dynamicServicePath":"/Error.aspx","id":"editItemBehavior"}, null, null, $get("ctl00_ctl00_MainContent_ctl00_liveEditSpawnWindow"));
});
//]]>
</script>
</form>
	<form id="aspnetSearchForm" name="aspnetSearchForm" style="display:none;" action="/Search.aspx" method="get">
		<input name="SearchString" type = "hidden" value ="" />
	</form>
	
	<form action="/error.aspx?ErrorID=f08d8072-324b-4dd0-a88f-fb299a0524f0" name="frmError" method="POST"><input type="hidden" name="name"><input type="hidden" name="email"><input type="hidden" name="comments"><input type="hidden" name="CustRef" value="f08d8072-324b-4dd0-a88f-fb299a0524f0"><input type="hidden" name="post" value="Post"><style type="text/css">
	.FormCaptcha {
		visibility: hidden;
		display: block;
		margin: 0px;
		width: 0.1px;
		height: 0.1px;
		overflow: hidden;
		*height: 1px;
		*font-size: 1px;
	}
</style>
<div class="FormCaptcha">
	&#x4c;&#x65;<!--15a&#x0;-->av&#x65; T<!--his-->his Bl&#x61;<!--3fa-->nk: <input name="e_1" type="text" value="" aria-hidden="true">
	<input name="e_captcha" type="hidden" value="403402"><br><br>
</div>
<script type="text/javascript"><!--
	function clearHidden(f) {
		f.e_1.value = '';
	}
//--></script></form>
<script type="text/javascript"><!--
   function submitError(ev) {
		if(document.aspnetForm.email.value + '' != ''){
			if(!emailValidate(document.aspnetForm.email.value)){
				alert('Email address does not appear to be valid.  Please check what you have entered.');
				document.aspnetForm.email.focus();
				return false;
			}
		}
       document.frmError.name.value = document.aspnetForm.name.value;
       document.frmError.email.value = document.aspnetForm.email.value;
       document.frmError.comments.value = document.aspnetForm.comments.value;
       document.frmError.submit();
   }
//--></script>

	
	</div>
	 
</div>	

</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent">	<div id="ccc31b3029-f34f-4af8-8258-e21590ba09ec" data-containerid="c31b3029-f34f-4af8-8258-e21590ba09ec" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</aside>
</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar">
<aside data-cpRole="contentContainer" id="sidebarContainer1TS">	<div id="cc1c9d6866-3208-450b-b424-d272182e4a0e" data-containerid="1c9d6866-3208-450b-b424-d272182e4a0e" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav">







	<script type="text/javascript">
		window.addEventListener('load', function () {
			//setup menu manager properties for secondary menu
			menuManager.isSideMenuEditable = false;
			menuManager.sideMenuMaxSubMenuLevels = 4;
			menuManager.sideMenuHasCustomLinks = true;
		});
	</script>

	<script type="text/javascript">
		window.addEventListener('load', function () {
			$('*[id^="SideItem"]').each(function () {
				var ids = $('[id="' + this.id + '"]');
				if (ids.length > 1)
					$.each(ids, function (index, value) {
						value.id = value.id + '_' + index;
					});
			});

			$('.hasAccordionChildren .openAccordionNav').click(function (e) {
				e.preventDefault();
				showHideAccordionMenuForSecondaryNav($(this));
			});

			$("#secondaryNav .grippy").each(function () {
				menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav');
			});

			$("#secondaryNav li").each(function () {
				menuManager.setupDroppableAccordionElement($(this), SIDE_MENU);
			});
		});
	</script>



</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS">	<div id="cca6ecb916-d052-4435-989d-5cf17dcc6b06" data-containerid="a6ecb916-d052-4435-989d-5cf17dcc6b06" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</aside>
</div>
</div></div>
</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS">	<div id="cc145b22d8-f49f-49c5-a1ae-2b5b4481a317" data-containerid="145b22d8-f49f-49c5-a1ae-2b5b4481a317" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35">
				                

		<div class="row outer wide"><!--
--><div class="outer col col8 first" style="" data-widgetcontainerid="ab37e0b9-3be1-4026-8f18-b329c130de2a">				
	<div class="row nest first last wide">
	
	<div class="inner col col8 first last id01f92ccd-f2e9-4c94-9232-9e0c9a754ea8" style="" data-widgetcontainerid="01f92ccd-f2e9-4c94-9232-9e0c9a754ea8">	
<div data-widget-id="9d7d1c2e-ed73-4189-9478-be022b551abb" data-widget-controller-path="/GraphicLinks/Widget">




<div id="graphicLinkWidget9d7d1c2e-ed73-4189-9478-be022b551abb" class="widget widgetGraphicLinks skin64 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
	<div class="widgetHeader">
		<div class="">
				</div>
	</div>
	<div class="widgetBody cpGrid cpGrid2 ">	
			<div class="row   wide"><!--
--><div class="col col1 first "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="https://napacity.legistar.com/calendar.aspx" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton619 " >
		<span>
			<span><span class="text">Agendas &amp; Minutes</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton619.fancyButton:link,.fancyButton619.fancyButton:visited, .fancyButton619div.fancyButton{
	background-image: url('/ImageRepository/Document?documentID=9618');
	background-repeat: no-repeat;
	background-position: center 5px ;
background-size: 80px;
transition: all .2s ease-in-out;}
.fancyButton619.fancyButton:hover,.fancyButton619.fancyButton:focus,.fancyButton619.fancyButton:active,.fancyButton619.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: center top;
background-size: 90px;}
.fancyButton619.fancyButton:link > span,.fancyButton619.fancyButton:visited > span, .fancyButton619div.fancyButton > span{
}
.fancyButton619.fancyButton:hover > span,.fancyButton619.fancyButton:focus > span,.fancyButton619.fancyButton:active > span,.fancyButton619.fancyButton.hover > span{
}
.fancyButton619.fancyButton .text{
	color: #1d1a18;
	font-size: 1em;
	font-family: "Open Sans";
	padding-top: 95px;
	font-weight: 600;
	text-decoration: none;
	padding-top: 95px;
	background-image: url('/ImageRepository/Document?documentID=9617');
	background-repeat: no-repeat;
	background-position: center 25px ;
background-size: 40px;
transition: all .2s ease-in-out;

}
.fancyButton619.fancyButton:hover .text,.fancyButton619.fancyButton:focus .text,.fancyButton619.fancyButton:active .text,.fancyButton619.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: center 22px ;
background-size: 50px;
}
</style>

 </div><!--
--></div></div><!----><div class="col col1  last"><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="/249/water-bills" target="_self" class="fancyButton fancyButton625 " >
		<span>
			<span><span class="text">Pay Your Water Bill Online</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton625.fancyButton:link,.fancyButton625.fancyButton:visited, .fancyButton625div.fancyButton{
	background-image: url('/ImageRepository/Document?documentID=9619');
	background-repeat: no-repeat;
	background-position: center 5px ;
background-size: 80px;
transition: all .2s ease-in-out;}
.fancyButton625.fancyButton:hover,.fancyButton625.fancyButton:focus,.fancyButton625.fancyButton:active,.fancyButton625.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: center top;
background-size: 90px;}
.fancyButton625.fancyButton:link > span,.fancyButton625.fancyButton:visited > span, .fancyButton625div.fancyButton > span{
}
.fancyButton625.fancyButton:hover > span,.fancyButton625.fancyButton:focus > span,.fancyButton625.fancyButton:active > span,.fancyButton625.fancyButton.hover > span{
}
.fancyButton625.fancyButton .text{
	color: #1d1a18;
	font-size: 1em;
	font-family: "Open Sans";
	padding-top: 95px;
	font-weight: 600;
	text-decoration: none;
	padding-top: 95px;
	background-image: url('/ImageRepository/Document?documentID=9625');
	background-repeat: no-repeat;
	background-position: center 25px ;
background-size: 40px;
transition: all .2s ease-in-out;

}
.fancyButton625.fancyButton:hover .text,.fancyButton625.fancyButton:focus .text,.fancyButton625.fancyButton:active .text,.fancyButton625.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: center 22px ;
background-size: 50px;
}
</style>

 </div><!--
--></div></div><!--			--></div>
	</div>
	<div class="widgetFooter">
			</div>
</div>

</div>
	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="58514a2f-c946-4fdd-92ea-c089ed1e2632">				
	<div class="row nest first last wide">
	
	<div class="inner col col8 first last id0031425d-72cd-4972-ba13-e35759a2be8e" style="" data-widgetcontainerid="0031425d-72cd-4972-ba13-e35759a2be8e">	
<div data-widget-id="0be8b100-c669-4a5f-91f1-58a85793b24f" data-widget-controller-path="/GraphicLinks/Widget">




<div id="graphicLinkWidget0be8b100-c669-4a5f-91f1-58a85793b24f" class="widget widgetGraphicLinks skin64 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
	<div class="widgetHeader">
		<div class="">
				</div>
	</div>
	<div class="widgetBody cpGrid cpGrid2 ">	
			<div class="row   wide"><!--
--><div class="col col1 first "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="https://www.governmentjobs.com/careers/napacity" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="fancyButton fancyButton626 " >
		<span>
			<span><span class="text">Employment</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton626.fancyButton:link,.fancyButton626.fancyButton:visited, .fancyButton626div.fancyButton{
	background-image: url('/ImageRepository/Document?documentID=9621');
	background-repeat: no-repeat;
	background-position: center 5px ;
background-size: 80px;
transition: all .2s ease-in-out;}
.fancyButton626.fancyButton:hover,.fancyButton626.fancyButton:focus,.fancyButton626.fancyButton:active,.fancyButton626.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: center top;
background-size: 90px;}
.fancyButton626.fancyButton:link > span,.fancyButton626.fancyButton:visited > span, .fancyButton626div.fancyButton > span{
}
.fancyButton626.fancyButton:hover > span,.fancyButton626.fancyButton:focus > span,.fancyButton626.fancyButton:active > span,.fancyButton626.fancyButton.hover > span{
}
.fancyButton626.fancyButton .text{
	color: #1d1a18;
	font-size: 1em;
	font-family: "Open Sans";
	padding-top: 95px;
	font-weight: 600;
	text-decoration: none;
	padding-top: 95px;
	background-image: url('/ImageRepository/Document?documentID=9620');
	background-repeat: no-repeat;
	background-position: center 25px ;
background-size: 40px;
transition: all .2s ease-in-out;

}
.fancyButton626.fancyButton:hover .text,.fancyButton626.fancyButton:focus .text,.fancyButton626.fancyButton:active .text,.fancyButton626.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: center 22px ;
background-size: 50px;
}
</style>

 </div><!--
--></div></div><!----><div class="col col1  last"><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="/274/Permits-Licenses" target="_self" class="fancyButton fancyButton627 " >
		<span>
			<span><span class="text">Permits &amp; Licenses</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton627.fancyButton:link,.fancyButton627.fancyButton:visited, .fancyButton627div.fancyButton{
	background-image: url('/ImageRepository/Document?documentID=9618');
	background-repeat: no-repeat;
	background-position: center 5px ;
background-size: 80px;
transition: all .2s ease-in-out;}
.fancyButton627.fancyButton:hover,.fancyButton627.fancyButton:focus,.fancyButton627.fancyButton:active,.fancyButton627.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: center top;
background-size: 90px;}
.fancyButton627.fancyButton:link > span,.fancyButton627.fancyButton:visited > span, .fancyButton627div.fancyButton > span{
}
.fancyButton627.fancyButton:hover > span,.fancyButton627.fancyButton:focus > span,.fancyButton627.fancyButton:active > span,.fancyButton627.fancyButton.hover > span{
}
.fancyButton627.fancyButton .text{
	color: #1d1a18;
	font-size: 1em;
	font-family: "Open Sans";
	padding-top: 95px;
	font-weight: 600;
	text-decoration: none;
	padding-top: 95px;
	background-image: url('/ImageRepository/Document?documentID=9622');
	background-repeat: no-repeat;
	background-position: center 25px ;
background-size: 40px;
transition: all .2s ease-in-out;

}
.fancyButton627.fancyButton:hover .text,.fancyButton627.fancyButton:focus .text,.fancyButton627.fancyButton:active .text,.fancyButton627.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: center 22px ;
background-size: 50px;
}
</style>

 </div><!--
--></div></div><!--			--></div>
	</div>
	<div class="widgetFooter">
			</div>
</div>

</div>
	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="d078c309-62af-4889-9864-96c4e8f6d8df">				
	<div class="row nest first last wide">
	
	<div class="inner col col8 first last idde5f044e-0137-4bfa-a007-11ef6448cc78" style="" data-widgetcontainerid="de5f044e-0137-4bfa-a007-11ef6448cc78">	
<div data-widget-id="45e32643-9983-4bd6-8275-ed1f1bb3ffcf" data-widget-controller-path="/GraphicLinks/Widget">




<div id="graphicLinkWidget45e32643-9983-4bd6-8275-ed1f1bb3ffcf" class="widget widgetGraphicLinks skin64 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
	<div class="widgetHeader">
		<div class="">
				</div>
	</div>
	<div class="widgetBody cpGrid cpGrid2 ">	
			<div class="row   wide"><!--
--><div class="col col1 first "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="/354/parks-recreation-services" target="_self" class="fancyButton fancyButton628 " >
		<span>
			<span><span class="text">Recreation Activities</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton628.fancyButton:link,.fancyButton628.fancyButton:visited, .fancyButton628div.fancyButton{
	background-image: url('/ImageRepository/Document?documentID=9619');
	background-repeat: no-repeat;
	background-position: center 5px ;
background-size: 80px;
transition: all .2s ease-in-out;}
.fancyButton628.fancyButton:hover,.fancyButton628.fancyButton:focus,.fancyButton628.fancyButton:active,.fancyButton628.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: center top;
background-size: 90px;}
.fancyButton628.fancyButton:link > span,.fancyButton628.fancyButton:visited > span, .fancyButton628div.fancyButton > span{
}
.fancyButton628.fancyButton:hover > span,.fancyButton628.fancyButton:focus > span,.fancyButton628.fancyButton:active > span,.fancyButton628.fancyButton.hover > span{
}
.fancyButton628.fancyButton .text{
	color: #1d1a18;
	font-size: 1em;
	font-family: "Open Sans";
	padding-top: 95px;
	font-weight: 600;
	text-decoration: none;
	padding-top: 95px;
	background-image: url('/ImageRepository/Document?documentID=9623');
	background-repeat: no-repeat;
	background-position: center 25px ;
background-size: 40px;
transition: all .2s ease-in-out;

}
.fancyButton628.fancyButton:hover .text,.fancyButton628.fancyButton:focus .text,.fancyButton628.fancyButton:active .text,.fancyButton628.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: center 22px ;
background-size: 50px;
}
</style>

 </div><!--
--></div></div><!----><div class="col col1  last"><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="https://www.cityofnapa.org/277/Service-Center" target="_self" class="fancyButton fancyButton629 " >
		<span>
			<span><span class="text">Report a Problem</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton629.fancyButton:link,.fancyButton629.fancyButton:visited, .fancyButton629div.fancyButton{
	background-image: url('/ImageRepository/Document?documentID=9621');
	background-repeat: no-repeat;
	background-position: center 5px ;
background-size: 80px;
transition: all .2s ease-in-out;}
.fancyButton629.fancyButton:hover,.fancyButton629.fancyButton:focus,.fancyButton629.fancyButton:active,.fancyButton629.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: center top;
background-size: 90px;}
.fancyButton629.fancyButton:link > span,.fancyButton629.fancyButton:visited > span, .fancyButton629div.fancyButton > span{
}
.fancyButton629.fancyButton:hover > span,.fancyButton629.fancyButton:focus > span,.fancyButton629.fancyButton:active > span,.fancyButton629.fancyButton.hover > span{
}
.fancyButton629.fancyButton .text{
	color: #1d1a18;
	font-size: 1em;
	font-family: "Open Sans";
	padding-top: 95px;
	font-weight: 600;
	text-decoration: none;
	padding-top: 95px;
	background-image: url('/ImageRepository/Document?documentID=9624');
	background-repeat: no-repeat;
	background-position: center 25px ;
background-size: 40px;
transition: all .2s ease-in-out;

}
.fancyButton629.fancyButton:hover .text,.fancyButton629.fancyButton:focus .text,.fancyButton629.fancyButton:active .text,.fancyButton629.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;
	background-position: center 22px ;
background-size: 50px;
}
</style>

 </div><!--
--></div></div><!--			--></div>
	</div>
	<div class="widgetFooter">
			</div>
</div>

</div>
	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!--		--></div> <!-- outer row -->


	</div>
</div></div>
</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"><div class="inner">
<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS">	<div id="cce8fb9440-2e6b-4444-8c07-3557791e1c6d" data-containerid="e8fb9440-2e6b-4444-8c07-3557791e1c6d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="55">
				                

		<div class="row outer wide"><!--
--><div class="outer col col8 first" style="" data-widgetcontainerid="17c9ac6b-ff73-4c65-844f-ec63b57ca640">				
	<div class="row nest first last wide">
	
	<div class="inner col col8 first last idccdc1b91-aa7f-40a4-8734-cf2cb9f2770e" style="" data-widgetcontainerid="ccdc1b91-aa7f-40a4-8734-cf2cb9f2770e">	
    <div data-widget-id="1c523b54-73ed-4e46-bd33-5a561711a460" data-widget-controller-path="/InfoAdvanced/Widget">





	<section id="divInfoAdv1c523b54-73ed-4e46-bd33-5a561711a460" class="widget widgetInfoAdvanced skin65 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header1c523b54-73ed-4e46-bd33-5a561711a460">
			<header class="widgetHeader" id="header1c523b54-73ed-4e46-bd33-5a561711a460">
		<div class="">
					<h3 >Contact Us</h3>
								</div>
	</header>
	<div class="widgetBody  cpGrid cpGrid2 ">
		<div class="row  wide">
					<div class="col col1 first ">
						<ol class="pageStyles semanticList">

<li class="InfoAdvanced widgetItem fr-view">
	<p>City Hall<br>955 School Street&nbsp;<br>PO Box 660<br>Napa, CA 94559</p>
</li>						</ol>
					</div>
					<div class="col col1  last">
						<ol class="pageStyles semanticList">

<li class="InfoAdvanced widgetItem fr-view">
	<p>Phone:&nbsp;<a href="tel:707-257-9500">707-257-9500</a><br><a href="/Directory.aspx">Email Us</a></p>
</li>						</ol>
					</div>
		</div>
	</div>
	<div class="widgetFooter">

	</div>

	</section>



<script type="text/javascript">
	//Render slideshow if info advacned items contain one.
	$(document).ready(function (e) {
		$('#divInfoAdv1c523b54-73ed-4e46-bd33-5a561711a460 .InfoAdvanced.widgetItem').each(function () {
			renderSlideshowIfApplicable($(this));		
		});
	});
</script></div>	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="6aa1360f-a835-44ef-ba9e-db1743f2a96c">				
	<div class="row nest first last wide">
	
	<div class="inner col col1 first last id46e610ca-e636-48c8-9153-53268312a7b1" style="" data-widgetcontainerid="46e610ca-e636-48c8-9153-53268312a7b1">	

<div class="widget widgetSpacer" id="1134aac8-f430-4dd2-9d14-d387b2db7d37"></div>	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="ef7ba2d7-facb-4256-92bd-2ff76f6277d5">				
	<div class="row nest first last wide">
	
	<div class="inner col col6 first last idcd3588f7-a7af-4a31-9182-0540906c378f" style="" data-widgetcontainerid="cd3588f7-a7af-4a31-9182-0540906c378f">	
<div data-widget-id="d3beb0cd-be3b-4c60-8f8a-656b5cc4e344" data-widget-controller-path="/GraphicLinks/Widget">




<div id="graphicLinkWidgetd3beb0cd-be3b-4c60-8f8a-656b5cc4e344" class="widget widgetGraphicLinks skin68 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
	<div class="widgetHeader">
		<div class="">
			<h3 >Social Media</h3>
				</div>
	</div>
	<div class="widgetBody cpGrid cpGrid5 ">	
			<div class="row   wide"><!--
--><div class="col col1 first "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://m.facebook.com/profile.php?id=108674865820373" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self"  aria-label="Facebook graphic"><img src="/ImageRepository/Document?documentID=9606" 
     class="graphicButtonLink" alt="Facebook" 
     onmouseover="this.src='/ImageRepository/Document?documentID=9606'" 
	onmouseout="this.src='/ImageRepository/Document?documentID=9606'"
     onfocus="this.src='/ImageRepository/Document?documentID=9606'" 
	onblur="this.src='/ImageRepository/Document?documentID=9606'"> </a></div><!--
--></div></div><!----><div class="col col1  "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/CityofNapa?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self"  aria-label="twitter-x-logo-0339F999CF-seeklogo.com graphic"><img src="/ImageRepository/Document?documentID=11923" 
     class="graphicButtonLink" alt="twitter-x-logo-0339F999CF-seeklogo.com" 
     onmouseover="this.src='/ImageRepository/Document?documentID=11923'" 
	onmouseout="this.src='/ImageRepository/Document?documentID=11923'"
     onfocus="this.src='/ImageRepository/Document?documentID=11923'" 
	onblur="this.src='/ImageRepository/Document?documentID=11923'"> </a></div><!--
--></div></div><!----><div class="col col1  "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/cityofnapa/?hl=en" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self"  aria-label="Instagram graphic"><img src="/ImageRepository/Document?documentID=9607" 
     class="graphicButtonLink" alt="Instagram" 
     onmouseover="this.src='/ImageRepository/Document?documentID=9607'" 
	onmouseout="this.src='/ImageRepository/Document?documentID=9607'"
     onfocus="this.src='/ImageRepository/Document?documentID=9607'" 
	onblur="this.src='/ImageRepository/Document?documentID=9607'"> </a></div><!--
--></div></div><!----><div class="col col1  "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/channel/UCbjYOd5qaOJiwt0Nh4ALYhA" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self"  aria-label="YouTube graphic"><img src="/ImageRepository/Document?documentID=9616" 
     class="graphicButtonLink" alt="YouTube" 
     onmouseover="this.src='/ImageRepository/Document?documentID=9616'" 
	onmouseout="this.src='/ImageRepository/Document?documentID=9616'"
     onfocus="this.src='/ImageRepository/Document?documentID=9616'" 
	onblur="this.src='/ImageRepository/Document?documentID=9616'"> </a></div><!--
--></div></div><!----><div class="col col1  last"><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/city-of-napa/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self"  aria-label="LI-In-Bug graphic"><img src="/ImageRepository/Document?documentID=12011" 
     class="graphicButtonLink" alt="LI-In-Bug" 
     onmouseover="this.src='/ImageRepository/Document?documentID=12011'" 
	onmouseout="this.src='/ImageRepository/Document?documentID=12011'"
     onfocus="this.src='/ImageRepository/Document?documentID=12011'" 
	onblur="this.src='/ImageRepository/Document?documentID=12011'"> </a></div><!--
--></div></div><!--			--></div>
	</div>
	<div class="widgetFooter">
			</div>
</div>

</div>
	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="48f55cdf-4308-40ac-87fc-3417463ff8bc">				
	<div class="row nest first last wide">
	
	<div class="inner col col1 first last id5f4914dd-05be-4fa4-8f5f-acc1aa02a833" style="" data-widgetcontainerid="5f4914dd-05be-4fa4-8f5f-acc1aa02a833">	

<div class="widget widgetSpacer" id="1163d1b2-6046-4adf-ae75-b6c9b45e4059"></div>	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="b429e71e-2b2c-4d58-8dc1-dd31ce368b51">				
	<div class="row nest first last wide">
	
	<div class="inner col col8 first last id1913217a-1338-40fe-9bed-052d35e0275b" style="" data-widgetcontainerid="1913217a-1338-40fe-9bed-052d35e0275b">	
	<div data-widget-id="5e81059d-cc53-4653-bb4b-c7b63bfd1dff" data-widget-controller-path="/QuickLinks/Widget">





 


	<section id="widgetQuicklink5e81059d-cc53-4653-bb4b-c7b63bfd1dff" class="widget widgetQuickLinks skin65 widgetOptionSet24 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader5e81059d-cc53-4653-bb4b-c7b63bfd1dff">
			<header class="widgetHeader" id="quickLinksHeader5e81059d-cc53-4653-bb4b-c7b63bfd1dff">
		<div class="">
					<h3><a  style="" href="/QuickLinks.aspx?CID=28" >Site Links</a></h3>
						</div>
	</header>
	<div class="widgetBody cpGrid cpGrid2 ">
        <div class="row  narrow">
				<div class="col col1 first ">
					<ol class="semanticList">

    <li style="position:relative" class="widgetItem QuickLinks">
        <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a>
        <div class="widgetMeta"></div>
    </li>

    <li style="position:relative" class="widgetItem QuickLinks">
        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a>
        <div class="widgetMeta"></div>
    </li>

    <li style="position:relative" class="widgetItem QuickLinks">
        <a class="widgetDesc widgetQuickLinksLink" href="http://www.cityofnapa.org/admin" target="_self" >Sign In</a>
        <div class="widgetMeta"></div>
    </li>
					</ol>
				</div>
				<div class="col col1  last">
					<ol class="semanticList">

    <li style="position:relative" class="widgetItem QuickLinks">
        <a class="widgetDesc widgetQuickLinksLink" href="/Accessibility" target="_self" >Accessibility</a>
        <div class="widgetMeta"></div>
    </li>

    <li style="position:relative" class="widgetItem QuickLinks">
        <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a>
        <div class="widgetMeta"></div>
    </li>

    <li style="position:relative" class="widgetItem QuickLinks">
        <a class="widgetDesc widgetQuickLinksLink" href="/124" target="_self" >Privacy Policy</a>
        <div class="widgetMeta"></div>
    </li>
					</ol>
				</div>
		</div>
        
	</div>
	<div class="widgetFooter">
	</div>
	<div class="addItemModal hidden">
		<div class="url hidden">/QuickLinks.aspx</div>
	</div>

	</section>
</div>
	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!--		--></div> <!-- outer row -->


	</div>
</div></div></div>
</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS">
<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS">	<div id="cc43443272-4597-4456-85eb-52e62818a93d" data-containerid="43443272-4597-4456-85eb-52e62818a93d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
				                

		<div class="row outer wide"><!--
--><div class="outer col col24 first last" style="" data-widgetcontainerid="9632ad96-969a-4a4a-b5e8-daf9e507c3ed">				
	<div class="row nest first last wide">
	
	<div class="inner col col24 first last id24805ba1-9eb8-4967-98be-c45d5ca14529" style="" data-widgetcontainerid="24805ba1-9eb8-4967-98be-c45d5ca14529">	
 
	<div data-widget-id='e25746df-cb13-47ea-a065-12522921a4a6' data-moduleName="customHtml" id='widgetCustomHtmle25746df-cb13-47ea-a065-12522921a4a6' class="widget widgetCustomHtml skin67 narrow" >
	<div class="widgetBody pageStyles" id="widgetBodye25746df-cb13-47ea-a065-12522921a4a6">
		<div id="customHtmle25746df-cb13-47ea-a065-12522921a4a6"><div><style>
  /* CP icon */
  .cpBylineIconTS {
    color: #fff;
  }
  /* CP Text */
  .cpBylineTextTS,
  .cpBylineTextTS a:link {
    color: #fff;
  }

  .cpBylineTS {
    text-align: center;
  }
  
  .cpBylineIconTS {
    fill: currentColor;
    width: 39px;
    height: 26px;
    display: inline;
    vertical-align: middle;
  }
</style>

<div class="widgetItem cpBylineTS">
  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
    <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>
    <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>
  </svg>
  <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);">CivicPlus&reg;</a></span>
</div>
</div></div>
	</div>
	</div>
	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!--		--></div> <!-- outer row -->


	</div>
</div></div>
</div>
</div>

			</div>
		</div>
	</div>


<link href="/2105987918.css" rel="stylesheet" type="text/css" />

<div tabindex="0"></div>
<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
	<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">
		<div class="cp-Splash-header">
			<span class="cp-Splash-title" id="cp-Splash-title">Loading</span>
			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
				<svg id="iconClose" viewBox="0 0 25 25">
					<polygon style="fill:currentcolor"
							 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>
				</svg>
			</button>
		</div>
		<div class="cp-Splash-body">
			<div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc">
				<!-- Content from the Froala Editor will go here. -->
				Loading
			</div>
		</div>
		<div class="cp-Splash-footer">
			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
		</div>
	</div>
</div>
<div tabindex="0"></div>

<script src="/Assets/Scripts/APIClient.js"></script>
<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
<script>

		$(document).ready(function () {
			var filter = {
				targetId: '',
				targetType: 0
			}

			new SplashModalRender().triggerRender(filter);
		});
</script>
	
	
	






	<script src="/-590493536.js" type="text/javascript"></script>
	<!----------Google Translate (Mobile Friendly)--------->



<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;}

#launcher-wrapper {bottom: 50px !important;}

</style>

<div id="google-translate-container">

<div id="google_translate_element" style="position: fixed; bottom: 0px; right: 20px; z-index: 5;"></div>

</div>

<script>

function googleTranslateElementInit() {

new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element");

// begin accessibility compliance

$('img.goog-te-gadget-icon').attr('alt','Google Translate');

$('div#goog-gt-tt div.logo img').attr('alt','translate');

$('div#goog-gt-tt .original-text').css('text-align','left');

$('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000');

$('.goog-te-combo').attr('aria-label','google translate languages');

$('svg.goog-te-spinner').attr('title','Google Translate Spinner');

$('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000');

}

$(function() {

$.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit");

});

</script>



<!--------------End Google Translate----------------->


<!-- 2022 Fixed Nav Adjustment -->
<script>
  function getValueTS(elem, attr) {
    const val = elem.css(attr);
    if (val === undefined) return undefined;
    const num = parseInt(val, 10);
    if (num === NaN) return undefined;
    return num;
  }

  function clampTS(number, min, max) {
    return Math.min(Math.max(number, min), max);
  }

  function isPageEditingTS() {
    return (
      $("#doneEditing").length > 0 || // In live edit
      typeof DesignCenter !== "undefined" // In theme manager
    );
  }

  const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/;
  function isTransparentTS(elem) {
    const bg = elem.css('background-color');
    if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false;
    const matchState = bg.match(bgColorRegexTS);
    if (!matchState || matchState.length !== 5) return false;
    const alpha = parseFloat(matchState[4], 10);
    if (!(alpha >= 0 && alpha < 1)) return false;
    return true;
  }

  function iterateLeftpads(cb) {
    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
    for (let i = 0; i < containersTS.length; i++) {
      const containerTS = containersTS[i];
      // Skip the body container and anything with data-skip-leftpad
      if (
        containerTS.id !== "bodyContainerTS" &&
        containerTS.getAttribute('data-skip-leftpad') === null
      ) {
        cb(containerTS);
      }
    }
  }

  const anchor = $("#divToolbars");

  // Outer banner padding (push banner down)
  const outerSizingTS = $("#bannerContainerTS");
  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
  const innerSizingTS = $("#bannerSizingTS");
  const bodyContainerTS = $("#bodyContainerTS");

  const forceUnfixClassTS = "forceUnfixTS";

  const fixedTopTS = $(".fixedTopTS");
  const fixedBottomTS = $(".fixedBottomTS");
  const fixedLeftTS = $(".fixedLeftTS");

  var initialTopTS;
  var topAttachTS;
  if (fixedTopTS && fixedTopTS.length === 1) {
    initialTopTS = getValueTS(fixedTopTS, 'top');
    const attachment = fixedTopTS.attr('data-attach');
    if (attachment) topAttachTS = $("#" + attachment);
    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
  }

  function resizeAdjustmentTS() {
    const editing = isPageEditingTS();

    // Fixed top script
    (function () {
      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;

      if (editing) {
        fixedTopTS[0].classList.add(forceUnfixClassTS);
      } else {
        fixedTopTS[0].classList.remove(forceUnfixClassTS);
      }

      const topPosition = fixedTopTS.css('position');
      if (topPosition === 'fixed') {
        if (topAttachTS) {
          scrollAdjustmentTS();
        } else {
          const anchorHeight = anchor.outerHeight() - 1;
          fixedTopTS.css('top', anchorHeight + initialTopTS);
        }
      } else {
        fixedTopTS.css('top', initialTopTS);
      }

      if (topPosition === 'fixed' || topPosition === 'absolute') {
        // Bump the banner content down
        if (isTransparentTS(fixedTopTS)) {
          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1);
          outerSizingTS.css('padding-top', '');

          try {
            window.Pages.onResizeHandlersExecute();
          } catch (e) { }
        } else {
          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
          innerSizingTS.css('padding-top', '');
        }
      } else {
        innerSizingTS.css('padding-top', '');
        outerSizingTS.css('padding-top', '');
      }
    })();

    // Fixed bottom script
    (function () {
      if (!fixedBottomTS || fixedBottomTS.length === 0) return;

      // If the widget has gone narrow, force unfix
      if (editing || fixedBottomTS.outerHeight() > 200) {
        fixedBottomTS[0].classList.add(forceUnfixClassTS);
      } else {
        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
      }

      if (fixedBottomTS.css('position') === 'fixed') {
        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
      } else {
        bodyContainerTS.css('padding-bottom', '');
      }
    })();

    // Fixed left script
    (function () {
      if (!fixedLeftTS || fixedLeftTS.length === 0) return;

      if (editing) {
        fixedLeftTS[0].classList.add(forceUnfixClassTS);
      } else {
        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
      }

      if (fixedLeftTS.css('position') === 'fixed') {
        const anchorHeight = anchor.outerHeight() - 1;
        fixedLeftTS.css('top', anchorHeight);
        const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
        iterateLeftpads(function (containerTS) {
          const containerBoundingTS = containerTS.getBoundingClientRect();
          if (containerBoundingTS.left <= leftBoundingTS.right) {
            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
          }
        });
      } else {
        fixedLeftTS.css('top', '');
        iterateLeftpads(function (containerTS) {
          $(containerTS).css('padding-left', '');
        });
      }
    })();
  }

  function scrollAdjustmentTS() {
    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
    const topPosition = fixedTopTS.css('position');
    if (topPosition === 'fixed' || topPosition === 'absolute') {
      const anchorBounding = anchor[0].getBoundingClientRect();
      const attachBounding = topAttachTS[0].getBoundingClientRect();
      const scrollTop = $(window).scrollTop();

      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
    } else {
      fixedTopTS.css('top', initialTopTS);
    }
  }

  $(window).load(function () {
    setTimeout(function () {
      resizeAdjustmentTS();
    }, 350);

    $(window).scroll(function () {
      scrollAdjustmentTS();
    });

    var adjustTimeoutTS;
    $(window).resize(function () {
      clearTimeout(adjustTimeoutTS);
      adjustTimeoutTS = setTimeout(function () {
        resizeAdjustmentTS();
      }, 350);
    });

    $.when(window.Pages.angularToolbarComplete).done(function () {
      resizeAdjustmentTS();
    });
  });
</script>
<!-- End Fixed Nav Adjustment -->

<!-- Move banner to outer wrap --> 
<script> 
function moveBannerToOuterWrap() { 
    if ($(".fixedBannerTS").length) { 
		if ($("#bannerDivbanner2").length) { 
			$("#bannerDivbanner2").appendTo("#outer-wrap"); 
		} else { 
			setTimeout(function() { 
				moveBannerToOuterWrap(); 
			}, 500); 
		} 
	}
} 
moveBannerToOuterWrap(); 
</script> 
<!-- end move banner to outer wrap -->


	<script type="text/javascript">
		$(function () {
			document.cookie = "responsiveGhost=0; path=/";
		});
		$(window).on("load", function () {
			$('body').addClass('doneLoading').removeClass('hideContent');

			if ($('#404Content').length > 0)
				$('div#bodyWrapper').css('padding', '0px');
		});
	</script>

	<noscript>
		<style>
			body.hideContent {
				opacity: 1 !important;
			}
		</style>
	</noscript>

		
<div style="display: none;">
	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">

		<symbol id="iconArrow--left" viewbox="0 0 25 25">
			<title>Arrow Left</title>
			<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>
		</symbol>

		<symbol id="iconArrow--right" viewbox="0 0 25 25">
			<title>Arrow Right</title>
			<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>
		</symbol>

	</svg>
</div>
	<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Open+Sans:500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|');</script>
	

	<div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
		<div style="display: none;">
			<svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
				<symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
					<title>Slideshow Left Arrow</title>
					<g>
						<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>
					</g>
				</symbol>
				<symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
					<title>Slideshow Right Arrow</title>
					<g>
						<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>
					</g>
				</symbol>
			</svg>
		</div>
	
	

	<div id="root-picker-outlet"></div>
</body>
</html>
