<!DOCTYPE html>
<html lang="en">
<head>

	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
<!-- Google Tag Manager -->
				<script>(function(w,d,s,l,i){w.GATrackingId='UA-204563193-59';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','cpDataLayer','GTM-KN5P4QJ');</script>
				<!-- End Google Tag Manager --><!-- Google Tag Manager for GA4 -->
				<script>(function(w,d,s,l,i){w.GAMeasurementID='G-BFK3XJ6YC2';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="#344958">
	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
		<title>Hartford, WI • 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="/-1371084132.css" rel="stylesheet" type="text/css" />	<link href="/1989828645.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="/248816995.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>
	
</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')[0].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="6" />
	<input type="hidden" id="hdnContentCollectionID" value="a253da8e-bfa5-4165-901b-743b98788f23" />
	<input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
	<input type="hidden" id="hdnThemeID" value="18" />
	<input type="hidden" id="pageIsFrontEnd" value="true" />
	<input type="hidden" id="pageModuleID" value="91" />
	<input type="hidden" id="pagePageID" />
	<input type="hidden" id="hdnModuleEligibleForJquery224Upgrade" value="true" />

		<input type="hidden" id="hdnModuleID" value="91" />
		<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="">
				
<style>
@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700); 
.alertText .customAlert {
    color: #EAEAEA;
    display: inline-block;
    font-family: 'Open Sans Condensed', sans-serif; 
    text-transform: uppercase;
    font-weight: bold;
    height: 27px;
    left: 57px;
    line-height: 27px;
    overflow: hidden;
    position: absolute;
    top: 15px;
    white-space: nowrap;
    width: 268px;
}
</style>
  <div id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: #222222;">
    <div id="1_divAlertToolbarInner" class="alertToolbarInner" style="font-size: 16px;">
        <a href="/AlertCenter.aspx" id="1_lnkAlertText" class="alertText" style="border-right: 1px solid #000000;">
            <img src="/Common/Images/AlertCenter/alertBarBlink.svg" id="1_imgDot" alt="Emergency Alert" class="redDot" />
            <span id="1_customAlert" class="customAlert">EMERGENCY ALERT</span>
        </a>
        <span id="1_spnAlertContainer" class="alertContainer"><a href="/AlertCenter.aspx?AID=Planned-Phone-Outage-for-All-Municipal-B-177" target="_self" class="alert" style="border-left: 1px solid #635e65; border-right: 1px solid #000000;background: #030303 url(/Common/images/AlertCenter/alertBarBlackTextBckg.png) repeat-x; color: #FFFFFF;">
	Planned Phone Outage for All Municipal Buildings on Saturday
	<span style="color: #FC4C2F;">Read On...</span>
</a>
</span>
    </div>
  </div>
  <div id="1_divAlertBarEmpty" class="alertBarEmpty"></div>
  
<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/CP/ie7.css"><![endif]-->
<!-- Allow Dashboard, Favorites Enabled -->

<!-- Begin Signed Out Bar -->
<div class="cpToolbar user public">
    <div class="inner selfClear">
        <p class="dropdown"><a href="/MyAccount/ProfileCreate" role="link" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. &nbsp;&nbsp;</span></p>
        <ul class="nav secondary">
	        <li><a href="/MyAccount" role="link" class="button" id="loggedOutToolbarSignInButton"><span>Website Sign In</span></a></li>
        </ul>
    </div>
</div>
<script>
    $(document).ready(function () {
        $('#signedOutToolbarCreateProfileButton').keypress(function (e) { if (e.which === 0) return; $(this).click(); });
        $('#signedOutToolbarCreateProfileButton').click(function (event) {
        	event.preventDefault();
        	window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin;
        });

			
				$('#loggedOutToolbarSignInButton').click(function (event) {
					event.preventDefault();
					window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host;
				});
			

		if ('False' == 'True') {
            $('#loggedOutToolbarSignInButton').hide();
		}
    })
</script>
<!-- End Signed Out Bar -->

			</div>
		<div id="bodyWrapper">
			<div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
			
<!-- Parent structural container -->
<div data-cpRole="structuralContainer" id="structuralContainer1">
<!-- Top Banner --><div data-cpRole="structuralContainer" id="structuralContainer2">
<div data-cpRole="banner" id="banner1"><!-- Header Container --><div data-cpRole="structuralContainer" id="structuralContainer3">
<div class="siteWrap"><header class="siteHeader"><div data-cpRole="banner" id="banner2" class="logo_ts empty">




                    <a style="            display: block; text-align: center;
" class="bannerObject" href="/" target="_self"><img alt="City Logo" class="bannerObject" height="377" src="/ImageRepository/Document?documentID=5223" width="1018" /></a>

</div><div data-cpRole="contentContainer" id="contentContainer3a" class="search_ts">	<div id="cc23edec4f-086e-4b2e-bff0-9a053fe67d2c" data-containerid="23edec4f-086e-4b2e-bff0-9a053fe67d2c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
				                

		<div class="row outer wide"><!--
--><div class="outer col col24 first last" style="" data-widgetcontainerid="187d6f7a-0eae-4e32-877b-86bcde1b1a41">				
	<div class="row nest first last wide">
	
	<div class="inner col col24 first last id24151e48-6b3d-4554-9178-0146608acc6f" style="" data-widgetcontainerid="24151e48-6b3d-4554-9178-0146608acc6f">	
<div data-widget-id="7904c55a-9d8f-400d-97d7-7102b33b8b92" data-widget-controller-path="/Layout/WidgetSearch">
	
		<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.10.4/js/jquery.ui.autocomplete.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.widgetSearchButton7904c55a-9d8f-400d-97d7-7102b33b8b92").click(function (e) {
				e.preventDefault();
					if ($("#ysnSearchOnlyDept7904c55a-9d8f-400d-97d7-7102b33b8b92").is(':checked')) {
						doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0));
					} else {
						doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0);
					}
			});
			$("#searchField7904c55a-9d8f-400d-97d7-7102b33b8b92").keypress(function (e) {
				if (window.clipboardData) {
					if (e.keyCode == 13) {
							if ($("#ysnSearchOnlyDept7904c55a-9d8f-400d-97d7-7102b33b8b92").is(':checked')) {
								doWidgetSearch($(this).val(), Number(0));
							} else {
								doWidgetSearch($(this).val(), 0);
							}
						return false;
					}
				} else {
					if (e.which == 13) {
							if ($("#ysnSearchOnlyDept7904c55a-9d8f-400d-97d7-7102b33b8b92").is(':checked')) {
								doWidgetSearch($(this).val(), Number(0));
							} else {
								doWidgetSearch($(this).val(), 0);
							}
						return false;
					}
				}
				return true;
			});

				if (true) {
					var currentRequest = null;

					var $searchField = $("#searchField7904c55a-9d8f-400d-97d7-7102b33b8b92").autocomplete({
						source: function (request, response) {
							currentRequest = $.ajax({
								url: '/Search/AutoComplete',
								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 ($("#searchField7904c55a-9d8f-400d-97d7-7102b33b8b92").siblings('.autoCompleteError').length == 0)
											$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField7904c55a-9d8f-400d-97d7-7102b33b8b92"));
									}
								}
							});
						},
						html: true,
						delay: 500,
						select: function (event, ui) {
							$(this).val(ui.item.value);
							$(this).next().click();
						}
					});

					if (true && true) {
						$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);
						};
					}
					else {
						$searchField.data("autocomplete")._renderItem = function (ul, item) {
							return $("<li></li>")
								.data("item.autocomplete", 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 skin60 widgetOptionSet30" style="display: block;" aria-label="Search">
				<!-- For the button right and inside -->
		<div class="widgetBody buttonRightInside">
			<input class="widgetSearchBox widgetSearchBox7904c55a-9d8f-400d-97d7-7102b33b8b92" cp5ph="true" id="searchField7904c55a-9d8f-400d-97d7-7102b33b8b92" name="searchField" onchange="searchBtnApplyQuery();" placeholder="How can we help you?" title="How can we help you?" type="text" value="" />
							<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton7904c55a-9d8f-400d-97d7-7102b33b8b92" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=3908" data-image="/ImageRepository/Document?documentID=3907" src="/ImageRepository/Document?documentID=3907" /></a>

			<label class="searchLabel" for="searchField7904c55a-9d8f-400d-97d7-7102b33b8b92">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 .widgetSearchBox7904c55a-9d8f-400d-97d7-7102b33b8b92
	{
        color: #ffffff;
		background: #304552;  height: 50px; border: 1px solid #ffffff; border-radius: 25px; padding: 0 75px 0 20px; font-family: Poppins; font-style: italic;
	}
	.widgetSearch .widgetBody .widgetSearchButton7904c55a-9d8f-400d-97d7-7102b33b8b92
	{
		margin: 7px 7px 0 0;
	}
	.widgetSearch .widgetSearch-onlyDept7904c55a-9d8f-400d-97d7-7102b33b8b92
	{
		display: inline-block;
		color: #333;
		
		
		 padding-top: 10px;
	}
	#ysnSearchOnlyDept7904c55a-9d8f-400d-97d7-7102b33b8b92
	{
		position: relative;
		top: .125em;
	}

</style>

	<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.10.4/themes/jquery-ui.css">


	<script type="text/javascript">
	//Updates search icons href to have the correct queryString
	function searchBtnApplyQuery() {
		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField7904c55a-9d8f-400d-97d7-7102b33b8b92").value;
    }
	</script>

</div>
	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!--		--></div> <!-- outer row -->


	</div>
</div></header></div>
</div><div data-cpRole="structuralContainer" id="structuralContainer4" class="fixedTop_ts">
<div class="siteWrap"><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
--><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="False"><!--
			--><!--
			--><a role="menuitem" aria-haspopup="true" aria-expanded="false" id="mainNavOnlinePayments" class="navMainItem mainNavItem mainNavItem1" href="/494/Online-Payments" target="_self">Online Payments</a><!--
			--><!--
			--></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!--
			--><!--
			--><a role="menuitem" aria-haspopup="true" aria-expanded="false" id="mainNavDepartments" class="navMainItem mainNavItem mainNavItem2" href="/27/Departments" target="_self">Departments</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 mainNavItem3" href="/101/Services" target="_self">Services</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="mainNavResources" class="navMainItem mainNavItem mainNavItem4" href="/35/Resources" target="_self">Resources</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="mainNavCommunity" class="navMainItem mainNavItem mainNavItem5" href="/31/Community" target="_self">Community</a><!--
			--><!--
			--></li><!---->
</ol>


	<script type="text/javascript">
		$(document).ready(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=18&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>


<div 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="cc00100eea-714b-4b51-a3ca-b0e78b9c6ddd" data-containerid="00100eea-714b-4b51-a3ca-b0e78b9c6ddd" 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="ccdbf04ed7-4597-4fdf-9d4a-271a0814c5e7" data-containerid="dbf04ed7-4597-4fdf-9d4a-271a0814c5e7" 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="cc31845a5b-aff1-471b-9dcd-53f9d059b75a" data-containerid="31845a5b-aff1-471b-9dcd-53f9d059b75a" 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="cc7d04d168-2d8d-4525-a736-b1fc6230e5a6" data-containerid="7d04d168-2d8d-4525-a736-b1fc6230e5a6" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</aside></div></nav></div>
</div><div data-cpRole="structuralContainer" id="structuralContainer5">
<div class="siteWrap"><div data-cpRole="contentContainer" id="contentContainer5a" class="welcome_ts">	<div id="cc9b46f7ca-1bf7-48d5-b590-b493bb36b36c" data-containerid="9b46f7ca-1bf7-48d5-b590-b493bb36b36c" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</div></div>
</div>




                <div id="bannerImagesJSON58" 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">
				onOrLive($(window), function () {
					$.when(window.Pages.rwdSetupComplete)
						.done(function () {
							renderExternalBannerSlideshow('banner1',
									{"BannerOptionID":58,"ThemeID":18,"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":154,"BannerOptionID":58,"FileName":"/ImageRepository/Document?documentID=4084","Height":839,"Width":2075,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":0,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":155,"BannerOptionID":58,"FileName":"/ImageRepository/Document?documentID=4085","Height":962,"Width":2399,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":255,"BannerOptionID":58,"FileName":"/ImageRepository/Document?documentID=6717","Height":867,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":256,"BannerOptionID":58,"FileName":"/ImageRepository/Document?documentID=5311","Height":909,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":2,"BannerOptionID":58,"VideoFileName":"","ImageFileName":"EmptyBannerBkg201908151045429333.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
								'/App_Themes/Interior/Images/',
								'Rotating',
								'0');
						});
				}, "load");
                </script>


</div>
</div><!-- Main content container --><div data-cpRole="structuralContainer" id="structuralContainer6">
<div class="siteWrap"><div data-cpRole="structuralContainer" id="structuralContainer7" class="mainWrap" role="main">
<div data-cpRole="structuralContainer" id="structuralContainer8" class="outerContentWrap">
<div data-cpRole="structuralContainer" id="structuralContainer9" class="contentWrap">
<div data-cpRole="breadCrumbs" class="breadCrumbContainer" id="breadCrumbs">		<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=fc16180a-2e19-4202-90b2-8d49c648c15c" id="aspnetForm" style="display:inline;" onsubmit="return headerValidationCallback();" enctype="multipart/form-data" autocomplete="off">
<input type="hidden" name="__VIEWSTATE" id="__VIEWSTATE" value="F84PJ4lJsmk70fczuU6Kd1oOMQgMJmjpXpG7q4qmMeBYVy6HlhQHVNNe7Ve+IHeM453Ij50461teXteDWx4DHbqezbiVgFNz6rDUXQ9cl5j/0ILNqcvD5xLIraxULLvH" />


<script src="/ScriptResource.axd?d=ybABkSG6oFUVUKP9wpC21n1EgmHAs5tV0Ktefxtt0-5IenoHZq2KOB1vPi6k8A9zlQ7RXGMHQSL5DnGediUeYViT1_evNBymAR_sGeoBUFTRtL0Ltqt2fLgwsjkawOD-qWseRWAp5anTdiIeaMNQDCryEt2jc1IHV-KqygmU8oRZqSWeNNXDgGjnGoQwmuLFtGZGZ1bimG9J4zJxnTZpNmokcfdgTGpzbaeOmRodMpsh2f7WIeI9ATClhQtr2KsfMNE09G7fAC2DBg73kvfeSo1TFCyjMBKaUi6MR86iUMJ_bzW8R5PStPXggq4xV4DdT-q-i8RBq9GMRoTflJKYdVOWRoEf77j55Rzd1Bv3hFXiJKN3psVcTjk_4wcznc58FQl6NV3FCePi6dobG2GdEUa76CRRicDhCWOOpJT83XWAA74RWpqWo-kH6-li8MHM7tJ_-j58XG2QyUOO037XNqbjOVru0XjFzJeL8F0n_EmZPIhtr6t9XqldLu-kvGGf5fQzputPPIDO2bwvgIMflFWvpl1W-ug-ubGBbndfRYK2g7qFbCzdFG3eJEoSgc7JQ6nB_qwXSZjPetWXV6s7S4mkyCM5EUQZwCnlDiqF7y-MjmI7GnJYelvPMtHD099FLYNnpW883dHAMQG7TtX8hyaPhDv1DjiC8NbGlygLXDSDsZzf5wXDvn-6Tdazj2wT-CQuy53KmSsrqp0LSZZTnCGniOfFA1g_Z2RPCDTfCA57ZnvJvhEOgHvTfbvA4fvSW2n0WHQHBMHxAmKAWw_GjtJfBI0KNMIm_XCQy6kjA1ZUt9z-688Kfxy54CLKKm2XovEN4V2y6Yi97frHyX903fWpOJwIakfXEvGyfPjZ96o1" 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;">
<a id="contentarea" name="contentarea" title="Content Area"></a>

<!-- 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>fc16180a-2e19-4202-90b2-8d49c648c15c</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" 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=fc16180a-2e19-4202-90b2-8d49c648c15c" 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="fc16180a-2e19-4202-90b2-8d49c648c15c"><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="">
	<input name="e_captcha" type="hidden" value="335334"><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="ccc024cc4e-9cbc-451e-aae4-008186f27889" data-containerid="c024cc4e-9cbc-451e-aae4-008186f27889" class="pageContent cpGrid cpGrid24 showInMobile"data-smoothscrolling="True">
				                



	</div>
</aside>
</div><div data-cpRole="structuralContainer" id="structuralContainer10" class="siteSidebar">
<div data-cpRole="contentContainer" id="contentContainer10a">	<div id="ccaffd80ce-f2a3-4af2-be8a-62d00b93e1e3" data-containerid="affd80ce-f2a3-4af2-be8a-62d00b93e1e3" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
				                

		<div class="row outer wide"><!--
--><div class="outer col col24 first last" style="" data-widgetcontainerid="acf50afc-6dbc-483b-94e4-e03aa03a525d">				
	<div class="row nest first last wide">
	
	<div class="inner col col24 first last id473f2bb2-e6ab-43f1-88d3-b36ad12c62d5" style="" data-widgetcontainerid="473f2bb2-e6ab-43f1-88d3-b36ad12c62d5">	
	<div data-widget-id="8f99682b-6f7f-493c-aa3d-f73a3af2bb17" data-widget-controller-path="/QuickLinks/Widget">
</div>
	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!--		--></div> <!-- outer row -->


	</div>
</div><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav">







	<script type="text/javascript">
        $(document).ready(function () {
            //setup menu manager properties for secondary menu
            menuManager.isSideMenuEditable = false;
		    menuManager.sideMenuMaxSubMenuLevels = 4;
            menuManager.sideMenuHasCustomLinks = true;
        });
	</script>
	<script type="text/javascript">
        $(document).ready(function () {
            //Init secondary menu
            var setupDraggable = menuManager.isSideMenuEditable;
			var urlToGetHiddenMenus = '/Pages/MenuSecondary/HiddenSecondarySubMenus?pageID=396&moduleID=91&themeID=18&menuContainerID=secondaryNav';
            var menuID = 'secondaryMenusecondaryNav';
            menuManager.setMOMMode(2, SIDE_MENU);
            menuManager.setupMenu(menuID, 'secondaryNav', SIDE_MENU, setupDraggable, urlToGetHiddenMenus);
        });
	</script>




</nav><div data-cpRole="contentContainer" id="contentContainer10b">	<div id="ccc3431ef3-891e-4616-a240-515deb205eb5" data-containerid="c3431ef3-891e-4616-a240-515deb205eb5" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</div>
</div>
</div></div>
</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbContainer_ts">
<div class="siteWrap"><div data-cpRole="contentContainer" id="gbContent_ts">	<div id="ccf1a24566-0664-4402-8898-ffb540973008" data-containerid="f1a24566-0664-4402-8898-ffb540973008" class="pageContent cpGrid cpGrid24 showInMobile">
				                



	</div>
</div></div>
</div><!-- Footer --><div data-cpRole="structuralContainer" id="structuralContainer11">
<div class="siteWrap"><footer data-cpRole="contentContainer" id="contentContainer11a" class="siteFooter">	<div id="cc23cb6718-dca5-4cc4-a11e-40aae5526d20" data-containerid="23cb6718-dca5-4cc4-a11e-40aae5526d20" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="55">
				                

		<div class="row outer wide"><!--
--><div class="outer col col6 first" style="" data-widgetcontainerid="43840898-d154-4419-a13c-f481cc734e1e">				
	<div class="row nest first wide">
	
	<div class="inner col col6 first last idf22b6c4e-6dc9-4ddd-99be-b317146254ad" style="" data-widgetcontainerid="f22b6c4e-6dc9-4ddd-99be-b317146254ad">	
    <div data-widget-id="c42e6899-da8f-4e33-8399-3ad06adff752" data-widget-controller-path="/InfoAdvanced/Widget">





	<section id="divInfoAdvc42e6899-da8f-4e33-8399-3ad06adff752" class="widget widgetInfoAdvanced skin62 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerc42e6899-da8f-4e33-8399-3ad06adff752">
			<header class="widgetHeader" id="headerc42e6899-da8f-4e33-8399-3ad06adff752">
		<div class="">
					<h3 >Contact Us</h3>
								</div>
	</header>
	<div class="widgetBody  cpGrid cpGrid1 ">
		<div class="row  wide">
					<div class="col col1 first last">
						<ol class="pageStyles semanticList">

<li class="InfoAdvanced widgetItem fr-view">
	<p><a class="Hyperlink" href="/directory.aspx" target="_self">Staff Directory</a></p><p><a class="Hyperlink" href="/directory.aspx" target="_self">Telephone Directory</a></p><table style="width: 100%;"><tbody><tr><td style="width: 100%; background-color: rgb(239, 239, 239);"><p id="isPasted">Hartford City Hall<br>109 N Main Street<br>Hartford, WI 53027</p><p><br>City Hall Hours<br>Monday through Friday<br>7:30 am to 4:30 pm</p><p>No payments accepted after 4:15 pm</p></td></tr></tbody></table><p><br><br></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) {
		$('#divInfoAdvc42e6899-da8f-4e33-8399-3ad06adff752 .InfoAdvanced.widgetItem').each(function () {
			renderSlideshowIfApplicable($(this));		
		});
	});
</script></div>	</div> <!-- inner column -->

	</div> <!-- inner row -->
	<div class="row nest last wide">
	
	<div class="inner col col6 first last id633ce4f5-09ab-4aa6-8ed1-90d1af9f9353" style="" data-widgetcontainerid="633ce4f5-09ab-4aa6-8ed1-90d1af9f9353">	
<div data-widget-id="eda406a3-233e-44bf-9f44-63f428952439" data-widget-controller-path="/GraphicLinks/Widget">



	<style type="text/css">.row.outer.wide .widgetOptionSet34 .widgetItem.GraphicLinks {
text-align: left;
}</style>

<div id="graphicLinkWidgeteda406a3-233e-44bf-9f44-63f428952439" class="widget widgetGraphicLinks skin60 widgetOptionSet34 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
	<div class="widgetHeader">
		<div class="">
				</div>
	</div>
	<div class="widgetBody cpGrid cpGrid1 ">	
			<div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="/facebook" target="_self" class="fancyButton fancyButton299 " >
		<span>
			<span><span class="text">&nbsp;</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton299.fancyButton:link,.fancyButton299.fancyButton:visited, .fancyButton299div.fancyButton{
	padding-top: 12px;
	background-image: url('/ImageRepository/Document?documentID=3943');
	background-repeat: no-repeat;
	background-position: center top;
position: relative;
}

.fancyButton299::after {
content: "";
position: absolute;
bottom: 0;
left: 50%;
transform: translate(-50%);
transition: all .3s ease-in-out;
width: 0;
height: 2px;
background: #ffaf89;
}

.fancyButton299:hover::after,
.fancyButton299:focus::after,
.fancyButton299:active::after,
.fancyButton299.hover::after {
width: 30px;}
.fancyButton299.fancyButton:hover,.fancyButton299.fancyButton:focus,.fancyButton299.fancyButton:active,.fancyButton299.fancyButton.hover{
	background-repeat: no-repeat;
}
.fancyButton299.fancyButton:link > span,.fancyButton299.fancyButton:visited > span, .fancyButton299div.fancyButton > span{
}
.fancyButton299.fancyButton:hover > span,.fancyButton299.fancyButton:focus > span,.fancyButton299.fancyButton:active > span,.fancyButton299.fancyButton.hover > span{
}
.fancyButton299.fancyButton .text{
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;


}
.fancyButton299.fancyButton:hover .text,.fancyButton299.fancyButton:focus .text,.fancyButton299.fancyButton:active .text,.fancyButton299.fancyButton.hover .text{
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: left top;


}
</style>

 </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="b99721ab-566a-4fe5-afbb-96b5079d6712">				
	<div class="row nest first last wide">
	
	<div class="inner col col1 first last id9b1ce58c-1424-4e13-b86e-cdb6a07c2614" style="" data-widgetcontainerid="9b1ce58c-1424-4e13-b86e-cdb6a07c2614">	

<div class="widget widgetSpacer" id="92fdc98c-92ef-4d3c-b39d-4bf5549ce9fd"></div>	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="b0d9b111-3d85-4ed3-89ae-ab9cef133404">				
	<div class="row nest first last wide">
	
	<div class="inner col col5 first last id007cd12a-c2b3-4871-b230-9729acdcf72d" style="" data-widgetcontainerid="007cd12a-c2b3-4871-b230-9729acdcf72d">	
	<div data-widget-id="7ef6ae7d-1e2a-4777-9ff1-e947e93e6b7f" data-widget-controller-path="/QuickLinks/Widget">





 


	<section id="widgetQuicklink7ef6ae7d-1e2a-4777-9ff1-e947e93e6b7f" class="widget widgetQuickLinks skin62 widgetOptionSet25 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader7ef6ae7d-1e2a-4777-9ff1-e947e93e6b7f">
			<header class="widgetHeader" id="quickLinksHeader7ef6ae7d-1e2a-4777-9ff1-e947e93e6b7f">
		<div class="">
					<h3><a  style="" href="/QuickLinks.aspx?CID=46" >Quick Links</a></h3>
						</div>
	</header>
	<div class="widgetBody cpGrid cpGrid1 ">
        <div class="row  narrow">
				<div class="col col1 first last">
					<ol class="semanticList">

    <li style="position:relative" class="widgetItem QuickLinks">
        <a class="widgetDesc widgetQuickLinksLink" href="https://www.airnav.com/airport/HXF" target="_blank"  aria-label="AirNav.com opens in new window">AirNav.com</a>
        <div class="widgetMeta"></div>
    </li>

    <li style="position:relative" class="widgetItem QuickLinks">
        <a class="widgetDesc widgetQuickLinksLink" href="https://www.aopa.org/" target="_blank"  aria-label="Navigation Information opens in new window">Navigation Information</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 class="outer col col1" style="" data-widgetcontainerid="1f20430b-6dee-438b-9858-8d37ba6c9a3e">				
	<div class="row nest first last wide">
	
	<div class="inner col col1 first last idc60523f2-d70a-4058-ae14-249c6e3c412e" style="" data-widgetcontainerid="c60523f2-d70a-4058-ae14-249c6e3c412e">	

<div class="widget widgetSpacer" id="432a7cc0-64b4-4070-9e3e-ced87e65f8f5"></div>	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="b3f70b7f-50af-460d-b035-9a1362059241">				
	<div class="row nest first last wide">
	
	<div class="inner col col4 first last id053f952d-3b1f-4ca5-a29d-2dc4a4ee9bd8" style="" data-widgetcontainerid="053f952d-3b1f-4ca5-a29d-2dc4a4ee9bd8">	
	<div data-widget-id="272ddd3b-196c-46b9-8304-e81f6e7d216f" data-widget-controller-path="/QuickLinks/Widget">





 


	<section id="widgetQuicklink272ddd3b-196c-46b9-8304-e81f6e7d216f" class="widget widgetQuickLinks skin62 widgetOptionSet25 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader272ddd3b-196c-46b9-8304-e81f6e7d216f">
			<header class="widgetHeader" id="quickLinksHeader272ddd3b-196c-46b9-8304-e81f6e7d216f">
		<div class="">
					<h3><a  style="" href="/QuickLinks.aspx?CID=15" >Using This Site</a></h3>
						</div>
	</header>
	<div class="widgetBody cpGrid cpGrid1 ">
        <div class="row  narrow">
				<div class="col col1 first last">
					<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="/site/copyright" target="_self" >Copyright Notices</a>
        <div class="widgetMeta"></div>
    </li>

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

    <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="/406/eHome" target="_self" >eHome Employee Intranet</a>
        <div class="widgetMeta"></div>
    </li>

    <li style="position:relative" class="widgetItem QuickLinks">
        <a class="widgetDesc widgetQuickLinksLink" href="/list.aspx" target="_self" >Sign up for notifications with Notify Me</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 class="outer col col1" style="" data-widgetcontainerid="dfff736f-e4ad-41e6-ae8b-22ab6a3b6f9c">				
	<div class="row nest first last wide">
	
	<div class="inner col col1 first last idd761180f-72e6-405e-b40a-c2e912287e96" style="" data-widgetcontainerid="d761180f-72e6-405e-b40a-c2e912287e96">	

<div class="widget widgetSpacer" id="42a2b376-8c2f-4fd8-8cf2-53ae3a05caee"></div>	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!----><div class="outer col col6 last" style="" data-widgetcontainerid="e50404a6-e51b-429e-a982-63e1f3824235">				
	<div class="row nest first last wide">
	
	<div class="inner col col6 first last idfbbc65d2-e632-4dc9-b817-1a9040bc19e1" style="" data-widgetcontainerid="fbbc65d2-e632-4dc9-b817-1a9040bc19e1">	
    <div data-widget-id="479d6094-181b-4dad-b18b-c5ce89b53ff5" data-widget-controller-path="/InfoAdvanced/Widget">





	<section id="divInfoAdv479d6094-181b-4dad-b18b-c5ce89b53ff5" class="widget widgetInfoAdvanced skin62 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
			<header class="widgetHeader" id="header479d6094-181b-4dad-b18b-c5ce89b53ff5">
		<div class="">
								</div>
	</header>
	<div class="widgetBody  cpGrid cpGrid1 ">
		<div class="row  wide">
					<div class="col col1 first last">
						<ol class="pageStyles semanticList">

<li class="InfoAdvanced widgetItem fr-view">
	
</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) {
		$('#divInfoAdv479d6094-181b-4dad-b18b-c5ce89b53ff5 .InfoAdvanced.widgetItem').each(function () {
			renderSlideshowIfApplicable($(this));		
		});
	});
</script></div>	</div> <!-- inner column -->

	</div> <!-- inner row -->

			</div><!-- outer column --><!--		--></div> <!-- outer row -->


	</div>
</footer></div>
</div><!-- Graphic Buttons --><div data-cpRole="structuralContainer" id="structuralContainer12" class="fixedButtons_ts">
<div class="siteWrap"><div data-cpRole="contentContainer" id="contentContainer12a">	<div id="cce4315c11-7e98-4fa0-a5e3-96ed23813507" data-containerid="e4315c11-7e98-4fa0-a5e3-96ed23813507" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
				                

		<div class="row outer wide"><!--
--><div class="outer col col24 first last" style="" data-widgetcontainerid="d738c2f6-4400-4535-8b95-382eaee321ad">				
	<div class="row nest first last wide">
	
	<div class="inner col col24 first last ida64a93cf-9631-4576-a2de-9f861046e218" style="" data-widgetcontainerid="a64a93cf-9631-4576-a2de-9f861046e218">	
<div data-widget-id="2836f27e-2284-4dd3-a256-deb335797ce7" data-widget-controller-path="/GraphicLinks/Widget">




<div id="graphicLinkWidget2836f27e-2284-4dd3-a256-deb335797ce7" class="widget widgetGraphicLinks skin64 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
	<div class="widgetHeader">
		<div class="">
				</div>
	</div>
	<div class="widgetBody cpGrid cpGrid3 ">	
			<div class="row   wide"><!--
--><div class="col col1 first "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="/" target="_self" class="fancyButton fancyButton288 " >
		<span>
			<span><span class="text">Home</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton288.fancyButton:link,.fancyButton288.fancyButton:visited, .fancyButton288div.fancyButton{
	background-color: #504b42;
	padding-left: 1em;
	background-repeat: no-repeat;
	background-position: left top;
background: rgba(80,75,66,.8);
width: 160px;
margin: 0 auto;
}

@media (min-width: 63em) {
.fancyButton288.fancyButton:link {
margin-left: -100px;
transition: margin-left .3s ease-in-out;
}}
.fancyButton288.fancyButton:hover,.fancyButton288.fancyButton:focus,.fancyButton288.fancyButton:active,.fancyButton288.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: left top;
}

