PageSourceSearch

http://fwb.org/27/Our-Government

html fwb.org collected 2026-10-02 18:33:09 UTC 96,848 bytes, 2,458 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5
6	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
7<!-- Google Tag Manager for GA4 -->
8				
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-NFGNWCNQ0F';w[l]=w[l]||[];w[l].push({'gtm.start':
9				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
10				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
11				'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
12				})(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12
13				<!-- End Google Tag Manager for GA4 -->
14				
14<script type='text/javascript'>
15					var enableTelemetry = 'false'
16					var aiConfig = {
17					instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f'						
18					}
19					var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig);
20					window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length;
21					// Add telemetry initializer
22					appInsights.queue.push(function() {
23						appInsights.context.addTelemetryInitializer(function(envelope) {
24							var telemetryItem = envelope.data.baseData;
25							// To check the telemetry item’s type:
26							if (!false)
27							{
28								//If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that
29								if (envelope.name.indexOf('.Event') == -1)
30									return false;
31							}
32						});
33					});						
34					appInsights.trackPageView();
35				</script>
35
36	
36<script>
37		function populateAntiForgery(token) {
38			var input = document.createElement("input");
39			input.name = "__RequestVerificationToken";
40			input.type = "hidden";
41			input.value = token;
42			var absPat = /^https?:\/\/|^\/\//i;
43			var forms = document.getElementsByTagName("form");
44			for (var i = 0; i < forms.length; i++) {
45				if (forms[i].method == "post" &&
46					!forms[i].querySelector('[name="__RequestVerificationToken"]') &&
47					!absPat.test(forms[i].getAttribute("action"))) {
48					forms[i].appendChild(input.cloneNode());
49				}
50			}
51		}
52
53		function getAntiForgeryToken(callback, error) {
54			var xhr = new XMLHttpRequest();
55			xhr.open("GET", "/antiforgery");
56			xhr.addEventListener("load", function() {
57				try {
58					if (this.status !== 200) {
59						throw Error("Invalid status. Could not retrieve antiforgery token.");
60		}
61					var obj = JSON.parse(this.responseText);
62					callback(obj.token);
63				} catch (e) {
64					typeof error === "function" && error(e);
65				}
66			});
67			xhr.send();
68		}
69
70		getAntiForgeryToken(function(token) {
71			if (document.readyState === "complete"
72				|| document.readyState === "loaded" 
73				|| document.readyState === "interactive") {
74				populateAntiForgery(token);
75				return;
76			}
77			document.addEventListener("DOMContentLoaded", function() {
78				populateAntiForgery(token);
79			}, false);
80		}, console.error);
81			</script>
81
82			
83
84	
84<script type="text/javascript">
85		window.departmentHeader = {};
86		window.pageSectionTracker = {};
87		window.isResponsiveEnabled = true;
88		window.isRemoveSetHeights= false;
89		if (window.isRemoveSetHeights) {
90			document.documentElement.className += ' removeSetHeights';
91		}
92		window.mainMenuMediaQuery = 'screen and (max-width: 40em)';
93		window.isMobileBrowserIncludingTablets = false;
94		window.fixedResponsiveMenu = false;
95		window.fullWidthResponsiveMenu = true;
96		window.responsiveMenuHeight = '';
97		window.responsiveMenuFontSize = '';
98		window.isContentAdvisor = false;
99		(function () {
100			window.setSizeCookie = function () {
101				document.cookie = "dpi=" + window.devicePixelRatio + "; path=/";
102				document.cookie = "viewportWidth=" + window.innerWidth + "; path=/";
103				document.cookie = "viewportHeight=" + window.innerHeight + "; path=/";
104				if (screen && screen.width && screen.height) {
105					document.cookie = "screenWidth=" + screen.width + "; path=/";
106					document.cookie = "screenHeight=" + screen.height + "; path=/";
107				}
108				document.cookie = "responsiveGhost=1; path=/";
109			};
110
111			setSizeCookie();
112		}());
113	</script>
113
114		<meta name="viewport" content="width=device-width, initial-scale=1">
115
116	
116<script async src="https://docaccess.com/docbox.js"></script>
116
117	
118	<meta name="category0" content="Home" />
119<meta name="category1" content="Our Government" />
120
121	
122	<meta name="theme-color" content="rgb(47, 74, 143)">
123	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
124	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
125		<title>Our Government | Fort Walton Beach, FL</title>
126
127		<meta name="description" content="Gather information about government services, offices, boards, commissions, and elected officials.">
128			
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128
129	
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129
130	
131
132	<!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]-->
133	<!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]-->
134	<!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]-->
135	<!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]-->
136	
136<script type="text/javascript"><!--
137	var intCountryCode = 840;
138	var order = '';
139//--></script>
139
140	
141	<link href="/-2140275272.css" rel="stylesheet" type="text/css" />	<link href="/-953572043.css" rel="stylesheet" type="text/css" />
142
143	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
144	
144<script type="text/javascript">
145		window.Pages = window.Pages || {};
146		// FrontEnd RWD initialization
147		window.Pages.rwdReady = $.Deferred();
148		window.Pages.toolBarDeferred = $.Deferred();
149		window.Pages.rwdSetupComplete = $.Deferred();
150		window.Pages.megaMenuLoaded = $.Deferred();
151		window.Pages.angularToolbarComplete = $.Deferred();
152		window.Pages.frontEndToolbarComplete = $.Deferred();
153	</script>
153
154	<!--CPHeadContent-->
155	
155<script src="/739942322.js" type="text/javascript"></script>
155
156	
157	
158	
159	
160
161
162
163
164	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
165	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
166	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
167	<!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]-->
168
169	
169<script type="text/javascript">
170		setEditorVariables(false, 840);
171		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
172	</script>
172
173	
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173
174</head>
175<body class="wide " >
176
177    
177<script>jQuery(document).click(function (event) {
178	var target = jQuery(event.target);
179	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
180		var text = target.attr('title');
181		
182		if (!text.length) {
183			text = "N/A";
184		}
185		ga('send',
186			{
187				hitType: 'event',
188				eventCategory: 'Image',
189				eventAction: 'Image - ' + text,
190				eventLabel: window.location.href
191			});
192	}
193	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
194		var text = "";
195		if (target.parents('.button')[0]) {
196			text = target.parents('.button').first().text();
197		} else if (target.text().length) {
198			text = target.text();
199		} else if (target.attr('title').length) {
200			text = target.attr('title');
201		}
202		if (!text.length) {
203			text = "N/A";
204		}
205		ga('send',
206			{
207				hitType: 'event',
208				eventCategory: 'Button',
209				eventAction: 'Button - ' + text,
210				eventLabel: window.location.href
211			});
212	}
213	if (target.parents('.widgetCustomHtml').length) {
214		ga('send',
215			{
216				hitType: 'event',
217				eventCategory: 'Custom Html',
218				eventAction: 'Custom Html Clicked',
219				eventLabel: window.location.href
220			});
221	}
222	if (target.parents('.editor').length) {
223		ga('send',
224			{
225				hitType: 'event',
226				eventCategory: 'Editor',
227				eventAction: 'Editor Link Clicked',
228				eventLabel: window.location.href
229			});
230	}
231	if (target.parents('.GraphicLinks').length) {
232		var text = "";
233		var targetGraphicLink = target;
234		if (target.hasClass('widgetGraphicLinksLink')) {
235			targetGraphicLink = jQuery(target.children()[0]);
236		}
237		if (targetGraphicLink.hasClass('text')) {
238			text = targetGraphicLink.text();
239		} else if (targetGraphicLink.attr('src').length) {
240			if (targetGraphicLink.attr('alt').length) {
241				text = targetGraphicLink.attr('alt');
242			} else {
243				text = targetGraphicLink.attr('src');
244			}
245		} else {
246			text = "N/A";
247		}
248		ga('send',
249			{
250				hitType: 'event',
251				eventCategory: 'Graphic Links',
252				eventAction: 'Graphic Link - ' + text,
253				eventLabel: window.location.href
254			});
255	}
256	if (target.parents('.InfoAdvanced').length) {
257		ga('send',
258			{
259				hitType: 'event',
260				eventCategory: 'Info Advanced',
261				eventAction: 'Info Advanced Clicked',
262				eventLabel: window.location.href
263			});
264	}
265	if (target.parents('.list').length) {
266		ga('send',
267			{
268				hitType: 'event',
269				eventCategory: 'List',
270				eventAction: 'List Clicked',
271				eventLabel: window.location.href
272			});
273	}
274	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
275		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
276		var breadCrumbs = [];
277		jQuery('.breadCrumbs > li').each(function () {
278			 breadCrumbs.push(this.textContent);
279		});
280		var pageTitle = breadCrumbs.join('>');
281		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
282		var text = "";
283		if (pageTitle) {
284			text += pageTitle + " | ";
285		} else {
286			text += document.title + ' - ';
287		}
288		if (target.text() == "" && megaMenuText == "") {
289			text += "N/A";
290		} else if (target.text().length && megaMenuText.length) {
291			if (megaMenuText == target.text()) {
292				text += megaMenuText;
293			} else {
294				text += megaMenuText + " - " + subTitleText + " - " + target.text();
295			}
296		} else if (target.text() == "") {
297			text += megaMenuText;
298		} else {
299			text += target.text();
300		}
301		if (!text.length) {
302			text = "N/A";
303		}
304		ga('send',
305			{
306				hitType: 'event',
307				eventCategory: 'Mega Menu',
308				eventAction: 'Mega Menu : ' + text,
309				eventLabel: window.location.href
310			});
311	}
312	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
313		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
314		if (!text.length) {
315			text = "N/A";
316		}
317		ga('send',
318			{
319				hitType: 'event',
320				eventCategory: 'News Flash',
321				eventAction: 'News Flash - ' + text,
322				eventLabel: window.location.href
323			});
324	}
325	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
326		var text = target.text();
327		if (!text.length) {
328			text = "N/A";
329		}
330		ga('send',
331			{
332				hitType: 'event',
333				eventCategory: 'Quick Links',
334				eventAction: 'Quick Links - ' + text,
335				eventLabel: window.location.href
336			});
337	}
338	if (target.attr('src') && target.parents('.cpSlideshow').length) {
339		var text = target.attr('title');
340		if (!text.length) {
341			text = "N/A";
342		}
343		ga('send',
344			{
345				hitType: 'event',
346				eventCategory: 'Slideshow',
347				eventAction: 'Slideshow - ' + text,
348				eventLabel: window.location.href
349			});
350	}
351	if (target.parents('.widgetText').length) {
352		ga('send',
353			{
354				hitType: 'event',
355				eventCategory: 'Text',
356				eventAction: 'Text Link Clicked',
357				eventLabel: window.location.href
358			});
359	}
360});</script>
360
361	<div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;">
362	<div class="cp-PopOver-header">
363		<h3 class="cp-PopOver-title"></h3>
364		<button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)">
365			<svg class="cp-Icon--close" alt="close" title="close">
366				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use>
367			</svg>
368		</button>
369	</div>
370	<div id="cpPopOverBody" class="cp-PopOver-body">
371		<form id="cpPopOverForm" name="cpPopOverForm" novalidate></form>
372	</div>
373	<div id="cpPopOverFooter" class="cp-PopOver-footer">
374		<div class="cp-BtnGroup" id="actionButtons">
375			<!-- Action buttons will be dynamically added here -->
376		</div>
377	</div>
378</div>
379    <div id="fb-root"></div>
380<div id=skipToContentLinks>
381<a href="#cc5f8c90dc-b4cb-431b-90ee-10648f8df655" target="_self" class="skipToContentLink">Skip to Main Content</a>
382</div>
383    <form id="frmReferenceFormForTelerikEditorDialogs"></form>
384
385        <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />
386
387
388
389    <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
390    <input type="hidden" id="hdnStructureID" value="1" />
391    <input type="hidden" id="hdnContentCollectionID" value="71e26ded-ab1b-4eda-bb6f-6a9dc4ebd306" />
392    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
393    <input type="hidden" id="hdnThemeID" value="1" />
394    <input type="hidden" id="pageIsFrontEnd" value="true" />
395    <input type="hidden" id="pageModuleID" />
396    <input type="hidden" id="pagePageID" value="27" />
397
398    <div id="stickyPlaceholder"></div>
399    <div id="outer-wrap" class="outer-wrap">
400        <div id="inner-wrap" class="inner-wrap">
401                <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
402                    
403
404
405
406                </div>
407            <div id="bodyWrapper">
408                <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
409                
410<div data-cpRole="structuralContainer" id="bodyContainerTS">
411<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS">
412<div class="siteWrap3"><div data-cpRole="structuralContainer" id="headerInnerTS">
413<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">
414
415
416
417
418				<a id="bannerLogoTS-48" style="			display: block; text-align: center;
419" class="bannerObject" href="/" target="_self"><img alt="FL Fort Walton Beach Homepage Logo" class="bannerObject" height="180" src="/ImageRepository/Document?documentID=68" width="743" /></a>
420</div><div data-cpRole="contentContainer" id="searchTS">	<div id="cc76e5c10a-130c-4ce9-a6ae-6472db237974" data-containerid="76e5c10a-130c-4ce9-a6ae-6472db237974" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
421				                
422
423		<div class="row outer wide"><!--
424--><div class="outer col col24 first last" style="" data-widgetcontainerid="15d3b558-3d7c-4424-ba8d-e6f15cd7c97e">�				
425	<div class="row nest first last wide">�
426	
427	<div class="inner col col24 first last id83f43859-a9b0-4b80-bcce-5a9393d1d700" style="" data-widgetcontainerid="83f43859-a9b0-4b80-bcce-5a9393d1d700">�	
428<div data-widget-id="20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5" data-widget-controller-path="/Layout/WidgetSearch">
429	
430	
430<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
430
431	
431<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
431
432	
432<script defer type="text/javascript">
433
434		$(document).ready(function () {
435			try {
436				// Minimum characters required before performing a search/autocomplete
437				var minPrefixLength = 3;
438				var autoCompleteDebounceDelay = 500;
439				var searchFieldSelector = "#searchField" + '20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5';
440				var checkboxSelector = "#ysnSearchOnlyDept" + '20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5';
441				var buttonSelector = ".widgetSearchButton" + '20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5';
442				var autoCompleteCache = {};
443				var autoCompleteCacheKeys = [];
444				var autoCompleteCacheLimit = 25;
445				var currentAutoCompleteRequest = null;
446				var currentAutoCompleteRequestKey = null;
447				var autoCompleteDebounceTimer = null;
448				var autoCompleteDebounceKey = null;
449				var pendingAutoCompleteResponses = [];
450
451				function normalizeAutoCompleteTerm(term) {
452					return $.trim((term || "") + "").replace(/\s+/g, " ");
453				}
454
455				function shouldSearch(term) {
456					return normalizeAutoCompleteTerm(term).length >= minPrefixLength;
457				}
458
459				function getAutoCompleteUrl() {
460					return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : '');
461				}
462
463				function getAutoCompleteCacheKey(requestUrl, term) {
464					return requestUrl + "|" + term.toLowerCase();
465				}
466
467				function cacheAutoCompleteResult(cacheKey, data) {
468					if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
469						autoCompleteCacheKeys.push(cacheKey);
470						if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) {
471							delete autoCompleteCache[autoCompleteCacheKeys.shift()];
472						}
473					}
474					autoCompleteCache[cacheKey] = data;
475				}
476
477				function respondToPendingAutoComplete(data) {
478					var responses = pendingAutoCompleteResponses;
479					pendingAutoCompleteResponses = [];
480					for (var i = 0; i < responses.length; i++) {
481						responses[i](data);
482					}
483				}
484
485				function cancelPendingAutoComplete() {
486					clearTimeout(autoCompleteDebounceTimer);
487					autoCompleteDebounceKey = null;
488					if (currentAutoCompleteRequest != null) {
489						currentAutoCompleteRequest.abort();
490						currentAutoCompleteRequest = null;
491					}
492					currentAutoCompleteRequestKey = null;
493					respondToPendingAutoComplete([]);
494				}
495
496				function createWidgetAutoCompleteSource(options) {
497					return function (request, response) {
498						var term = normalizeAutoCompleteTerm(request.term);
499						if (!options.shouldSearch(term)) {
500							response([]);
501							return;
502						}
503
504						var requestUrl = options.url();
505						var cacheKey = getAutoCompleteCacheKey(requestUrl, term);
506						if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
507							response(autoCompleteCache[cacheKey]);
508							if (options.success) {
509								options.success(autoCompleteCache[cacheKey]);
510							}
511							return;
512						}
513
514						if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) {
515							pendingAutoCompleteResponses.push(response);
516							return;
517						}
518
519						cancelPendingAutoComplete();
520						autoCompleteDebounceKey = cacheKey;
521						pendingAutoCompleteResponses.push(response);
522						autoCompleteDebounceTimer = setTimeout(function () {
523							autoCompleteDebounceKey = null;
524							currentAutoCompleteRequestKey = cacheKey;
525							currentAutoCompleteRequest = $.ajax({
526								url: requestUrl,
527								dataType: "json",
528								timeout: options.timeout,
529								data: {
530									term: term,
531								},
532								success: function (data) {
533									if (currentAutoCompleteRequestKey === cacheKey) {
534										cacheAutoCompleteResult(cacheKey, data);
535										respondToPendingAutoComplete(data);
536										if (options.success) {
537											options.success(data);
538										}
539									}
540								},
541								error: function (xmlhttprequest, textstatus, message) {
542									if (textstatus === "abort") {
543										return;
544									}
545
546									if (options.error) {
547										options.error(xmlhttprequest, textstatus, message);
548									}
549
550									respondToPendingAutoComplete([]);
551								},
552								complete: function (xmlhttprequest) {
553									if (currentAutoCompleteRequest === xmlhttprequest) {
554										currentAutoCompleteRequest = null;
555										currentAutoCompleteRequestKey = null;
556									}
557								}
558							});
559						}, options.delay);
560					};
561				}
562
563				// click handler for search buttons
564				$(buttonSelector).click(function (e) {
565					e.preventDefault();
566					var $btn = $(this);
567					var $field = $btn.siblings(".widgetSearchBox");
568					var term = $field.val() + "";
569					if (!shouldSearch(term)) {
570						// do nothing until user types enough characters
571						$field.focus();
572						return;
573					}
574
575					if ($(checkboxSelector).is(':checked') || false)
576					{
577						doWidgetSearch($.trim(term), Number(0));
578					}
579					else {
580						doWidgetSearch($.trim(term), 0);
581					}
582				});
583
584				// enter key handler for the search field
585				$(searchFieldSelector).keypress(function (e) {
586					var code = e.which || e.keyCode;
587					if (code === 13) {
588						e.preventDefault();
589						var $this = $(this);
590						var term = $this.val() + "";
591						if (!shouldSearch(term)) {
592							// do nothing until user types enough characters
593							$this.focus();
594							return false;
595						}
596
597						if ($(checkboxSelector).is(':checked') || false) {
598							doWidgetSearch($.trim(term), Number(0));
599						} else {
600							doWidgetSearch($.trim(term), 0);
601						}
602						return false;
603					}
604					return true;
605				});
606
607				// autocomplete: set minLength and guard source
608				if (true) {
609					var $searchField = $(searchFieldSelector).autocomplete({
610						minLength: minPrefixLength,
611						source: createWidgetAutoCompleteSource({
612							delay: autoCompleteDebounceDelay,
613							timeout: 10000,
614							shouldSearch: shouldSearch,
615							url: getAutoCompleteUrl,
616							success: function () {
617								$('.autoCompleteError').remove();
618							},
619							error: function (xmlhttprequest, textstatus, message) {
620								if (textstatus === "timeout") {
621									if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0)
622										$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector));
623								}
624							}
625						}),
626						html: true,
627						delay: 0,
628						select: function (event, ui) {
629							$(this).val(ui.item.value);
630							$(this).next().click();
631						}
632					});
633
634					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
635						return $("<li class=\"itemList\"></li>")
636							.data("ui-autocomplete-item", item)
637							.append("<a>" + item.label + "</a>")
638							.appendTo(ul);
639					};
640				}
641
642				// keep searchBtnApplyQuery consistent with prefix rule
643				window.searchBtnApplyQuery = function() {
644					var $field = $(searchFieldSelector);
645					var term = $field.val() + "";
646					if (shouldSearch(term)) {
647						// update href for the icon/button (if present)
648						var btn = document.getElementById("btnSearchIcon");
649						if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term));
650					} else {
651						var btn = document.getElementById("btnSearchIcon");
652						if (btn) btn.href = "#";
653					}
654				};
655			}
656			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.
657		});
658	</script>
658
659
660	<section id="widgetPreviewSearch" class="widget widgetSearch skin43 widgetOptionSet15" style="display: block;" aria-label="Search">
661				<!-- For the button right and inside -->
662		<div class="widgetBody buttonRightInside">
663			<input class="widgetSearchBox widgetSearchBox20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5" cp5ph="true" id="searchField20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" />
664						<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=63" data-image="/ImageRepository/Document?documentID=64" src="/ImageRepository/Document?documentID=64" /></a>
665
666			<label class="searchLabel" aria-hidden="true" for="searchField20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5">Search</label>
667		</div>
668
669	</section>
670
671
672<style scoped>
673	  
674		.widgetSearch ::-webkit-input-placeholder {
675		color: #ffffff;
676	  }
677		.widgetSearch :-moz-placeholder { /* Firefox 18- */
678	   color: #ffffff;
679	}
680		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
681	   color: #ffffff;
682	}
683	.widgetSearch :-ms-input-placeholder {
684	   color: #ffffff;
685	}
686	
687
688	.widgetSearch .widgetBody .widgetSearchBox20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5
689	{
690		color: #ffffff;
691		font-family: arimo;
692font-size: 1em;
693height: 65px;
694border: none;
695border-radius: 20px;
696background: #2F4A8F;
697padding: 0 80px 0 24px;
698	}
699	.widgetSearch .widgetBody .widgetSearchButton20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5
700	{
701		margin: 10px;
702width: 45px;
703	}
704	.widgetSearch .widgetSearch-onlyDept20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5
705	{
706		display: inline-block;
707		color: #333;
708		
709		
710		 padding-top: 10px;
711	}
712	#ysnSearchOnlyDept20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5
713	{
714		position: relative;
715		top: .125em;
716	}
717
718</style>
719
720<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
721<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
722
723
724
725<script type="text/javascript">
726	//Updates search icons href to have the correct queryString
727	function searchBtnApplyQuery() {
728		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField20fcf2dc-26b5-4ef6-a84d-7d4fb55b92d5").value;
729	}
730</script>
730
731
732</div>
733
734	</div> <!-- inner column -->
735
736	</div> <!-- inner row -->
737
738			</div><!-- outer column --><!--		--></div> <!-- outer row -->
739
740
741	</div>
742</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
743<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
744--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!--
745			--><!--
746			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavOurGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Our-Government" target = "_self" >   Our Government  </a>			<!--
747			--><!--
748			--></li><!----><li id="MainItem518" class="topMenuItem" role="none" data-pageid="518" data-displaymegamenu="False"><!--
749			--><!--
750			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="ParentMainItem518" id = "mainNavProjectDashboard" class="navMainItem mainNavItem mainNavItem2 " href="/518/Project-Dashboard" target = "_self" >   Project Dashboard  </a>			<!--
751			--><!--
752			--></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!--
753			--><!--
754			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem3 " href="/101/Departments" target = "_self" >   Departments  </a>			<!--
755			--><!--
756			--></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!--
757			--><!--
758			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem4 " href="/31/Community" target = "_self" >   Community  </a>			<!--
759			--><!--
760			--></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!--
761			--><!--
762			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem5 " href="/9/How-Do-I" target = "_self" >   How Do I...  </a>			<!--
763			--><!--
764			--></li><!---->
765</ol>
766
767
768	
768<script type="text/javascript">
769		(function () {
770			function setupMenu() {
771				const menuID = 'mainNavMenu';
772				const menuType = MAIN_MENU;
773
774				//setup menu manager properties for main menu
775				if (!menuManager.mobileMainNav && true)
776					menuManager.adjustMainItemsWidth('#' + menuID);
777				menuManager.isMainMenuEditable = false;
778				menuManager.mainMenuMaxSubMenuLevels = 4;
779				menuManager.setMOMMode(2, menuType);
780
781				//Init main menu
782				const setupDraggable = menuManager.isMainMenuEditable;
783				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=1&menuContainerID=mainNav';
784
785				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
786				menuManager.mainMenuInit = true;
787				menuManager.mainMenuTextResizer = true;
788				if (1.00 > 0)
789					menuManager.mainMenuTextResizerRatio = 1.00;
790				if (window.isResponsiveEnabled)
791					menuManager.mainMenuReady.resolve();
792
793			}
794
795			if (document.readyState === "complete"
796				|| document.readyState === "loaded"
797				|| document.readyState === "interactive") {
798				setupMenu();
799				return;
800			}
801
802			document.addEventListener("DOMContentLoaded", setupMenu);
803		})();
804	</script>
804
805
806
807<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="cc6cbf91f8-6047-4867-8dc3-5298a38b8140" data-containerid="6cbf91f8-6047-4867-8dc3-5298a38b8140" class="pageContent cpGrid cpGrid24">
808				                
809
810
811
812	</div>
813</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal">	<div id="cce32ddbf6-a64d-474e-9c36-c070ffb628fd" data-containerid="e32ddbf6-a64d-474e-9c36-c070ffb628fd" class="pageContent cpGrid cpGrid24">
814				                
815
816
817
818	</div>
819</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal">	<div id="ccba2c182b-6517-4432-847d-f82b0eb1277b" data-containerid="ba2c182b-6517-4432-847d-f82b0eb1277b" class="pageContent cpGrid cpGrid24">
820				                
821
822
823
824	</div>
825</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal">	<div id="ccadb6fc7b-7f43-4f88-a7cd-5c073587d63b" data-containerid="adb6fc7b-7f43-4f88-a7cd-5c073587d63b" class="pageContent cpGrid cpGrid24">
826				                
827
828
829
830	</div>
831</aside></aside></nav>
832</div></div>
833</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
834<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS">
835<div class="siteWrap3"><div data-cpRole="structuralContainer" id="bannerContentTS">
836<div data-cpRole="contentContainer" id="bannerContentTSa">	<div id="ccacea6560-a912-4a57-8132-127e319f2d26" data-containerid="acea6560-a912-4a57-8132-127e319f2d26" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="1">
837				                
838
839
840
841	</div>
842</div>
843</div></div>
844</div>
845
846
847
848
849		<div id="bannerImagesJSON2" class="hidden"></div>
850		<div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none">
851			<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>
852			<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>
853		</div>
854			
854<script type="text/javascript">
855				$(window).on("load", function () {
856					$.when(window.Pages.rwdSetupComplete)
857						.done(function () {
858							renderExternalBannerSlideshow('banner1',
859								{"BannerOptionID":2,"ThemeID":1,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":null,"SlideshowTransition":0,"SlideShowTransitionTiming":null,"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":91,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=1042","Height":500,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":92,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=1045","Height":591,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":81,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=912","Height":800,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":90,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=1024","Height":500,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":58,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=70","Height":500,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
860								'/App_Themes/Interior/Images/',
861								'Rotating');
862						});
863				});
864			</script>
864
865
866</div>
867</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
868<div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
869<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
870<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
871<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">		<ol class="semanticList breadCrumbs">
872			<li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="27"><a href class="breadCrumb" aria-current="page">Our Government</a></li>
873		</ol>
874
875	   
876    
877</div><div data-cpRole="mainContentContainer" id="moduleContent">
878	
879	<div id="page" class="moduleContentNew">
880		
881
882	<input id="hdnPageID" name="hdnPageID" type="hidden" value="27" />
883	<input id="hdnParentID" name="hdnParentID" type="hidden" value="1" />
884	<input id="hdnVersionID" name="hdnVersionID" type="hidden" value="1022" />
885	<input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Our Government" />
886	<input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
887	<input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" />
888	<input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" />
889
890				<h1 id="versionHeadLine" class="headline">
891
892Our Government		</h1>
893	
894		<div id="cc5f8c90dc-b4cb-431b-90ee-10648f8df655" data-containerid="5f8c90dc-b4cb-431b-90ee-10648f8df655" class="pageContent cpGrid cpGrid24"  data-contentcontainerbreakpoint="10" >
895			
896
897		<div class="row outer wide"><!--
898--><div class="outer col col24 first last" style="" data-widgetcontainerid="da73def0-1c42-4438-9139-63529a07582e">�				
899	<div class="row nest first last wide">�
900	
901	<div class="inner col col24 first last iddd0d3ff2-b3dc-445f-8ad9-e726afbeb6ca" style="" data-widgetcontainerid="dd0d3ff2-b3dc-445f-8ad9-e726afbeb6ca">�	
902		<nav class="widget clear dynamicSubpage widgetPages skin43 wide" id="widgetPage088b5ecf-a4f5-4b71-84f9-d0f8e29b0de7" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label = Pages>
903				<div class="hidden widgetTypeID">9</div>
904	<div class="hidden depth">1</div>
905	<div class="hidden cols">1</div>
906	<div class="hidden format">2</div>		
907	<div class="widgetBody">
908		
909	<div class="widgetBody cpGrid cpGrid1 ">
910		<div class="row wide">
911
912					<div class="col col1">
913						<ol class="semanticList layout2">
914										<li class="megaMenuItem widgetItem" data-pageid="160" role="none">
915				<div class="widgetTitle">
916					<a href="http://fortwaltonbeachcityfl.iqm2.com/Citizens/Default.aspx" target="_self" >Agendas / Minutes</a>
917				</div>
918				<p class="widgetDesc">Easily find and search for agendas and minutes from various boards, commissions, and committees.</p>
919				
920			</li>			<li class="megaMenuItem widgetItem" data-pageid="422" role="none">
921				<div class="widgetTitle">
922					<a href="/422/Boards-Committees" target="_self" >Boards &amp; Committees</a>
923				</div>
924				<p class="widgetDesc">Discover the boards and commissions that drive your local government. Find agendas, member information, and other meeting details.</p>
925				
926			</li>			<li class="megaMenuItem widgetItem" data-pageid="163" role="none">
927				<div class="widgetTitle">
928					<a href="/Directory.aspx" target="_self" >Directory</a>
929				</div>
930				<p class="widgetDesc">Search through contact information for all organization staff and departments.</p>
931				
932			</li>			<li class="megaMenuItem widgetItem" data-pageid="165" role="none">
933				<div class="widgetTitle">
934					<a href="/165/Mayor-Council" target="_self" >Mayor &amp; Council</a>
935				</div>
936				<p class="widgetDesc">The City Council is the legislative body of the City composed of a Mayor and seven, at-large Council members who are elected to four-year, staggered terms.</p>
937				
938			</li>						</ol>
939					</div>
940		</div>
941	</div>
942
943
944
945
946	</div>
947
948		</nav>
949
950
951
952	</div> <!-- inner column -->
953
954	</div> <!-- inner row -->
955
956			</div><!-- outer column --><!--		--></div> <!-- outer row -->
957
958
959		</div>
960
961	</div>
962
963	
964	<div class="newCP">
965
966	</div>
967</div>
968</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent">	<div id="ccd6923f64-2522-4bce-8783-61ad1b416b69" data-containerid="d6923f64-2522-4bce-8783-61ad1b416b69" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="40">
969				                
970
971
972
973	</div>
974</aside>
975</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar">
976<aside data-cpRole="contentContainer" id="sidebarContainer1TS">	<div id="cc5e7bbd73-7e87-40a0-bd1f-1a37cc97709f" data-containerid="5e7bbd73-7e87-40a0-bd1f-1a37cc97709f" class="pageContent cpGrid cpGrid24 showInMobile">
977				                
978
979
980
981	</div>
982</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav">
983
984
985
986
987
988	<ol role="menu" id="secondaryMenusecondaryNav" data-parent="27" class="rootNavMenu accordionNav">
989	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem160" data-pageid="160">
990		<div class="accordionNavItem">
991			<a href="http://fortwaltonbeachcityfl.iqm2.com/Citizens/Default.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Agendas / Minutes</a>
992		</div>
993			</li>
994	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem422" data-pageid="422">
995		<div class="accordionNavItem">
996			<a href="/422/Boards-Committees" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boards &amp; Committees</a>
997				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Boards &amp; Committees Submenu" aria-expanded="false" aria-controls="submenu-lvl1-422"></a>
998		</div>
999					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-422" style="display: none;" data-parent="422">
1000						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem430" data-pageid="430">
1001			<div class="accordionNavItem">
1002				<a href="/430/Firefighters-Retirement-Fund-Board-of-Tr" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Firefighters&#39; Retirement Fund Board of Trustees</span></a>
1003			</div>
1004					</li>
1005		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem428" data-pageid="428">
1006			<div class="accordionNavItem">
1007				<a href="/428/FWB-Housing-Authority" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FWB Housing Authority</span></a>
1008			</div>
1009					</li>
1010		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem423" data-pageid="423">
1011			<div class="accordionNavItem">
1012				<a href="/423/Local-Planning-Agency" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Local Planning Agency</span></a>
1013			</div>
1014					</li>
1015		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem429" data-pageid="429">
1016			<div class="accordionNavItem">
1017				<a href="/429/Police-Officers-Retirement-Fund-Board-of" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Police Officers&#39; Retirement Fund Board of Trustees</span></a>
1018			</div>
1019					</li>
1020
1021			</ol>
1022	</li>
1023	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem163" data-pageid="163">
1024		<div class="accordionNavItem">
1025			<a href="/Directory.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Directory</a>
1026		</div>
1027			</li>
1028	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem165" data-pageid="165">
1029		<div class="accordionNavItem">
1030			<a href="/165/Mayor-Council" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mayor &amp; Council</a>
1031				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Mayor &amp; Council Submenu" aria-expanded="false" aria-controls="submenu-lvl1-165"></a>
1032		</div>
1033					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-165" style="display: none;" data-parent="165">
1034						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem169" data-pageid="169">
1035			<div class="accordionNavItem">
1036				<a href="http://fortwaltonbeachcityfl.iqm2.com/Citizens/Default.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Agendas &amp; Minutes</span></a>
1037			</div>
1038					</li>
1039		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem175" data-pageid="175">
1040			<div class="accordionNavItem">
1041				<a href="http://fortwaltonbeachcityfl.iqm2.com/Citizens/Default.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Live Meetings</span></a>
1042			</div>
1043					</li>
1044		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem176" data-pageid="176">
1045			<div class="accordionNavItem">
1046				<a href="/176/Meet-the-Leadership" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Meet the Leadership</span></a>
1047			</div>
1048					</li>
1049		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem509" data-pageid="509">
1050			<div class="accordionNavItem">
1051				<a href="/509/Strategic-Priorities-Major-Projects" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Strategic Priorities &amp; Major Projects</span></a>
1052			</div>
1053					</li>
1054
1055			</ol>
1056	</li>
1057
1058	</ol>
1059
1060
1061	
1061<script type="text/javascript">
1062		(function () {
1063			function setupSecondaryMenuProperties() {
1064				//setup menu manager properties for secondary menu
1065				menuManager.isSideMenuEditable = false;
1066				menuManager.sideMenuMaxSubMenuLevels = 4;
1067				menuManager.sideMenuHasCustomLinks = false;
1068			}
1069
1070			if (document.readyState === "loading") {
1071				document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true });
1072				return;
1073			}
1074
1075			setupSecondaryMenuProperties();
1076		})();
1077	</script>
1077
1078
1079	
1079<script type="text/javascript">
1080		(function () {
1081			function setupAccordionSecondaryNav() {
1082				var $menuContainer = $('#secondaryNav');
1083
1084				$menuContainer.find('*[id^="SideItem"]').each(function () {
1085					var ids = $('[id="' + this.id + '"]');
1086					if (ids.length > 1)
1087						$.each(ids, function (index, value) {
1088							value.id = value.id + '_' + index;
1089						});
1090				});
1091
1092				$menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) {
1093					e.preventDefault();
1094					showHideAccordionMenuForSecondaryNav($(this));
1095				});
1096
1097				$menuContainer.find(".grippy").each(function () {
1098					menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav');
1099				});
1100
1101				$menuContainer.find("li").each(function () {
1102					menuManager.setupDroppableAccordionElement($(this), SIDE_MENU);
1103				});
1104			}
1105
1106			if (document.readyState === "loading") {
1107				document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true });
1108				return;
1109			}
1110
1111			setupAccordionSecondaryNav();
1112		})();
1113	</script>
1113
1114
1115
1116
1117</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS">	<div id="cce2bc062b-4831-4066-9e2c-20085c917f95" data-containerid="e2bc062b-4831-4066-9e2c-20085c917f95" class="pageContent cpGrid cpGrid24 showInMobile">
1118				                
1119
1120
1121
1122	</div>
1123</aside>
1124</div>
1125</div></div>
1126</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
1127<div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS">	<div id="ccf9b4ab58-7e44-47b7-b3c5-aec9d5656147" data-containerid="f9b4ab58-7e44-47b7-b3c5-aec9d5656147" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="2">
1128				                
1129
1130		<div class="row outer wide"><!--
1131--><div class="outer col col12 first" style="" data-widgetcontainerid="7f413aa2-6cbd-48f3-bb7e-b7553d0e3f52">�				
1132	<div class="row nest first last wide">�
1133	
1134	<div class="inner col col12 first last idc31e2abb-8727-4a09-acbc-64a45469337e" style="" data-widgetcontainerid="c31e2abb-8727-4a09-acbc-64a45469337e">�	
1135<div data-widget-id="94503350-569b-4fa1-b16b-e9469d780094" data-widget-controller-path="/GraphicLinks/Widget">
1136
1137
1138
1139
1140<div id="graphicLinkWidget94503350-569b-4fa1-b16b-e9469d780094" class="widget widgetGraphicLinks skin45 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:33em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1141	<div class="widgetHeader">
1142		<div class="">
1143				</div>
1144	</div>
1145	<div class="widgetBody cpGrid cpGrid3 ">
1146		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1147				<div class="row   wide">
1148					<!--
1149--><div class="col col1 first "><ul class="semanticList"><!--
1150	    --><li class="widgetItem GraphicLinks">
1151
1152<div>
1153	<a href="http://fortwaltonbeachcityfl.iqm2.com/Citizens/Default.aspx" target="_self" class="fancyButton fancyButton46 " >
1154		<span>
1155			<span><span class="text"><span class="textStyle1">Agendas &amp; Minutes</span><br><span class="textStyle2">Stay up to date</span></span></span>
1156		</span>
1157	</a>
1158</div>
1159		<style scoped="scoped">.fancyButton46.fancyButton:link,.fancyButton46.fancyButton:visited, .fancyButton46div.fancyButton{
1160	background-image: url('/ImageRepository/Document?documentID=76');
1161	background-repeat: no-repeat;
1162	background-position: center 10px ;
1163-webkit-transition: .2s ease-in-out;
1164-moz-transition: .2s ease-in-out;
1165-o-transition: .2s ease-in-out;
1166transition: .2s ease-in-out;
1167background-size: 110px;
1168position: relative;}
1169.fancyButton46.fancyButton:hover,.fancyButton46.fancyButton:focus,.fancyButton46.fancyButton:active,.fancyButton46.fancyButton.hover{
1170	background-image: url('/ImageRepository/Document?documentID=91');
1171	background-repeat: no-repeat;
1172	background-position: center top;
1173background-size: 130px;}
1174.fancyButton46.fancyButton:link > span,.fancyButton46.fancyButton:visited > span, .fancyButton46div.fancyButton > span{
1175}
1176.fancyButton46.fancyButton:hover > span,.fancyButton46.fancyButton:focus > span,.fancyButton46.fancyButton:active > span,.fancyButton46.fancyButton.hover > span{
1177}
1178.fancyButton46.fancyButton .text{
1179	font-family: "Arimo";
1180	padding-top: 9em;
1181	font-style: normal;
1182	text-decoration: none;
1183	padding-top: 9em;
1184	background-image: url('/ImageRepository/Document?documentID=74');
1185	background-repeat: no-repeat;
1186	background-position: center 32px ;
1187transition: .2s ease-in-out;
1188background-size: 65px;
1189}
1190.fancyButton46.fancyButton:hover .text,.fancyButton46.fancyButton:focus .text,.fancyButton46.fancyButton:active .text,.fancyButton46.fancyButton.hover .text{
1191	text-decoration: none;
1192	background-image: url('/ImageRepository/Document?documentID=73');
1193	background-repeat: no-repeat;
1194	background-position: center 32px ;
1195
1196
1197}
1198.fancyButton46.fancyButton .textStyle1{
1199	color: #000000;
1200	font-size: 1em;
1201	font-family: Arimo;
1202	font-weight: 700;
1203	text-decoration: none;
1204text-transform: uppercase;}
1205.fancyButton46.fancyButton:hover .textStyle1, .fancyButton46.fancyButton.hover .textStyle1{
1206	text-decoration: underline;
1207
1208}
1209.fancyButton46.fancyButton .textStyle2{
1210	color: #000000;
1211	font-size: .9em;
1212	font-family: Arimo;
1213	font-style: normal;
1214	text-decoration: none;
1215
1216}
1217.fancyButton46.fancyButton:hover .textStyle2, .fancyButton46.fancyButton.hover .textStyle2{
1218	text-decoration: none;
1219
1220}
1221</style>
1222
1223 </li><!--
1224--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1225	    --><li class="widgetItem GraphicLinks">
1226
1227<div>
1228	<a href="/197/Customer-Service" target="_self" class="fancyButton fancyButton47 " >
1229		<span>
1230			<span><span class="text"><span class="textStyle1">Pay UTILITY bill</span><br><span class="textStyle2">Make payments online</span></span></span>
1231		</span>
1232	</a>
1233</div>
1234		<style scoped="scoped">.fancyButton47.fancyButton:link,.fancyButton47.fancyButton:visited, .fancyButton47div.fancyButton{
1235	background-image: url('/ImageRepository/Document?documentID=76');
1236	background-repeat: no-repeat;
1237	background-position: center 10px ;
1238-webkit-transition: .2s ease-in-out;
1239-moz-transition: .2s ease-in-out;
1240-o-transition: .2s ease-in-out;
1241transition: .2s ease-in-out;
1242background-size: 110px;
1243position: relative;}
1244.fancyButton47.fancyButton:hover,.fancyButton47.fancyButton:focus,.fancyButton47.fancyButton:active,.fancyButton47.fancyButton.hover{
1245	background-image: url('/ImageRepository/Document?documentID=91');
1246	background-repeat: no-repeat;
1247	background-position: center top;
1248background-size: 130px;}
1249.fancyButton47.fancyButton:link > span,.fancyButton47.fancyButton:visited > span, .fancyButton47div.fancyButton > span{
1250}
1251.fancyButton47.fancyButton:hover > span,.fancyButton47.fancyButton:focus > span,.fancyButton47.fancyButton:active > span,.fancyButton47.fancyButton.hover > span{
1252}
1253.fancyButton47.fancyButton .text{
1254	padding-top: 9em;
1255	text-decoration: none;
1256	padding-top: 9em;
1257	background-image: url('/ImageRepository/Document?documentID=84');
1258	background-repeat: no-repeat;
1259	background-position: center 34px ;
1260transition: .2s ease-in-out;
1261background-size: 65px;
1262}
1263.fancyButton47.fancyButton:hover .text,.fancyButton47.fancyButton:focus .text,.fancyButton47.fancyButton:active .text,.fancyButton47.fancyButton.hover .text{
1264	text-decoration: none;
1265	background-image: url('/ImageRepository/Document?documentID=83');
1266	background-repeat: no-repeat;
1267	background-position: center 34px ;
1268
1269
1270}
1271.fancyButton47.fancyButton .textStyle1{
1272	color: #000000;
1273	font-size: 1em;
1274	font-family: Arimo;
1275	font-weight: 700;
1276	text-decoration: none;
1277text-transform: uppercase;}
1278.fancyButton47.fancyButton:hover .textStyle1, .fancyButton47.fancyButton.hover .textStyle1{
1279	text-decoration: underline;
1280
1281}
1282.fancyButton47.fancyButton .textStyle2{
1283	color: #000000;
1284	font-size: .9em;
1285	font-family: Arimo;
1286	font-style: normal;
1287	text-decoration: none;
1288
1289}
1290.fancyButton47.fancyButton:hover .textStyle2, .fancyButton47.fancyButton.hover .textStyle2{
1291	text-decoration: none;
1292
1293}
1294</style>
1295
1296 </li><!--
1297--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1298	    --><li class="widgetItem GraphicLinks">
1299
1300<div>
1301	<a href="/281/Recreation-Cultural-Services" target="_self" class="fancyButton fancyButton48 " >
1302		<span>
1303			<span><span class="text"><span class="textStyle1">Parks &amp; Recreation</span><br><span class="textStyle2">Learn more</span></span></span>
1304		</span>
1305	</a>
1306</div>
1307		<style scoped="scoped">.fancyButton48.fancyButton:link,.fancyButton48.fancyButton:visited, .fancyButton48div.fancyButton{
1308	background-image: url('/ImageRepository/Document?documentID=76');
1309	background-repeat: no-repeat;
1310	background-position: center 10px ;
1311-webkit-transition: .2s ease-in-out;
1312-moz-transition: .2s ease-in-out;
1313-o-transition: .2s ease-in-out;
1314transition: .2s ease-in-out;
1315background-size: 110px;
1316position: relative;}
1317.fancyButton48.fancyButton:hover,.fancyButton48.fancyButton:focus,.fancyButton48.fancyButton:active,.fancyButton48.fancyButton.hover{
1318	background-image: url('/ImageRepository/Document?documentID=91');
1319	background-repeat: no-repeat;
1320	background-position: center top;
1321background-size: 130px;}
1322.fancyButton48.fancyButton:link > span,.fancyButton48.fancyButton:visited > span, .fancyButton48div.fancyButton > span{
1323}
1324.fancyButton48.fancyButton:hover > span,.fancyButton48.fancyButton:focus > span,.fancyButton48.fancyButton:active > span,.fancyButton48.fancyButton.hover > span{
1325}
1326.fancyButton48.fancyButton .text{
1327	font-family: "Arimo";
1328	padding-top: 9em;
1329	font-style: normal;
1330	text-decoration: none;
1331	padding-top: 9em;
1332	background-image: url('/ImageRepository/Document?documentID=82');
1333	background-repeat: no-repeat;
1334	background-position: center 34px ;
1335transition: .2s ease-in-out;
1336background-size: 65px;
1337}
1338.fancyButton48.fancyButton:hover .text,.fancyButton48.fancyButton:focus .text,.fancyButton48.fancyButton:active .text,.fancyButton48.fancyButton.hover .text{
1339	text-decoration: none;
1340	background-image: url('/ImageRepository/Document?documentID=81');
1341	background-repeat: no-repeat;
1342	background-position: center 34px ;
1343
1344
1345}
1346.fancyButton48.fancyButton .textStyle1{
1347	color: #000000;
1348	font-size: 1em;
1349	font-family: Arimo;
1350	font-weight: 700;
1351	text-decoration: none;
1352text-transform: uppercase;}
1353.fancyButton48.fancyButton:hover .textStyle1, .fancyButton48.fancyButton.hover .textStyle1{
1354	text-decoration: underline;
1355
1356}
1357.fancyButton48.fancyButton .textStyle2{
1358	color: #000000;
1359	font-size: .9em;
1360	font-family: Arimo;
1361	font-style: normal;
1362	text-decoration: none;
1363
1364}
1365.fancyButton48.fancyButton:hover .textStyle2, .fancyButton48.fancyButton.hover .textStyle2{
1366	text-decoration: none;
1367
1368}
1369</style>
1370
1371 </li><!--
1372--></ul></div><!--				-->
1373				</div>
1374			</nav>
1375		</div>
1376	<div class="widgetFooter">
1377			</div>
1378</div>
1379</div>
1380
1381	</div> <!-- inner column -->
1382
1383	</div> <!-- inner row -->
1384
1385			</div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="750af6f6-42ca-4079-845f-a18e90f1f6c0">�				
1386	<div class="row nest first last wide">�
1387	
1388	<div class="inner col col12 first last id75598602-1a3f-40f5-aeba-100913b2595c" style="" data-widgetcontainerid="75598602-1a3f-40f5-aeba-100913b2595c">�	
1389<div data-widget-id="a10464ed-e413-45d2-9197-962d0ef49424" data-widget-controller-path="/GraphicLinks/Widget">
1390
1391
1392
1393
1394<div id="graphicLinkWidgeta10464ed-e413-45d2-9197-962d0ef49424" class="widget widgetGraphicLinks skin45 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:33em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1395	<div class="widgetHeader">
1396		<div class="">
1397				</div>
1398	</div>
1399	<div class="widgetBody cpGrid cpGrid3 ">
1400		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1401				<div class="row   wide">
1402					<!--
1403--><div class="col col1 first "><ul class="semanticList"><!--
1404	    --><li class="widgetItem GraphicLinks">
1405
1406<div>
1407	<a href="/239/Police-Department" target="_self" class="fancyButton fancyButton49 " >
1408		<span>
1409			<span><span class="text"><span class="textStyle1">Public Safety</span><br><span class="textStyle2">Police &amp; Fire Department</span></span></span>
1410		</span>
1411	</a>
1412</div>
1413		<style scoped="scoped">.fancyButton49.fancyButton:link,.fancyButton49.fancyButton:visited, .fancyButton49div.fancyButton{
1414	background-image: url('/ImageRepository/Document?documentID=76');
1415	background-repeat: no-repeat;
1416	background-position: center 10px ;
1417-webkit-transition: .2s ease-in-out;
1418-moz-transition: .2s ease-in-out;
1419-o-transition: .2s ease-in-out;
1420transition: .2s ease-in-out;
1421background-size: 110px;
1422position: relative;}
1423.fancyButton49.fancyButton:hover,.fancyButton49.fancyButton:focus,.fancyButton49.fancyButton:active,.fancyButton49.fancyButton.hover{
1424	background-image: url('/ImageRepository/Document?documentID=91');
1425	background-repeat: no-repeat;
1426	background-position: center top;
1427background-size: 130px;}
1428.fancyButton49.fancyButton:link > span,.fancyButton49.fancyButton:visited > span, .fancyButton49div.fancyButton > span{
1429}
1430.fancyButton49.fancyButton:hover > span,.fancyButton49.fancyButton:focus > span,.fancyButton49.fancyButton:active > span,.fancyButton49.fancyButton.hover > span{
1431}
1432.fancyButton49.fancyButton .text{
1433	font-family: "Arimo";
1434	padding-top: 9em;
1435	font-style: normal;
1436	text-decoration: none;
1437	padding-top: 9em;
1438	background-image: url('/ImageRepository/Document?documentID=86');
1439	background-repeat: no-repeat;
1440	background-position: center 34px ;
1441transition: .2s ease-in-out;
1442background-size: 65px;
1443}
1444.fancyButton49.fancyButton:hover .text,.fancyButton49.fancyButton:focus .text,.fancyButton49.fancyButton:active .text,.fancyButton49.fancyButton.hover .text{
1445	text-decoration: none;
1446	background-image: url('/ImageRepository/Document?documentID=85');
1447	background-repeat: no-repeat;
1448	background-position: center 34px ;
1449
1450
1451}
1452.fancyButton49.fancyButton .textStyle1{
1453	color: #000000;
1454	font-size: 1em;
1455	font-family: Arimo;
1456	font-weight: 700;
1457	text-decoration: none;
1458text-transform: uppercase;}
1459.fancyButton49.fancyButton:hover .textStyle1, .fancyButton49.fancyButton.hover .textStyle1{
1460	text-decoration: underline;
1461
1462}
1463.fancyButton49.fancyButton .textStyle2{
1464	color: #000000;
1465	font-size: .9em;
1466	font-family: Arimo;
1467	font-style: normal;
1468	text-decoration: none;
1469
1470}
1471.fancyButton49.fancyButton:hover .textStyle2, .fancyButton49.fancyButton.hover .textStyle2{
1472	text-decoration: none;
1473
1474}
1475</style>
1476
1477 </li><!--
1478--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1479	    --><li class="widgetItem GraphicLinks">
1480
1481<div>
1482	<a href="https://seeclickfix.com/web_portal/XJoQvgAaLQpHnkLNGpufF2NP/issues/map" target="_self" class="fancyButton fancyButton51 " >
1483		<span>
1484			<span><span class="text"><span class="textStyle1">Report a Concern</span><br><span class="textStyle2">Let us know</span></span></span>
1485		</span>
1486	</a>
1487</div>
1488		<style scoped="scoped">.fancyButton51.fancyButton:link,.fancyButton51.fancyButton:visited, .fancyButton51div.fancyButton{
1489	background-image: url('/ImageRepository/Document?documentID=76');
1490	background-repeat: no-repeat;
1491	background-position: center 10px ;
1492-webkit-transition: .2s ease-in-out;
1493-moz-transition: .2s ease-in-out;
1494-o-transition: .2s ease-in-out;
1495transition: .2s ease-in-out;
1496background-size: 110px;
1497position: relative;}
1498.fancyButton51.fancyButton:hover,.fancyButton51.fancyButton:focus,.fancyButton51.fancyButton:active,.fancyButton51.fancyButton.hover{
1499	background-image: url('/ImageRepository/Document?documentID=91');
1500	background-repeat: no-repeat;
1501	background-position: center top;
1502background-size: 130px;}
1503.fancyButton51.fancyButton:link > span,.fancyButton51.fancyButton:visited > span, .fancyButton51div.fancyButton > span{
1504}
1505.fancyButton51.fancyButton:hover > span,.fancyButton51.fancyButton:focus > span,.fancyButton51.fancyButton:active > span,.fancyButton51.fancyButton.hover > span{
1506}
1507.fancyButton51.fancyButton .text{
1508	font-family: "Arimo";
1509	padding-top: 9em;
1510	font-style: normal;
1511	text-decoration: none;
1512	padding-top: 9em;
1513	background-image: url('/ImageRepository/Document?documentID=88');
1514	background-repeat: no-repeat;
1515	background-position: center 34px ;
1516transition: .2s ease-in-out;
1517background-size: 65px;
1518}
1519.fancyButton51.fancyButton:hover .text,.fancyButton51.fancyButton:focus .text,.fancyButton51.fancyButton:active .text,.fancyButton51.fancyButton.hover .text{
1520	text-decoration: none;
1521	background-image: url('/ImageRepository/Document?documentID=87');
1522	background-repeat: no-repeat;
1523	background-position: center 34px ;
1524
1525
1526}
1527.fancyButton51.fancyButton .textStyle1{
1528	color: #000000;
1529	font-size: 1em;
1530	font-family: Arimo;
1531	font-weight: 700;
1532	text-decoration: none;
1533text-transform: uppercase;}
1534.fancyButton51.fancyButton:hover .textStyle1, .fancyButton51.fancyButton.hover .textStyle1{
1535	text-decoration: underline;
1536
1537}
1538.fancyButton51.fancyButton .textStyle2{
1539	color: #000000;
1540	font-size: .9em;
1541	font-family: Arimo;
1542	font-style: normal;
1543	text-decoration: none;
1544
1545}
1546.fancyButton51.fancyButton:hover .textStyle2, .fancyButton51.fancyButton.hover .textStyle2{
1547	text-decoration: none;
1548
1549}
1550</style>
1551
1552 </li><!--
1553--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1554	    --><li class="widgetItem GraphicLinks">
1555
1556<div>
1557	<a href="/225/Employment-Opportunities" target="_self" class="fancyButton fancyButton52 " >
1558		<span>
1559			<span><span class="text"><span class="textStyle1">Jobs</span><br><span class="textStyle2">Employment Opportunities</span></span></span>
1560		</span>
1561	</a>
1562</div>
1563		<style scoped="scoped">.fancyButton52.fancyButton:link,.fancyButton52.fancyButton:visited, .fancyButton52div.fancyButton{
1564	background-image: url('/ImageRepository/Document?documentID=76');
1565	background-repeat: no-repeat;
1566	background-position: center 10px ;
1567-webkit-transition: .2s ease-in-out;
1568-moz-transition: .2s ease-in-out;
1569-o-transition: .2s ease-in-out;
1570transition: .2s ease-in-out;
1571background-size: 110px;
1572position: relative;}
1573.fancyButton52.fancyButton:hover,.fancyButton52.fancyButton:focus,.fancyButton52.fancyButton:active,.fancyButton52.fancyButton.hover{
1574	background-image: url('/ImageRepository/Document?documentID=91');
1575	background-repeat: no-repeat;
1576	background-position: center top;
1577background-size: 130px;}
1578.fancyButton52.fancyButton:link > span,.fancyButton52.fancyButton:visited > span, .fancyButton52div.fancyButton > span{
1579}
1580.fancyButton52.fancyButton:hover > span,.fancyButton52.fancyButton:focus > span,.fancyButton52.fancyButton:active > span,.fancyButton52.fancyButton.hover > span{
1581}
1582.fancyButton52.fancyButton .text{
1583	font-family: "Arimo";
1584	padding-top: 9em;
1585	font-style: normal;
1586	text-decoration: none;
1587	padding-top: 9em;
1588	background-image: url('/ImageRepository/Document?documentID=80');
1589	background-repeat: no-repeat;
1590	background-position: center 33px ;
1591transition: .2s ease-in-out;
1592background-size: 65px;
1593}
1594.fancyButton52.fancyButton:hover .text,.fancyButton52.fancyButton:focus .text,.fancyButton52.fancyButton:active .text,.fancyButton52.fancyButton.hover .text{
1595	text-decoration: none;
1596	background-image: url('/ImageRepository/Document?documentID=79');
1597	background-repeat: no-repeat;
1598	background-position: center 33px ;
1599
1600
1601}
1602.fancyButton52.fancyButton .textStyle1{
1603	color: #000000;
1604	font-size: 1em;
1605	font-family: Arimo;
1606	font-weight: 700;
1607	text-decoration: none;
1608text-transform: uppercase;}
1609.fancyButton52.fancyButton:hover .textStyle1, .fancyButton52.fancyButton.hover .textStyle1{
1610	text-decoration: underline;
1611
1612}
1613.fancyButton52.fancyButton .textStyle2{
1614	color: #000000;
1615	font-size: .9em;
1616	font-family: Arimo;
1617	font-style: normal;
1618	text-decoration: none;
1619
1620}
1621.fancyButton52.fancyButton:hover .textStyle2, .fancyButton52.fancyButton.hover .textStyle2{
1622	text-decoration: none;
1623
1624}
1625</style>
1626
1627 </li><!--
1628--></ul></div><!--				-->
1629				</div>
1630			</nav>
1631		</div>
1632	<div class="widgetFooter">
1633			</div>
1634</div>
1635</div>
1636
1637	</div> <!-- inner column -->
1638
1639	</div> <!-- inner row -->
1640
1641			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1642
1643
1644	</div>
1645</div></div>
1646</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1">
1647    <div class="siteWrap">
1648      <div data-cpRole="contentContainer" id="homeContent1a"></div>
1649    </div>
1650  </div> --><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS">
1651<div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS">	<div id="cc72e06c19-6549-4018-9784-701e191292f8" data-containerid="72e06c19-6549-4018-9784-701e191292f8" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="63">
1652				                
1653
1654		<div class="row outer wide"><!--
1655--><div class="outer col col6 first" style="" data-widgetcontainerid="21a3ac36-7827-4b09-991b-dfc2ba911b09">�				
1656	<div class="row nest first last wide">�
1657	
1658	<div class="inner col col6 first last idb1419e36-e8e6-4f81-9074-68fd9bbe0080" style="" data-widgetcontainerid="b1419e36-e8e6-4f81-9074-68fd9bbe0080">�	
1659    <div data-widget-id="513abc89-42d0-4387-a5d5-3a73db70e6a3" data-widget-controller-path="/InfoAdvanced/Widget">
1660
1661
1662
1663
1664
1665	<section id="divInfoAdv513abc89-42d0-4387-a5d5-3a73db70e6a3" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
1666			<header class="widgetHeader" id="header513abc89-42d0-4387-a5d5-3a73db70e6a3">
1667		<div class="">
1668								</div>
1669	</header>
1670	<div class="widgetBody  cpGrid cpGrid1 ">
1671		<div class="row  wide">
1672					<div class="col col1 first last">
1673						<ol class="pageStyles semanticList">
1674
1675<li class="InfoAdvanced widgetItem fr-view">
1676	<p><a href="/"><img src="/ImageRepository/Document?documentId=100" class="fr-dib fr-fil" alt="FL Fort Walton Beach Homepage"></a></p>
1677</li>						</ol>
1678					</div>
1679		</div>
1680	</div>
1681	<div class="widgetFooter">
1682
1683	</div>
1684
1685	</section>
1686
1687
1688
1689<script type="text/javascript">
1690	//Render slideshow if info advacned items contain one.
1691	$(document).ready(function (e) {
1692		$('#divInfoAdv513abc89-42d0-4387-a5d5-3a73db70e6a3 .InfoAdvanced.widgetItem').each(function () {
1693			renderSlideshowIfApplicable($(this));		
1694		});
1695	});
1696</script>
1696</div>
1697	</div> <!-- inner column -->
1698
1699	</div> <!-- inner row -->
1700
1701			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="1558ae91-72c2-439f-a187-0e73a85d5d60">�				
1702	<div class="row nest first last wide">�
1703	
1704	<div class="inner col col3 first last id437b01bf-35c3-4f63-8032-663053798e2d" style="" data-widgetcontainerid="437b01bf-35c3-4f63-8032-663053798e2d">�	
1705
1706<div class="widget widgetSpacer" id="606636d1-d835-441f-b241-b4d1b2a7319d"></div>
1707	</div> <!-- inner column -->
1708
1709	</div> <!-- inner row -->
1710
1711			</div><!-- outer column --><!----><div class="outer col col15 last" style="" data-widgetcontainerid="9ce0f7f4-0ea8-479f-a1c4-dfa6772980ff">�				
1712	<div class="row nest first wide">�
1713	
1714	<div class="inner col col15 first last idd0ddd798-4326-4f53-9d25-c8c545d076c8" style="" data-widgetcontainerid="d0ddd798-4326-4f53-9d25-c8c545d076c8">�	
1715    <div data-widget-id="c03dd095-75f8-4792-be1a-c11e65baa536" data-widget-controller-path="/InfoAdvanced/Widget">
1716
1717
1718
1719
1720
1721	<section id="divInfoAdvc03dd095-75f8-4792-be1a-c11e65baa536" class="widget widgetInfoAdvanced skin37 widgetOptionSet33 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
1722			<header class="widgetHeader" id="headerc03dd095-75f8-4792-be1a-c11e65baa536">
1723		<div class="">
1724								</div>
1725	</header>
1726	<div class="widgetBody  cpGrid cpGrid3 ">
1727		<div class="row autoWidths right wide">
1728					<div class="col col1 first ">
1729						<ol class="pageStyles semanticList">
1730
1731<li class="InfoAdvanced widgetItem fr-view">
1732	<p>107 Miracle Strip Parkway SW</p>
1733</li>						</ol>
1734					</div>
1735					<div class="col col1  ">
1736						<ol class="pageStyles semanticList">
1737
1738<li class="InfoAdvanced widgetItem fr-view">
1739	<p>Fort Walton Beach, FL 32548</p>
1740</li>						</ol>
1741					</div>
1742					<div class="col col1  last">
1743						<ol class="pageStyles semanticList">
1744
1745<li class="InfoAdvanced widgetItem fr-view">
1746	<p>Phone: <a href="tel:8508339500">850-833-9500</a></p>
1747</li>						</ol>
1748					</div>
1749		</div>
1750	</div>
1751	<div class="widgetFooter">
1752
1753	</div>
1754
1755	</section>
1756
1757
1758
1759<script type="text/javascript">
1760	//Render slideshow if info advacned items contain one.
1761	$(document).ready(function (e) {
1762		$('#divInfoAdvc03dd095-75f8-4792-be1a-c11e65baa536 .InfoAdvanced.widgetItem').each(function () {
1763			renderSlideshowIfApplicable($(this));		
1764		});
1765	});
1766</script>
1766</div>
1767	</div> <!-- inner column -->
1768
1769	</div> <!-- inner row -->
1770	<div class="row nest last wide">�
1771	
1772	<div class="inner col col15 first last idd254a872-84ca-4a6f-a60b-b29b8040f099" style="" data-widgetcontainerid="d254a872-84ca-4a6f-a60b-b29b8040f099">�	
1773	<div data-widget-id="a569d741-3f6b-4e13-b0ec-5e98a604c27e" data-widget-controller-path="/QuickLinks/Widget">
1774
1775
1776
1777
1778
1779
1780
1781
1782	<section id="widgetQuicklinka569d741-3f6b-4e13-b0ec-5e98a604c27e" class="widget widgetQuickLinks skin37 widgetOptionSet48 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
1783			<header class="widgetHeader" id="quickLinksHeadera569d741-3f6b-4e13-b0ec-5e98a604c27e">
1784		<div class="">
1785						</div>
1786	</header>
1787	<div class="widgetBody cpGrid cpGrid5 ">
1788        <div class="row autoWidths right narrow">
1789				<div class="col col1 first ">
1790					<ol class="semanticList">
1791
1792    <li style="position:relative" class="widgetItem QuickLinks">
1793        <a class="widgetDesc widgetQuickLinksLink" href="https://library.municode.com/fl/fort_walton_beach/codes/code_of_ordinances" target="_self" >Code of Ordinances</a>
1794        <div class="widgetMeta"></div>
1795    </li>
1796					</ol>
1797				</div>
1798				<div class="col col1  ">
1799					<ol class="semanticList">
1800
1801    <li style="position:relative" class="widgetItem QuickLinks">
1802        <a class="widgetDesc widgetQuickLinksLink" href="/165/Mayor-Council" target="_self" >Mayor & Council</a>
1803        <div class="widgetMeta"></div>
1804    </li>
1805					</ol>
1806				</div>
1807				<div class="col col1  ">
1808					<ol class="semanticList">
1809
1810    <li style="position:relative" class="widgetItem QuickLinks">
1811        <a class="widgetDesc widgetQuickLinksLink" href="/191/Public-Records" target="_self" >Public Records</a>
1812        <div class="widgetMeta"></div>
1813    </li>
1814					</ol>
1815				</div>
1816				<div class="col col1  last">
1817					<ol class="semanticList">
1818
1819    <li style="position:relative" class="widgetItem QuickLinks">
1820        <a class="widgetDesc widgetQuickLinksLink" href="/Archive.aspx?AMID=41" target="_self" >Water Quality Reports</a>
1821        <div class="widgetMeta"></div>
1822    </li>
1823					</ol>
1824				</div>
1825				<div class="col col1  ">
1826					<ol class="semanticList">
1827					</ol>
1828				</div>
1829		</div>
1830        
1831	</div>
1832	<div class="widgetFooter">
1833	</div>
1834	<div class="addItemModal hidden">
1835		<div class="url hidden">/QuickLinks.aspx</div>
1836	</div>
1837
1838	</section>
1839</div>
1840
1841	</div> <!-- inner column -->
1842
1843	</div> <!-- inner row -->
1844
1845			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1846
1847
1848	</div>
1849</div></div>
1850</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS">
1851<div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS">	<div id="cccdb6508c-70da-47a5-82a9-a9e24f42b602" data-containerid="cdb6508c-70da-47a5-82a9-a9e24f42b602" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="63">
1852				                
1853
1854		<div class="row outer wide"><!--
1855--><div class="outer col col6 first" style="" data-widgetcontainerid="2a90add6-1ab6-47be-910f-733ef9a61ddc">�				
1856	<div class="row nest first last wide">�
1857	
1858	<div class="inner col col6 first last idf83c2c5b-adf3-4098-a0e2-841d6f696234" style="" data-widgetcontainerid="f83c2c5b-adf3-4098-a0e2-841d6f696234">�	
1859<div data-widget-id="cd8ff21c-e34c-41e3-aa05-ff92d1628d84" data-widget-controller-path="/GraphicLinks/Widget">
1860
1861
1862
1863
1864<div id="graphicLinkWidgetcd8ff21c-e34c-41e3-aa05-ff92d1628d84" class="widget widgetGraphicLinks skin55 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1865	<div class="widgetHeader">
1866		<div class="">
1867				</div>
1868	</div>
1869	<div class="widgetBody cpGrid cpGrid6 ">
1870		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1871				<div class="row   wide">
1872					<!--
1873--><div class="col col1 first "><ul class="semanticList"><!--
1874	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self">
1875
1876<img src="/ImageRepository/Document?documentID=40" 
1877     class="graphicButtonLink" alt="Facebook" 
1878     onmouseover="this.src='/ImageRepository/Document?documentID=40'" 
1879	onmouseout="this.src='/ImageRepository/Document?documentID=40'"
1880     onfocus="this.src='/ImageRepository/Document?documentID=40'" 
1881	onblur="this.src='/ImageRepository/Document?documentID=40'"> 
1882</a></li><!--
1883--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1884	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/twitter" target="_self">
1885
1886<img src="/ImageRepository/Document?documentID=42" 
1887     class="graphicButtonLink" alt="Twitter" 
1888     onmouseover="this.src='/ImageRepository/Document?documentID=42'" 
1889	onmouseout="this.src='/ImageRepository/Document?documentID=42'"
1890     onfocus="this.src='/ImageRepository/Document?documentID=42'" 
1891	onblur="this.src='/ImageRepository/Document?documentID=42'"> 
1892</a></li><!--
1893--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1894	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self">
1895
1896<img src="/ImageRepository/Document?documentID=41" 
1897     class="graphicButtonLink" alt="Instagram" 
1898     onmouseover="this.src='/ImageRepository/Document?documentID=41'" 
1899	onmouseout="this.src='/ImageRepository/Document?documentID=41'"
1900     onfocus="this.src='/ImageRepository/Document?documentID=41'" 
1901	onblur="this.src='/ImageRepository/Document?documentID=41'"> 
1902</a></li><!--
1903--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1904	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self">
1905
1906<img src="/ImageRepository/Document?documentID=43" 
1907     class="graphicButtonLink" alt="YouTube" 
1908     onmouseover="this.src='/ImageRepository/Document?documentID=43'" 
1909	onmouseout="this.src='/ImageRepository/Document?documentID=43'"
1910     onfocus="this.src='/ImageRepository/Document?documentID=43'" 
1911	onblur="this.src='/ImageRepository/Document?documentID=43'"> 
1912</a></li><!--
1913--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1914	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/city-of-fort-walton-beach" target="_self">
1915
1916<img src="/ImageRepository/Document?documentID=44" 
1917     class="graphicButtonLink" alt="Linkedin" 
1918     onmouseover="this.src='/ImageRepository/Document?documentID=44'" 
1919	onmouseout="this.src='/ImageRepository/Document?documentID=44'"
1920     onfocus="this.src='/ImageRepository/Document?documentID=44'" 
1921	onblur="this.src='/ImageRepository/Document?documentID=44'"> 
1922</a></li><!--
1923--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1924--></ul></div><!--				-->
1925				</div>
1926			</nav>
1927		</div>
1928	<div class="widgetFooter">
1929			</div>
1930</div>
1931</div>
1932
1933	</div> <!-- inner column -->
1934
1935	</div> <!-- inner row -->
1936
1937			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="93881bba-1039-4248-b8de-ec2daf5866e2">�				
1938	<div class="row nest first last wide">�
1939	
1940	<div class="inner col col3 first last id975be4e2-d130-4a53-8be9-a53365906b73" style="" data-widgetcontainerid="975be4e2-d130-4a53-8be9-a53365906b73">�	
1941
1942<div class="widget widgetSpacer" id="78accf46-e0a8-47f5-93da-5e6fb482f492"></div>
1943	</div> <!-- inner column -->
1944
1945	</div> <!-- inner row -->
1946
1947			</div><!-- outer column --><!----><div class="outer col col15 last" style="" data-widgetcontainerid="09cf68be-8c94-4c88-aba0-a48d2222b7ce">�				
1948	<div class="row nest first wide">�
1949	
1950	<div class="inner col col15 first last idb9d2610c-89f0-465c-889f-9e5c5668c42e" style="" data-widgetcontainerid="b9d2610c-89f0-465c-889f-9e5c5668c42e">�	
1951	<div data-widget-id="e421fb0b-bf10-4e7e-9327-69c6561dc797" data-widget-controller-path="/QuickLinks/Widget">
1952
1953
1954
1955
1956
1957
1958
1959
1960	<section id="widgetQuicklinke421fb0b-bf10-4e7e-9327-69c6561dc797" class="widget widgetQuickLinks skin37 widgetOptionSet48 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
1961			<header class="widgetHeader" id="quickLinksHeadere421fb0b-bf10-4e7e-9327-69c6561dc797">
1962		<div class="">
1963						</div>
1964	</header>
1965	<div class="widgetBody cpGrid cpGrid6 ">
1966        <div class="row autoWidths right narrow">
1967				<div class="col col1 first ">
1968					<ol class="semanticList">
1969
1970    <li style="position:relative" class="widgetItem QuickLinks">
1971        <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a>
1972        <div class="widgetMeta"></div>
1973    </li>
1974					</ol>
1975				</div>
1976				<div class="col col1  ">
1977					<ol class="semanticList">
1978
1979    <li style="position:relative" class="widgetItem QuickLinks">
1980        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a>
1981        <div class="widgetMeta"></div>
1982    </li>
1983					</ol>
1984				</div>
1985				<div class="col col1  ">
1986					<ol class="semanticList">
1987
1988    <li style="position:relative" class="widgetItem QuickLinks">
1989        <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a>
1990        <div class="widgetMeta"></div>
1991    </li>
1992					</ol>
1993				</div>
1994				<div class="col col1  ">
1995					<ol class="semanticList">
1996
1997    <li style="position:relative" class="widgetItem QuickLinks">
1998        <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a>
1999        <div class="widgetMeta"></div>
2000    </li>
2001					</ol>
2002				</div>
2003				<div class="col col1  ">
2004					<ol class="semanticList">
2005
2006    <li style="position:relative" class="widgetItem QuickLinks">
2007        <a class="widgetDesc widgetQuickLinksLink" href="/copyright" target="_self" >Copyright Notices</a>
2008        <div class="widgetMeta"></div>
2009    </li>
2010					</ol>
2011				</div>
2012				<div class="col col1  last">
2013					<ol class="semanticList">
2014
2015    <li style="position:relative" class="widgetItem QuickLinks">
2016        <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy Policy</a>
2017        <div class="widgetMeta"></div>
2018    </li>
2019					</ol>
2020				</div>
2021		</div>
2022        
2023	</div>
2024	<div class="widgetFooter">
2025	</div>
2026	<div class="addItemModal hidden">
2027		<div class="url hidden">/QuickLinks.aspx</div>
2028	</div>
2029
2030	</section>
2031</div>
2032
2033	</div> <!-- inner column -->
2034
2035	</div> <!-- inner row -->
2036	<div class="row nest last wide">�
2037	
2038	<div class="inner col col15 first last id20835866-1aef-4ce4-858a-ec9d5ef138fc" style="" data-widgetcontainerid="20835866-1aef-4ce4-858a-ec9d5ef138fc">�	
2039 
2040	<div data-widget-id='04f5e9b4-f3be-4ed4-9920-5d4819b31c95' data-moduleName="customHtml" id='widgetCustomHtml04f5e9b4-f3be-4ed4-9920-5d4819b31c95' class="widget widgetCustomHtml skin37 narrow" >
2041	<div class="widgetBody pageStyles" id="widgetBody04f5e9b4-f3be-4ed4-9920-5d4819b31c95">
2042		<div id="customHtml04f5e9b4-f3be-4ed4-9920-5d4819b31c95"><div><!-- CP BAR -->
2043
2044    <style>
2045    /* CP icon */
2046    .cpBylineIconTS {
2047        color: #000;
2048    }
2049    /* CP Text */
2050    .cpBylineTextTS,
2051    .cpBylineTextTS a:link {
2052        color: #000;
2053    }
2054
2055    .cpBylineTS {
2056        text-align: right;
2057    }
2058    
2059    .cpBylineIconTS {
2060        fill: currentColor;
2061        width: 39px;
2062        height: 26px;
2063        display: inline;
2064        vertical-align: middle;
2065    }
2066    </style>
2067
2068    <div class="widgetItem cpBylineTS">
2069    <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
2070        <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>
2071        <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>
2072    </svg>
2073    <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
2074    </div></div></div>
2075	</div>
2076
2077	</div>
2078
2079	</div> <!-- inner column -->
2080
2081	</div> <!-- inner row -->
2082
2083			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2084
2085
2086	</div>
2087</div></div>
2088</div>
2089</div>
2090
2091            </div>
2092        </div>
2093    </div>
2094
2095<link href="/745732998.css" rel="stylesheet" type="text/css" />
2096
2097<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
2098	<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">
2099		<div class="cp-Splash-header">
2100			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
2101			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
2102				<svg id="iconClose" viewBox="0 0 25 25">
2103					<polygon style="fill:currentcolor"
2104							 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>
2105				</svg>
2106			</button>
2107		</div>
2108		<div class="cp-Splash-body">
2109			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
2110				<!-- Content from the Froala Editor will go here. -->
2111				Loading
2112			</div>
2113		</div>
2114		<div class="cp-Splash-footer">
2115			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
2116			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
2117		</div>
2118	</div>
2119</div>
2120
2121<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2121
2121
2122<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2122
2122
2123<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2123
2123
2124<script>
2125
2126		$(document).ready(function () {
2127			var filter = {
2128				targetId: '27',
2129				targetType: 1
2130			}
2131
2132			new SplashModalRender().triggerRender(filter);
2133		});
2134</script>
2134
2135
2136
2137	
2138	
2139	
2140	
2141
2142
2143
2144	
2144<script type="text/javascript">function dynamicStretchContainers () {Core.Layout.stretchContainers('#contentWrapTS, #siteSidebarTS, #featureColumn');}</script>
2144
2145
2146
2147
2148
2149
2150
2151    
2151<script src="/-1442400649.js" type="text/javascript"></script>
2151
2152    <!-- Fixed Nav Adjustment -->
2153<script>
2154  function getValueTS(elem, attr) {
2155    const val = elem.css(attr);
2156    if (val === undefined) return undefined;
2157    const num = parseInt(val, 10);
2158    if (num === NaN) return undefined;
2159    return num;
2160  }
2161
2162  function clampTS(number, min, max) {
2163    return Math.min(Math.max(number, min), max);
2164  }
2165
2166  function isPageEditingTS() {
2167    return (
2168      $("#doneEditing").length > 0 || // In live edit
2169      typeof DesignCenter !== "undefined" // In theme manager
2170    );
2171  }
2172
2173  const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/;
2174  function isTransparentTS(elem) {
2175    const bg = elem.css('background-color');
2176    if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false;
2177    const matchState = bg.match(bgColorRegexTS);
2178    if (!matchState || matchState.length !== 5) return false;
2179    const alpha = parseFloat(matchState[4], 10);
2180    if (!(alpha >= 0 && alpha < 1)) return false;
2181    return true;
2182  }
2183
2184  function iterateLeftpads(cb) {
2185    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
2186    for (let i = 0; i < containersTS.length; i++) {
2187      const containerTS = containersTS[i];
2188      // Skip the body container and anything with data-skip-leftpad
2189      if (
2190        containerTS.id !== "bodyContainerTS" &&
2191        containerTS.getAttribute('data-skip-leftpad') === null
2192      ) {
2193        cb(containerTS);
2194      }
2195    }
2196  }
2197
2198  function iterateRightpads(cb) {
2199    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
2200    for (let i = 0; i < containersTS.length; i++) {
2201      const containerTS = containersTS[i];
2202      // Skip the body container and anything with data-skip-rightpad
2203      if (
2204        containerTS.id !== "bodyContainerTS" &&
2205        containerTS.getAttribute('data-skip-rightpad') === null
2206      ) {
2207        cb(containerTS);
2208      }
2209    }
2210  }
2211
2212  const anchor = $("#divToolbars");
2213
2214  // Outer banner padding (push banner down)
2215  const outerSizingTS = $("#bannerContainerTS");
2216  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
2217  const innerSizingTS = $("#bannerSizingTS");
2218  const bodyContainerTS = $("#bodyContainerTS");
2219  const headerContainerTS = $("#headerContainerTS");
2220  const forceUnfixClassTS = "forceUnfixTS";
2221
2222  const fixedTopTS = $(".fixedTopTS");
2223  const fixedBottomTS = $(".fixedBottomTS");
2224  const fixedLeftTS = $(".fixedLeftTS");
2225  const fixedRightTS = $(".fixedRightTS");
2226
2227  var initialTopTS;
2228  var topAttachTS;
2229  if (fixedTopTS && fixedTopTS.length === 1) {
2230    initialTopTS = getValueTS(fixedTopTS, 'top');
2231    const attachment = fixedTopTS.attr('data-attach');
2232    if (attachment) topAttachTS = $("#" + attachment);
2233    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
2234  }
2235
2236  function resizeAdjustmentTS() {
2237    const editing = isPageEditingTS();
2238
2239    // Fixed top script
2240    (function () {
2241      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;
2242
2243      if (editing) {
2244        fixedTopTS[0].classList.add(forceUnfixClassTS);
2245      } else {
2246        fixedTopTS[0].classList.remove(forceUnfixClassTS);
2247      }
2248
2249      const topPosition = fixedTopTS.css('position');
2250      if (topPosition === 'fixed') {
2251        if (topAttachTS) {
2252          scrollAdjustmentTS();
2253        } else {
2254          const anchorHeight = anchor.outerHeight() - 1;
2255          fixedTopTS.css('top', anchorHeight + initialTopTS);
2256        }
2257      } else {
2258        fixedTopTS.css('top', initialTopTS);
2259      }
2260
2261      if (topPosition === 'fixed' || topPosition === 'absolute') {
2262        // Bump the banner content down
2263        if (isTransparentTS(fixedTopTS)) {
2264          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1);
2265          outerSizingTS.css('padding-top', '');
2266
2267          try {
2268            window.Pages.onResizeHandlersExecute();
2269          } catch (e) { }
2270        } else {
2271          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
2272          innerSizingTS.css('padding-top', '');
2273        }
2274      } else {
2275        innerSizingTS.css('padding-top', '');
2276        outerSizingTS.css('padding-top', '');
2277      }
2278    })();
2279
2280    // Fixed bottom script
2281    (function () {
2282      if (!fixedBottomTS || fixedBottomTS.length === 0) return;
2283
2284      // If the widget has gone narrow, force unfix
2285      if (editing || fixedBottomTS.outerHeight() > 200) {
2286        fixedBottomTS[0].classList.add(forceUnfixClassTS);
2287      } else {
2288        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
2289      }
2290
2291      if (fixedBottomTS.css('position') === 'fixed') {
2292        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
2293      } else {
2294        bodyContainerTS.css('padding-bottom', '');
2295      }
2296    })();
2297
2298    // Fixed left script
2299    (function () {
2300      if (!fixedLeftTS || fixedLeftTS.length === 0) return;
2301
2302      if (editing) {
2303        fixedLeftTS[0].classList.add(forceUnfixClassTS);
2304      } else {
2305        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
2306      }
2307
2308      if (fixedLeftTS.css('position') === 'fixed') {
2309        const anchorHeight = anchor.outerHeight() - 1;
2310        const headerHeight = headerContainerTS.outerHeight() - 1;
2311        fixedLeftTS.css('top', anchorHeight + headerHeight + 100);
2312        const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
2313        iterateLeftpads(function (containerTS) {
2314          const containerBoundingTS = containerTS.getBoundingClientRect();
2315          if (containerBoundingTS.left <= leftBoundingTS.right) {
2316            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
2317          }
2318        });
2319      } else {
2320        fixedLeftTS.css('top', '');
2321        iterateLeftpads(function (containerTS) {
2322          $(containerTS).css('padding-left', '');
2323        });
2324      }
2325    })();
2326
2327    // Fixed right script
2328    (function () {
2329      if (!fixedRightTS || fixedRightTS.length === 0) return;
2330
2331      if (editing) {
2332        fixedRightTS[0].classList.add(forceUnfixClassTS);
2333      } else {
2334        fixedRightTS[0].classList.remove(forceUnfixClassTS);
2335      }
2336
2337      if (fixedRightTS.css('position') === 'fixed') {
2338        const anchorHeight = anchor.outerHeight() - 1;
2339        const headerHeight = headerContainerTS.outerHeight() - 1;
2340        fixedRightTS.css('top', anchorHeight + headerHeight + 100);
2341        const rightBoundingTS = fixedRightTS[0].getBoundingClientRect();
2342        iterateRightpads(function (containerTS) {
2343          const containerBoundingTS = containerTS.getBoundingClientRect();
2344          if (containerBoundingTS.right >= rightBoundingTS.left) {
2345            $(containerTS).css('padding-right', rightBoundingTS.width + 16);
2346          }
2347        });
2348      } else {
2349        fixedRightTS.css('top', '');
2350        iterateRightpads(function (containerTS) {
2351          $(containerTS).css('padding-right', '');
2352        });
2353      }
2354    })();
2355  }
2356
2357  function scrollAdjustmentTS() {
2358    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
2359    const topPosition = fixedTopTS.css('position');
2360    if (topPosition === 'fixed' || topPosition === 'absolute') {
2361      const anchorBounding = anchor[0].getBoundingClientRect();
2362      const attachBounding = topAttachTS[0].getBoundingClientRect();
2363      const scrollTop = $(window).scrollTop();
2364
2365      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
2366    } else {
2367      fixedTopTS.css('top', initialTopTS);
2368    }
2369  }
2370
2371  $(window).load(function () {
2372    setTimeout(function () {
2373      resizeAdjustmentTS();
2374    }, 350);
2375
2376    $(window).scroll(function () {
2377      scrollAdjustmentTS();
2378    });
2379
2380    var adjustTimeoutTS;
2381    $(window).resize(function () {
2382      clearTimeout(adjustTimeoutTS);
2383      adjustTimeoutTS = setTimeout(function () {
2384        resizeAdjustmentTS();
2385      }, 350);
2386    });
2387
2388    $.when(window.Pages.angularToolbarComplete).done(function () {
2389      resizeAdjustmentTS();
2390    });
2391  });
2392</script>
2392
2393<!-- End Fixed Nav Adjustment --><!-- AudioEye --> 
2393<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash="acf07446f0c4979ea1d8999e8ac7cb15";var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
2393 <!-- End AudioEye -->
2394
2395
2396    
2396<script type="text/javascript">
2397        $(function () {
2398            document.cookie = "responsiveGhost=0; path=/";
2399        });
2400        $(window).on("load", function () {
2401            $('body').addClass('doneLoading').removeClass('hideContent');
2402
2403            if ($('#404Content').length > 0)
2404                $('div#bodyWrapper').css('padding', '0px');
2405        });
2406    </script>
2406
2407
2408    <noscript>
2409        <style>
2410            body.hideContent {
2411                opacity: 1 !important;
2412            }
2413        </style>
2414    </noscript>
2415
2416        
2417<div style="display: none;">
2418	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
2419
2420		<symbol id="iconArrow--left" viewbox="0 0 25 25">
2421			<title>Arrow Left</title>
2422			<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>
2423		</symbol>
2424
2425		<symbol id="iconArrow--right" viewbox="0 0 25 25">
2426			<title>Arrow Right</title>
2427			<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>
2428		</symbol>
2429
2430	</svg>
2431</div>
2432    
2432<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Arimo:500,500italic,600,600italic,700,700italic,italic,regular|Poppins:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|');</script>
2432
2433    
2434
2435    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
2436        <div style="display: none;">
2437            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
2438                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
2439                    <title>Slideshow Left Arrow</title>
2440                    <g>
2441                        <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>
2442                    </g>
2443                </symbol>
2444                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
2445                    <title>Slideshow Right Arrow</title>
2446                    <g>
2447                        <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>
2448                    </g>
2449                </symbol>
2450            </svg>
2451        </div>
2452    
2453	
2454	
2455
2456    <div id="root-picker-outlet"></div>
2457</body>
2458</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.