@media (min-width: 63em) {
.fancyButton288.fancyButton:hover {
margin-left: 0;
}}
.fancyButton288.fancyButton:link > span,.fancyButton288.fancyButton:visited > span, .fancyButton288div.fancyButton > span{
}
.fancyButton288.fancyButton:hover > span,.fancyButton288.fancyButton:focus > span,.fancyButton288.fancyButton:active > span,.fancyButton288.fancyButton.hover > span{
}
.fancyButton288.fancyButton .text{
	color: #fff;
	font-size: .9em;
	font-family: "Poppins";
	text-align: left;
	font-weight: 600;
	text-decoration: none;
	background-image: url('/ImageRepository/Document?documentID=3914');
	background-repeat: no-repeat;
	background-position: left top;
height: 55px;
background-position: center right 18px;
}
.fancyButton288.fancyButton:hover .text,.fancyButton288.fancyButton:focus .text,.fancyButton288.fancyButton:active .text,.fancyButton288.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;


}
</style>

 </div><!--
--></div></div><!----><div class="col col1  "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="/169/Finance" target="_self" class="fancyButton fancyButton289 " >
		<span>
			<span><span class="text">Payments</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton289.fancyButton:link,.fancyButton289.fancyButton:visited, .fancyButton289div.fancyButton{
	background-color: #504b42;
	padding-left: 1em;
	background-repeat: no-repeat;
	background-position: left top;
background: rgba(80,75,66,.8);
width: 160px;
margin: 0 auto;
}

@media (min-width: 63em) {
.fancyButton289.fancyButton:link {
margin-left: -100px;
transition: margin-left .3s ease-in-out;
}}
.fancyButton289.fancyButton:hover,.fancyButton289.fancyButton:focus,.fancyButton289.fancyButton:active,.fancyButton289.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: left top;
}

@media (min-width: 63em) {
.fancyButton289.fancyButton:hover {
margin-left: 0;
}}
.fancyButton289.fancyButton:link > span,.fancyButton289.fancyButton:visited > span, .fancyButton289div.fancyButton > span{
}
.fancyButton289.fancyButton:hover > span,.fancyButton289.fancyButton:focus > span,.fancyButton289.fancyButton:active > span,.fancyButton289.fancyButton.hover > span{
}
.fancyButton289.fancyButton .text{
	color: #fff;
	font-size: .9em;
	font-family: "Poppins";
	text-align: left;
	font-weight: 600;
	text-decoration: none;
	background-image: url('/ImageRepository/Document?documentID=3916');
	background-repeat: no-repeat;
	background-position: left top;
height: 55px;
background-position: center right 18px;
}
.fancyButton289.fancyButton:hover .text,.fancyButton289.fancyButton:focus .text,.fancyButton289.fancyButton:active .text,.fancyButton289.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;


}
</style>

 </div><!--
--></div></div><!----><div class="col col1  last"><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="/jobs.aspx" target="_self" class="fancyButton fancyButton290 " >
		<span>
			<span><span class="text">Jobs</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton290.fancyButton:link,.fancyButton290.fancyButton:visited, .fancyButton290div.fancyButton{
	background-color: #504b42;
	padding-left: 1em;
	background-repeat: no-repeat;
	background-position: left top;
background: rgba(80,75,66,.8);
width: 160px;
margin: 0 auto;
}

@media (min-width: 63em) {
.fancyButton290.fancyButton:link {
margin-left: -100px;
transition: margin-left .3s ease-in-out;
}}
.fancyButton290.fancyButton:hover,.fancyButton290.fancyButton:focus,.fancyButton290.fancyButton:active,.fancyButton290.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: left top;
}

@media (min-width: 63em) {
.fancyButton290.fancyButton:hover {
margin-left: 0;
}}
.fancyButton290.fancyButton:link > span,.fancyButton290.fancyButton:visited > span, .fancyButton290div.fancyButton > span{
}
.fancyButton290.fancyButton:hover > span,.fancyButton290.fancyButton:focus > span,.fancyButton290.fancyButton:active > span,.fancyButton290.fancyButton.hover > span{
}
.fancyButton290.fancyButton .text{
	color: #fff;
	font-size: .9em;
	font-family: "Poppins";
	text-align: left;
	font-weight: 600;
	text-decoration: none;
	background-image: url('/ImageRepository/Document?documentID=3915');
	background-repeat: no-repeat;
	background-position: left top;
height: 55px;
background-position: center right 15px;
}
.fancyButton290.fancyButton:hover .text,.fancyButton290.fancyButton:focus .text,.fancyButton290.fancyButton:active .text,.fancyButton290.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;


}
</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 class="row outer wide"><!--
--><div class="outer col col24 first last" style="" data-widgetcontainerid="7fa7cd59-3163-430d-821a-be402544dd3c">				
	<div class="row nest first last wide">
	
	<div class="inner col col24 first last id11627587-f6dc-4aa8-b461-c2cc7bf71d23" style="" data-widgetcontainerid="11627587-f6dc-4aa8-b461-c2cc7bf71d23">	
<div data-widget-id="d30a2110-cf10-4f87-b3dc-67b59ad362ab" data-widget-controller-path="/GraphicLinks/Widget">




<div id="graphicLinkWidgetd30a2110-cf10-4f87-b3dc-67b59ad362ab" class="widget widgetGraphicLinks skin64 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
	<div class="widgetHeader">
		<div class="">
				</div>
	</div>
	<div class="widgetBody cpGrid cpGrid3 ">	
			<div class="row   wide"><!--
--><div class="col col1 first "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="/agendacenter" target="_self" class="fancyButton fancyButton291 " >
		<span>
			<span><span class="text">Agendas</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton291.fancyButton:link,.fancyButton291.fancyButton:visited, .fancyButton291div.fancyButton{
	background-color: #504b42;
	padding-left: 1em;
	background-repeat: no-repeat;
	background-position: left top;
background: rgba(80,75,66,.8);
width: 160px;
margin: 0 auto;
}

@media (min-width: 63em) {
.fancyButton291.fancyButton:link {
margin-left: -100px;
transition: margin-left .3s ease-in-out;
}}
.fancyButton291.fancyButton:hover,.fancyButton291.fancyButton:focus,.fancyButton291.fancyButton:active,.fancyButton291.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: left top;
}

@media (min-width: 63em) {
.fancyButton291.fancyButton:hover {
margin-left: 0;
}}
.fancyButton291.fancyButton:link > span,.fancyButton291.fancyButton:visited > span, .fancyButton291div.fancyButton > span{
}
.fancyButton291.fancyButton:hover > span,.fancyButton291.fancyButton:focus > span,.fancyButton291.fancyButton:active > span,.fancyButton291.fancyButton.hover > span{
}
.fancyButton291.fancyButton .text{
	color: #fff;
	font-size: .9em;
	font-family: "Poppins";
	text-align: left;
	font-weight: 600;
	text-decoration: none;
	background-image: url('/ImageRepository/Document?documentID=3911');
	background-repeat: no-repeat;
	background-position: left top;
height: 55px;
background-position: center right 18px;
}
.fancyButton291.fancyButton:hover .text,.fancyButton291.fancyButton:focus .text,.fancyButton291.fancyButton:active .text,.fancyButton291.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;


}
</style>

 </div><!--
--></div></div><!----><div class="col col1  "><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="/documentcenterii.aspx" target="_self" class="fancyButton fancyButton292 " >
		<span>
			<span><span class="text">Documents</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton292.fancyButton:link,.fancyButton292.fancyButton:visited, .fancyButton292div.fancyButton{
	background-color: #504b42;
	padding-left: 1em;
	background-repeat: no-repeat;
	background-position: left top;
background: rgba(80,75,66,.8);
width: 160px;
margin: 0 auto;
}

@media (min-width: 63em) {
.fancyButton292.fancyButton:link {
margin-left: -100px;
transition: margin-left .3s ease-in-out;
}}
.fancyButton292.fancyButton:hover,.fancyButton292.fancyButton:focus,.fancyButton292.fancyButton:active,.fancyButton292.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: left top;
}

@media (min-width: 63em) {
.fancyButton292.fancyButton:hover {
margin-left: 0;
}}
.fancyButton292.fancyButton:link > span,.fancyButton292.fancyButton:visited > span, .fancyButton292div.fancyButton > span{
}
.fancyButton292.fancyButton:hover > span,.fancyButton292.fancyButton:focus > span,.fancyButton292.fancyButton:active > span,.fancyButton292.fancyButton.hover > span{
}
.fancyButton292.fancyButton .text{
	color: #fff;
	font-size: .9em;
	font-family: "Poppins";
	text-align: left;
	font-weight: 600;
	text-decoration: none;
	background-image: url('/ImageRepository/Document?documentID=3912');
	background-repeat: no-repeat;
	background-position: left top;
height: 55px;
background-position: center right 19px;
}
.fancyButton292.fancyButton:hover .text,.fancyButton292.fancyButton:focus .text,.fancyButton292.fancyButton:active .text,.fancyButton292.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;


}
</style>

 </div><!--
--></div></div><!----><div class="col col1  last"><div class="semanticList"><!--
	    --><div class="widgetItem GraphicLinks">

<div>
	<a href="/195/Election-Information" target="_self" class="fancyButton fancyButton293 " >
		<span>
			<span><span class="text">Elections</span></span>
		</span>
	</a>
</div>
		<style scoped="scoped">.fancyButton293.fancyButton:link,.fancyButton293.fancyButton:visited, .fancyButton293div.fancyButton{
	background-color: #504b42;
	padding-left: 1em;
	background-repeat: no-repeat;
	background-position: left top;
background: rgba(80,75,66,.8);
width: 160px;
margin: 0 auto;
}

@media (min-width: 63em) {
.fancyButton293.fancyButton:link {
margin-left: -100px;
transition: margin-left .3s ease-in-out;
}}
.fancyButton293.fancyButton:hover,.fancyButton293.fancyButton:focus,.fancyButton293.fancyButton:active,.fancyButton293.fancyButton.hover{
	background-repeat: no-repeat;
	background-position: left top;
}

@media (min-width: 63em) {
.fancyButton293.fancyButton:hover {
margin-left: 0;
}}
.fancyButton293.fancyButton:link > span,.fancyButton293.fancyButton:visited > span, .fancyButton293div.fancyButton > span{
}
.fancyButton293.fancyButton:hover > span,.fancyButton293.fancyButton:focus > span,.fancyButton293.fancyButton:active > span,.fancyButton293.fancyButton.hover > span{
}
.fancyButton293.fancyButton .text{
	color: #fff;
	font-size: .9em;
	font-family: "Poppins";
	text-align: left;
	font-weight: 600;
	text-decoration: none;
	background-image: url('/ImageRepository/Document?documentID=3913');
	background-repeat: no-repeat;
	background-position: left top;
height: 55px;
background-position: center right 14px;
}
.fancyButton293.fancyButton:hover .text,.fancyButton293.fancyButton:focus .text,.fancyButton293.fancyButton:active .text,.fancyButton293.fancyButton.hover .text{
	text-decoration: underline;
	background-repeat: no-repeat;


}
</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><!-- CP Bar --><div data-cpRole="structuralContainer" id="structuralContainer13">
<div class="siteWrap"><div data-cpRole="contentContainer" id="contentContainer13a">	<div id="cc42e43bd9-7a87-4b6b-8761-9f8d05066814" data-containerid="42e43bd9-7a87-4b6b-8761-9f8d05066814" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
				                

		<div class="row outer wide"><!--
--><div class="outer col col24 first last" style="" data-widgetcontainerid="e5dd48fe-5e90-488c-9d81-8c388c599907">				
	<div class="row nest first last wide">
	
	<div class="inner col col24 first last id03dcc419-91bc-4966-815d-6418c3b41108" style="" data-widgetcontainerid="03dcc419-91bc-4966-815d-6418c3b41108">	
 
	<div data-widget-id='90e7b364-e88e-4279-91e8-61907472c12b' data-moduleName="customHtml" id='widgetCustomHtml90e7b364-e88e-4279-91e8-61907472c12b' class="widget widgetCustomHtml skin65 narrow" >
	<div class="widgetBody pageStyles" id="widgetBody90e7b364-e88e-4279-91e8-61907472c12b">
		<div id="customHtml90e7b364-e88e-4279-91e8-61907472c12b"><div><style>
  /* CP icon */
  .cpBylineIconTS {
    color: #3c3831;
  }
  /* CP Text */
  .cpBylineTS {
  }
  
  .cpBylineIconTS {
    fill: currentColor;
    width: 39px;
    height: 26px;
    display: inline;
    vertical-align: middle;
  }
</style>

<div class="widgetItem">
  <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="cpBylineTS">Government Websites by <a href="https://connect.civicplus.com/referral">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="/-153786703.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 type="text/javascript">function dynamicStretchContainers () {Core.Layout.stretchContainers('#structuralContainer10');}</script>






	<script src="/-641981005.js" type="text/javascript"></script>
	<!----------Google Translate (Mobile Friendly)--------->
<style>
  #google-translate-container {
    position: fixed;
    bottom: 16px;
    right: 20px;
    z-index: 5;
  }

  /* Select element */
  .goog-te-combo {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;

    width: 165px;
    height: 32px;
    border-radius: 50px;
    background-color: white;

    background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png");
    background-position: 5px 5px;
    background-size: 22px;
    background-repeat: no-repeat;
    padding-left: 30px;
    margin: 0 !important;
  }

  .google-translate-dropdown-arrow {
    position: absolute;
    top: 10px;
    right: 14px;
    border: solid black;
    border-width: 0 2px 2px 0;
    display: inline-block;
    padding: 3px;
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);

    z-index: 2;
    pointer-events: none;
  }

  /* Google.com practice - hidden element */.goog-te-gadget {position: absolute;width: 1px;height: 1px;padding: 0;margin: 0;overflow: hidden;white-space: nowrap;clip: rect(1px, 1px, 1px, 1px);z-index: -1000;}
</style>

<div id="google-translate-container">
  <i class="google-translate-dropdown-arrow"></i>
</div>
<script>
  function googleTranslateInit() {
    new google.translate.TranslateElement({ pageLanguage: "en" }, "google-translate-container");

    // Move select to parent container, so "Powered by Google Translate" can be made invisible
    const select = $(".goog-te-combo").detach();
    $("#google-translate-container").append(select);
  }

  $(function() {
    $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateInit");
  });
</script>
<!--------------End Google Translate----------------->



<!-- 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");
  const anchor2 = $("#headerContainerTS")

  // 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=/";
		});
		onOrLive($(window), function () {
			$('body').addClass('doneLoading').removeClass('hideContent');

			if ($('#404Content').length > 0)
				$('div#bodyWrapper').css('padding', '0px');
		}, 'load');
	</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=Heebo:500,700,regular|Montserrat:500,600,700,800,900,regular|Poppins:500,500italic,600,600italic,700,700italic,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>