PageSourceSearch

https://cityofdestin.com/27/Our-Government

html cityofdestin.com collected 2026-10-02 10:43:14 UTC 173,421 bytes, 3,820 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-BG7LSNKYP5';w[l]=w[l]||[];w[l].push({'gtm.start':
9				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
10				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
11				'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
12				})(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12
13				<!-- End Google Tag Manager for GA4 -->
14				
14<script type='text/javascript'>
15					var enableTelemetry = 'false'
16					var aiConfig = {
17					instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f'						
18					}
19					var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig);
20					window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length;
21					// Add telemetry initializer
22					appInsights.queue.push(function() {
23						appInsights.context.addTelemetryInitializer(function(envelope) {
24							var telemetryItem = envelope.data.baseData;
25							// To check the telemetry item’s type:
26							if (!false)
27							{
28								//If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that
29								if (envelope.name.indexOf('.Event') == -1)
30									return false;
31							}
32						});
33					});						
34					appInsights.trackPageView();
35				</script>
35
36	
36<script>
37		function populateAntiForgery(token) {
38			var input = document.createElement("input");
39			input.name = "__RequestVerificationToken";
40			input.type = "hidden";
41			input.value = token;
42			var absPat = /^https?:\/\/|^\/\//i;
43			var forms = document.getElementsByTagName("form");
44			for (var i = 0; i < forms.length; i++) {
45				if (forms[i].method == "post" &&
46					!forms[i].querySelector('[name="__RequestVerificationToken"]') &&
47					!absPat.test(forms[i].getAttribute("action"))) {
48					forms[i].appendChild(input.cloneNode());
49				}
50			}
51		}
52
53		function getAntiForgeryToken(callback, error) {
54			var xhr = new XMLHttpRequest();
55			xhr.open("GET", "/antiforgery");
56			xhr.addEventListener("load", function() {
57				try {
58					if (this.status !== 200) {
59						throw Error("Invalid status. Could not retrieve antiforgery token.");
60		}
61					var obj = JSON.parse(this.responseText);
62					callback(obj.token);
63				} catch (e) {
64					typeof error === "function" && error(e);
65				}
66			});
67			xhr.send();
68		}
69
70		getAntiForgeryToken(function(token) {
71			if (document.readyState === "complete"
72				|| document.readyState === "loaded" 
73				|| document.readyState === "interactive") {
74				populateAntiForgery(token);
75				return;
76			}
77			document.addEventListener("DOMContentLoaded", function() {
78				populateAntiForgery(token);
79			}, false);
80		}, console.error);
81			</script>
81
82			
83
84	
84<script type="text/javascript">
85		window.departmentHeader = {};
86		window.pageSectionTracker = {};
87		window.isResponsiveEnabled = true;
88		window.isRemoveSetHeights= true;
89		if (window.isRemoveSetHeights) {
90			document.documentElement.className += ' removeSetHeights';
91		}
92		window.mainMenuMediaQuery = 'screen and (max-width: 40em)';
93		window.isMobileBrowserIncludingTablets = false;
94		window.fixedResponsiveMenu = false;
95		window.fullWidthResponsiveMenu = false;
96		window.responsiveMenuHeight = '';
97		window.responsiveMenuFontSize = '';
98		window.isContentAdvisor = false;
99		(function () {
100			window.setSizeCookie = function () {
101				document.cookie = "dpi=" + window.devicePixelRatio + "; path=/";
102				document.cookie = "viewportWidth=" + window.innerWidth + "; path=/";
103				document.cookie = "viewportHeight=" + window.innerHeight + "; path=/";
104				if (screen && screen.width && screen.height) {
105					document.cookie = "screenWidth=" + screen.width + "; path=/";
106					document.cookie = "screenHeight=" + screen.height + "; path=/";
107				}
108				document.cookie = "responsiveGhost=1; path=/";
109			};
110
111			setSizeCookie();
112		}());
113	</script>
113
114		<meta name="viewport" content="width=device-width, initial-scale=1">
115
116	
116<script async src="https://docaccess.com/docbox.js"></script>
116
117	
118	<meta name="category0" content="Home" />
119<meta name="category1" content="Our Government" />
120
121	
122	<meta name="theme-color" content="#003478">
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 | Destin, FL - Official Website</title>
126
127		<meta name="description" content="">
128		<meta name="keywords" content="Mayor &amp; City Council">
129			
129<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
129
130	
130<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
130
131	
132
133	<!--[if IE 6]>
133<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
133<![endif]-->
134	<!--[if IE 7]>
134<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
134<![endif]-->
135	<!--[if IE 8]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]-->
136	<!--[if IE 9]>
136<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
136<![endif]-->
137	
137<script type="text/javascript"><!--
138	var intCountryCode = 840;
139	var order = '';
140//--></script>
140
141	
142<link href="/-681783051.css" rel="stylesheet" type="text/css" />	<link href="/-2140275272.css" rel="stylesheet" type="text/css" />	<link href="/-1407404360.css" rel="stylesheet" type="text/css" />
143
144	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
145	
145<script type="text/javascript">
146		window.Pages = window.Pages || {};
147		// FrontEnd RWD initialization
148		window.Pages.rwdReady = $.Deferred();
149		window.Pages.toolBarDeferred = $.Deferred();
150		window.Pages.rwdSetupComplete = $.Deferred();
151		window.Pages.megaMenuLoaded = $.Deferred();
152		window.Pages.angularToolbarComplete = $.Deferred();
153		window.Pages.frontEndToolbarComplete = $.Deferred();
154	</script>
154
155	<!--CPHeadContent-->
156	
156<script src="/739942322.js" type="text/javascript"></script>
156
157	
158	
159	
160	
161
162
163
164
165	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
166	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
167	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
168	<!--[if lt IE 9]>
168<script type="text/javascript" src="/Scripts/html5.js"></script>
168<![endif]-->
169
170	
170<script type="text/javascript">
171		setEditorVariables(false, 840);
172		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
173	</script>
173
174	
174<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
174
175</head>
176<body class="wide " >
177
178    
178<script>jQuery(document).click(function (event) {
179	var target = jQuery(event.target);
180	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
181		var text = target.attr('title');
182		
183		if (!text.length) {
184			text = "N/A";
185		}
186		ga('send',
187			{
188				hitType: 'event',
189				eventCategory: 'Image',
190				eventAction: 'Image - ' + text,
191				eventLabel: window.location.href
192			});
193	}
194	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
195		var text = "";
196		if (target.parents('.button')[0]) {
197			text = target.parents('.button').first().text();
198		} else if (target.text().length) {
199			text = target.text();
200		} else if (target.attr('title').length) {
201			text = target.attr('title');
202		}
203		if (!text.length) {
204			text = "N/A";
205		}
206		ga('send',
207			{
208				hitType: 'event',
209				eventCategory: 'Button',
210				eventAction: 'Button - ' + text,
211				eventLabel: window.location.href
212			});
213	}
214	if (target.parents('.widgetCustomHtml').length) {
215		ga('send',
216			{
217				hitType: 'event',
218				eventCategory: 'Custom Html',
219				eventAction: 'Custom Html Clicked',
220				eventLabel: window.location.href
221			});
222	}
223	if (target.parents('.editor').length) {
224		ga('send',
225			{
226				hitType: 'event',
227				eventCategory: 'Editor',
228				eventAction: 'Editor Link Clicked',
229				eventLabel: window.location.href
230			});
231	}
232	if (target.parents('.GraphicLinks').length) {
233		var text = "";
234		var targetGraphicLink = target;
235		if (target.hasClass('widgetGraphicLinksLink')) {
236			targetGraphicLink = jQuery(target.children()[0]);
237		}
238		if (targetGraphicLink.hasClass('text')) {
239			text = targetGraphicLink.text();
240		} else if (targetGraphicLink.attr('src').length) {
241			if (targetGraphicLink.attr('alt').length) {
242				text = targetGraphicLink.attr('alt');
243			} else {
244				text = targetGraphicLink.attr('src');
245			}
246		} else {
247			text = "N/A";
248		}
249		ga('send',
250			{
251				hitType: 'event',
252				eventCategory: 'Graphic Links',
253				eventAction: 'Graphic Link - ' + text,
254				eventLabel: window.location.href
255			});
256	}
257	if (target.parents('.InfoAdvanced').length) {
258		ga('send',
259			{
260				hitType: 'event',
261				eventCategory: 'Info Advanced',
262				eventAction: 'Info Advanced Clicked',
263				eventLabel: window.location.href
264			});
265	}
266	if (target.parents('.list').length) {
267		ga('send',
268			{
269				hitType: 'event',
270				eventCategory: 'List',
271				eventAction: 'List Clicked',
272				eventLabel: window.location.href
273			});
274	}
275	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
276		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
277		var breadCrumbs = [];
278		jQuery('.breadCrumbs > li').each(function () {
279			 breadCrumbs.push(this.textContent);
280		});
281		var pageTitle = breadCrumbs.join('>');
282		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
283		var text = "";
284		if (pageTitle) {
285			text += pageTitle + " | ";
286		} else {
287			text += document.title + ' - ';
288		}
289		if (target.text() == "" && megaMenuText == "") {
290			text += "N/A";
291		} else if (target.text().length && megaMenuText.length) {
292			if (megaMenuText == target.text()) {
293				text += megaMenuText;
294			} else {
295				text += megaMenuText + " - " + subTitleText + " - " + target.text();
296			}
297		} else if (target.text() == "") {
298			text += megaMenuText;
299		} else {
300			text += target.text();
301		}
302		if (!text.length) {
303			text = "N/A";
304		}
305		ga('send',
306			{
307				hitType: 'event',
308				eventCategory: 'Mega Menu',
309				eventAction: 'Mega Menu : ' + text,
310				eventLabel: window.location.href
311			});
312	}
313	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
314		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
315		if (!text.length) {
316			text = "N/A";
317		}
318		ga('send',
319			{
320				hitType: 'event',
321				eventCategory: 'News Flash',
322				eventAction: 'News Flash - ' + text,
323				eventLabel: window.location.href
324			});
325	}
326	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
327		var text = target.text();
328		if (!text.length) {
329			text = "N/A";
330		}
331		ga('send',
332			{
333				hitType: 'event',
334				eventCategory: 'Quick Links',
335				eventAction: 'Quick Links - ' + text,
336				eventLabel: window.location.href
337			});
338	}
339	if (target.attr('src') && target.parents('.cpSlideshow').length) {
340		var text = target.attr('title');
341		if (!text.length) {
342			text = "N/A";
343		}
344		ga('send',
345			{
346				hitType: 'event',
347				eventCategory: 'Slideshow',
348				eventAction: 'Slideshow - ' + text,
349				eventLabel: window.location.href
350			});
351	}
352	if (target.parents('.widgetText').length) {
353		ga('send',
354			{
355				hitType: 'event',
356				eventCategory: 'Text',
357				eventAction: 'Text Link Clicked',
358				eventLabel: window.location.href
359			});
360	}
361});</script>
361
362	<div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;">
363	<div class="cp-PopOver-header">
364		<h3 class="cp-PopOver-title"></h3>
365		<button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)">
366			<svg class="cp-Icon--close" alt="close" title="close">
367				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use>
368			</svg>
369		</button>
370	</div>
371	<div id="cpPopOverBody" class="cp-PopOver-body">
372		<form id="cpPopOverForm" name="cpPopOverForm" novalidate></form>
373	</div>
374	<div id="cpPopOverFooter" class="cp-PopOver-footer">
375		<div class="cp-BtnGroup" id="actionButtons">
376			<!-- Action buttons will be dynamically added here -->
377		</div>
378	</div>
379</div>
380    <div id="fb-root"></div>
381<div id=skipToContentLinks>
382<a href="#cc25d598d7-9db7-4fee-988e-5fb872dc3aee" target="_self" class="skipToContentLink">Skip to Main Content</a>
383</div>
384    <form id="frmReferenceFormForTelerikEditorDialogs"></form>
385
386        <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />
387
388
389
390    <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
391    <input type="hidden" id="hdnStructureID" value="5" />
392    <input type="hidden" id="hdnContentCollectionID" value="bcdbbb7b-72db-4f84-aa46-5f48dda54b6a" />
393    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
394    <input type="hidden" id="hdnThemeID" value="7" />
395    <input type="hidden" id="pageIsFrontEnd" value="true" />
396    <input type="hidden" id="pageModuleID" />
397    <input type="hidden" id="pagePageID" value="27" />
398
399    <div id="stickyPlaceholder"></div>
400    <div id="outer-wrap" class="outer-wrap">
401        <div id="inner-wrap" class="inner-wrap">
402                <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
403                    
404
405
406
407                </div>
408            <div id="bodyWrapper">
409                <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
410                
411<div data-cpRole="structuralContainer" id="bodyContainerTS">
412<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS">
413<div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">
414
415
416
417
418				<a id="bannerLogoTS-12" style="			display: block; text-align: center;
419" class="bannerObject" href="/" target="_self"><img alt="Home Page" class="bannerObject" height="88" src="/ImageRepository/Document?documentID=14076" width="209" /></a>
420</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
421<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
422--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!--
423			--><!--
424			--> <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>			<!--
425			--><!--
426			--></li><!----><li id="MainItem8" class="topMenuItem" role="none" data-pageid="8" data-displaymegamenu="True"><!--
427			--><!--
428			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu8" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem2 " href="/8/Services" target = "_self" >   Services  </a>			<!--
429			--><!--
430			--></li><!----><li id="MainItem501" class="topMenuItem" role="none" data-pageid="501" data-displaymegamenu="False"><!--
431			--><!--
432			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="ParentMainItem501" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem3 " href="/501/Community" target = "_self" >   Community  </a>			<!--
433			--><!--
434			--></li><!----><li id="MainItem505" class="topMenuItem" role="none" data-pageid="505" data-displaymegamenu="True"><!--
435			--><!--
436			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu505" id = "mainNavIWantTo" class="navMainItem mainNavItem mainNavItem4 " href="/505/I-Want-To" target = "_self" >   I Want To...  </a>			<!--
437			--><!--
438			--></li><!---->
439</ol>
440
441
442	
442<script type="text/javascript">
443		(function () {
444			function setupMenu() {
445				const menuID = 'mainNavMenu';
446				const menuType = MAIN_MENU;
447
448				//setup menu manager properties for main menu
449				if (!menuManager.mobileMainNav && true)
450					menuManager.adjustMainItemsWidth('#' + menuID);
451				menuManager.isMainMenuEditable = false;
452				menuManager.mainMenuMaxSubMenuLevels = 4;
453				menuManager.setMOMMode(2, menuType);
454
455				//Init main menu
456				const setupDraggable = menuManager.isMainMenuEditable;
457				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=7&menuContainerID=mainNav';
458
459				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
460				menuManager.mainMenuInit = true;
461				menuManager.mainMenuTextResizer = false;
462				if (1.00 > 0)
463					menuManager.mainMenuTextResizerRatio = 1.00;
464				if (window.isResponsiveEnabled)
465					menuManager.mainMenuReady.resolve();
466
467			}
468
469			if (document.readyState === "complete"
470				|| document.readyState === "loaded"
471				|| document.readyState === "interactive") {
472				setupMenu();
473				return;
474			}
475
476			document.addEventListener("DOMContentLoaded", setupMenu);
477		})();
478	</script>
478
479
480
481<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="cc604214de-c577-4da7-9a93-044dab732618" data-containerid="604214de-c577-4da7-9a93-044dab732618" class="pageContent cpGrid cpGrid24">
482				                
483
484
485
486	</div>
487</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu8" class="contentTop mainNavMegaMenu megaMenuContainer pageID_8 hidden" data-orientation="horizontal">	<div id="cc696638d0-0c39-4566-b336-73b247540b49" data-containerid="696638d0-0c39-4566-b336-73b247540b49" class="pageContent cpGrid cpGrid24">
488				                
489
490
491
492	</div>
493</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu505" class="contentTop mainNavMegaMenu megaMenuContainer pageID_505 hidden" data-orientation="horizontal">	<div id="ccf2b99525-815b-470d-a07c-d882e98838bc" data-containerid="f2b99525-815b-470d-a07c-d882e98838bc" class="pageContent cpGrid cpGrid24">
494				                
495
496
497
498	</div>
499</aside></aside></nav></div>
500</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
501<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS">
502<div data-cpRole="structuralContainer" id="bannerSearchTS">
503<div class="siteWrap"><div data-cpRole="contentContainer" id="searchTS">	<div id="cc873996ca-1491-4435-8781-7cf5ba2ab765" data-containerid="873996ca-1491-4435-8781-7cf5ba2ab765" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="30">
504				                
505
506		<div class="row outer wide"><!--
507--><div class="outer col col12 first" style="" data-widgetcontainerid="bafd8e05-7bb2-4a34-bc63-0a9c290b4d37">�				
508	<div class="row nest first last wide">�
509	
510	<div class="inner col col6 first id617fcfe7-c103-4e7a-bee2-2c33bcdc59e9" style="" data-widgetcontainerid="617fcfe7-c103-4e7a-bee2-2c33bcdc59e9">�	
511<div data-widget-id="caefa2b9-778a-4c89-942e-2b91c282409e" data-widget-controller-path="/GraphicLinks/Widget">
512
513
514
515
516<div id="graphicLinkWidgetcaefa2b9-778a-4c89-942e-2b91c282409e" class="widget widgetGraphicLinks skin19 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
517	<div class="widgetHeader">
518		<div class="">
519				</div>
520	</div>
521	<div class="widgetBody cpGrid cpGrid1 ">
522		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
523				<ul class="semanticList">
524					<!--
525	    --><li class="widgetItem GraphicLinks">
526
527<div>
528	<a href="/590/View-Rip-Current-Information" target="_self" class="fancyButton fancyButton152 " >
529		<span>
530			<span><span class="text">Rip Current</span></span>
531		</span>
532	</a>
533</div>
534		<style scoped="scoped">.fancyButton152.fancyButton:link,.fancyButton152.fancyButton:visited, .fancyButton152div.fancyButton{
535	padding-left: 45px;
536	background-image: url('/ImageRepository/Document?documentID=14096');
537	background-repeat: no-repeat;
538	background-position: left center;
539margin: 0 auto;
540width: 125px;}
541.fancyButton152.fancyButton:hover,.fancyButton152.fancyButton:focus,.fancyButton152.fancyButton:active,.fancyButton152.fancyButton.hover{
542}
543.fancyButton152.fancyButton:link > span,.fancyButton152.fancyButton:visited > span, .fancyButton152div.fancyButton > span{
544}
545.fancyButton152.fancyButton:hover > span,.fancyButton152.fancyButton:focus > span,.fancyButton152.fancyButton:active > span,.fancyButton152.fancyButton.hover > span{
546}
547.fancyButton152.fancyButton .text{
548	color: #008a94;
549	font-size: 1.2em;
550	font-family: "Barlow Condensed";
551	text-align: left;
552	font-weight: 600;
553	text-decoration: none;
554	background-repeat: no-repeat;
555	background-position: left top;
556height: 35px;
557}
558.fancyButton152.fancyButton:hover .text,.fancyButton152.fancyButton:focus .text,.fancyButton152.fancyButton:active .text,.fancyButton152.fancyButton.hover .text{
559	text-decoration: underline;
560	background-repeat: no-repeat;
561	background-position: left top;
562
563
564}
565</style>
566
567 </li><!--
568				-->
569				</ul>
570			</nav>
571		</div>
572	<div class="widgetFooter">
573			</div>
574</div>
575</div>
576
577	</div> <!-- inner column -->
578	<div class="inner col col6 last id59458736-8fc5-4369-8d02-f491e96b0d78" style="" data-widgetcontainerid="59458736-8fc5-4369-8d02-f491e96b0d78">�	
579<div data-widget-id="461501a0-0821-4dae-9353-18dda6ed0cd2" data-widget-controller-path="/GraphicLinks/Widget">
580
581
582
583
584<div id="graphicLinkWidget461501a0-0821-4dae-9353-18dda6ed0cd2" class="widget widgetGraphicLinks skin17 widgetOptionSet38 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
585	<div class="widgetHeader">
586		<div class="">
587				</div>
588	</div>
589	<div class="widgetBody cpGrid cpGrid3 ">
590		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
591				<div class="row   wide">
592					<!--
593--><div class="col col1 first "><ul class="semanticList"><!--
594	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/cityofdestin/" target="_blank">
595
596<img src="/ImageRepository/Document?documentID=14087" 
597     class="graphicButtonLink" alt="Facebook (opens in new window)" 
598     onmouseover="this.src='/ImageRepository/Document?documentID=14087'" 
599	onmouseout="this.src='/ImageRepository/Document?documentID=14087'"
600     onfocus="this.src='/ImageRepository/Document?documentID=14087'" 
601	onblur="this.src='/ImageRepository/Document?documentID=14087'"> 
602</a></li><!--
603--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
604	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/cityofdestinofficial/" target="_blank">
605
606<img src="/ImageRepository/Document?documentID=14771" 
607     class="graphicButtonLink" alt="Instagram Logo Centered (opens in new window)" 
608     onmouseover="this.src='/ImageRepository/Document?documentID=14771'" 
609	onmouseout="this.src='/ImageRepository/Document?documentID=14771'"
610     onfocus="this.src='/ImageRepository/Document?documentID=14771'" 
611	onblur="this.src='/ImageRepository/Document?documentID=14771'"> 
612</a></li><!--
613--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
614	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/user/CityofDestin" target="_blank">
615
616<img src="/ImageRepository/Document?documentID=14095" 
617     class="graphicButtonLink" alt="YouTube (opens in new window)" 
618     onmouseover="this.src='/ImageRepository/Document?documentID=14095'" 
619	onmouseout="this.src='/ImageRepository/Document?documentID=14095'"
620     onfocus="this.src='/ImageRepository/Document?documentID=14095'" 
621	onblur="this.src='/ImageRepository/Document?documentID=14095'"> 
622</a></li><!--
623--></ul></div><!--				-->
624				</div>
625			</nav>
626		</div>
627	<div class="widgetFooter">
628			</div>
629</div>
630</div>
631
632	</div> <!-- inner column -->
633
634	</div> <!-- inner row -->
635
636			</div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="4c783b38-8af3-4f0b-8a0d-40bc220e5123">�				
637	<div class="row nest first last wide">�
638	
639	<div class="inner col col12 first last idab333173-76d6-48a5-a5ba-d8cc98a15e31" style="" data-widgetcontainerid="ab333173-76d6-48a5-a5ba-d8cc98a15e31">�	
640<div data-widget-id="5bffb846-8760-4390-8fb7-4dfda8ff95f7" data-widget-controller-path="/Layout/WidgetSearch">
641	
642	
642<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
642
643	
643<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
643
644	
644<script defer type="text/javascript">
645
646		$(document).ready(function () {
647			try {
648				// Minimum characters required before performing a search/autocomplete
649				var minPrefixLength = 3;
650				var autoCompleteDebounceDelay = 500;
651				var searchFieldSelector = "#searchField" + '5bffb846-8760-4390-8fb7-4dfda8ff95f7';
652				var checkboxSelector = "#ysnSearchOnlyDept" + '5bffb846-8760-4390-8fb7-4dfda8ff95f7';
653				var buttonSelector = ".widgetSearchButton" + '5bffb846-8760-4390-8fb7-4dfda8ff95f7';
654				var autoCompleteCache = {};
655				var autoCompleteCacheKeys = [];
656				var autoCompleteCacheLimit = 25;
657				var currentAutoCompleteRequest = null;
658				var currentAutoCompleteRequestKey = null;
659				var autoCompleteDebounceTimer = null;
660				var autoCompleteDebounceKey = null;
661				var pendingAutoCompleteResponses = [];
662
663				function normalizeAutoCompleteTerm(term) {
664					return $.trim((term || "") + "").replace(/\s+/g, " ");
665				}
666
667				function shouldSearch(term) {
668					return normalizeAutoCompleteTerm(term).length >= minPrefixLength;
669				}
670
671				function getAutoCompleteUrl() {
672					return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : '');
673				}
674
675				function getAutoCompleteCacheKey(requestUrl, term) {
676					return requestUrl + "|" + term.toLowerCase();
677				}
678
679				function cacheAutoCompleteResult(cacheKey, data) {
680					if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
681						autoCompleteCacheKeys.push(cacheKey);
682						if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) {
683							delete autoCompleteCache[autoCompleteCacheKeys.shift()];
684						}
685					}
686					autoCompleteCache[cacheKey] = data;
687				}
688
689				function respondToPendingAutoComplete(data) {
690					var responses = pendingAutoCompleteResponses;
691					pendingAutoCompleteResponses = [];
692					for (var i = 0; i < responses.length; i++) {
693						responses[i](data);
694					}
695				}
696
697				function cancelPendingAutoComplete() {
698					clearTimeout(autoCompleteDebounceTimer);
699					autoCompleteDebounceKey = null;
700					if (currentAutoCompleteRequest != null) {
701						currentAutoCompleteRequest.abort();
702						currentAutoCompleteRequest = null;
703					}
704					currentAutoCompleteRequestKey = null;
705					respondToPendingAutoComplete([]);
706				}
707
708				function createWidgetAutoCompleteSource(options) {
709					return function (request, response) {
710						var term = normalizeAutoCompleteTerm(request.term);
711						if (!options.shouldSearch(term)) {
712							response([]);
713							return;
714						}
715
716						var requestUrl = options.url();
717						var cacheKey = getAutoCompleteCacheKey(requestUrl, term);
718						if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
719							response(autoCompleteCache[cacheKey]);
720							if (options.success) {
721								options.success(autoCompleteCache[cacheKey]);
722							}
723							return;
724						}
725
726						if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) {
727							pendingAutoCompleteResponses.push(response);
728							return;
729						}
730
731						cancelPendingAutoComplete();
732						autoCompleteDebounceKey = cacheKey;
733						pendingAutoCompleteResponses.push(response);
734						autoCompleteDebounceTimer = setTimeout(function () {
735							autoCompleteDebounceKey = null;
736							currentAutoCompleteRequestKey = cacheKey;
737							currentAutoCompleteRequest = $.ajax({
738								url: requestUrl,
739								dataType: "json",
740								timeout: options.timeout,
741								data: {
742									term: term,
743								},
744								success: function (data) {
745									if (currentAutoCompleteRequestKey === cacheKey) {
746										cacheAutoCompleteResult(cacheKey, data);
747										respondToPendingAutoComplete(data);
748										if (options.success) {
749											options.success(data);
750										}
751									}
752								},
753								error: function (xmlhttprequest, textstatus, message) {
754									if (textstatus === "abort") {
755										return;
756									}
757
758									if (options.error) {
759										options.error(xmlhttprequest, textstatus, message);
760									}
761
762									respondToPendingAutoComplete([]);
763								},
764								complete: function (xmlhttprequest) {
765									if (currentAutoCompleteRequest === xmlhttprequest) {
766										currentAutoCompleteRequest = null;
767										currentAutoCompleteRequestKey = null;
768									}
769								}
770							});
771						}, options.delay);
772					};
773				}
774
775				// click handler for search buttons
776				$(buttonSelector).click(function (e) {
777					e.preventDefault();
778					var $btn = $(this);
779					var $field = $btn.siblings(".widgetSearchBox");
780					var term = $field.val() + "";
781					if (!shouldSearch(term)) {
782						// do nothing until user types enough characters
783						$field.focus();
784						return;
785					}
786
787					if ($(checkboxSelector).is(':checked') || false)
788					{
789						doWidgetSearch($.trim(term), Number(0));
790					}
791					else {
792						doWidgetSearch($.trim(term), 0);
793					}
794				});
795
796				// enter key handler for the search field
797				$(searchFieldSelector).keypress(function (e) {
798					var code = e.which || e.keyCode;
799					if (code === 13) {
800						e.preventDefault();
801						var $this = $(this);
802						var term = $this.val() + "";
803						if (!shouldSearch(term)) {
804							// do nothing until user types enough characters
805							$this.focus();
806							return false;
807						}
808
809						if ($(checkboxSelector).is(':checked') || false) {
810							doWidgetSearch($.trim(term), Number(0));
811						} else {
812							doWidgetSearch($.trim(term), 0);
813						}
814						return false;
815					}
816					return true;
817				});
818
819				// autocomplete: set minLength and guard source
820				if (true) {
821					var $searchField = $(searchFieldSelector).autocomplete({
822						minLength: minPrefixLength,
823						source: createWidgetAutoCompleteSource({
824							delay: autoCompleteDebounceDelay,
825							timeout: 10000,
826							shouldSearch: shouldSearch,
827							url: getAutoCompleteUrl,
828							success: function () {
829								$('.autoCompleteError').remove();
830							},
831							error: function (xmlhttprequest, textstatus, message) {
832								if (textstatus === "timeout") {
833									if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0)
834										$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector));
835								}
836							}
837						}),
838						html: true,
839						delay: 0,
840						select: function (event, ui) {
841							$(this).val(ui.item.value);
842							$(this).next().click();
843						}
844					});
845
846					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
847						return $("<li class=\"itemList\"></li>")
848							.data("ui-autocomplete-item", item)
849							.append("<a>" + item.label + "</a>")
850							.appendTo(ul);
851					};
852				}
853
854				// keep searchBtnApplyQuery consistent with prefix rule
855				window.searchBtnApplyQuery = function() {
856					var $field = $(searchFieldSelector);
857					var term = $field.val() + "";
858					if (shouldSearch(term)) {
859						// update href for the icon/button (if present)
860						var btn = document.getElementById("btnSearchIcon");
861						if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term));
862					} else {
863						var btn = document.getElementById("btnSearchIcon");
864						if (btn) btn.href = "#";
865					}
866				};
867			}
868			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.
869		});
870	</script>
870
871	<style scoped type="text/css">.widgetOptionSet31 {
872margin-top: .5em;
873}</style>
874
875	<section id="widgetPreviewSearch" class="widget widgetSearch skin10 widgetOptionSet31" style="display: block;" aria-label="Search">
876				<!-- For the button right and inside -->
877		<div class="widgetBody buttonRightInside">
878			<input class="widgetSearchBox widgetSearchBox5bffb846-8760-4390-8fb7-4dfda8ff95f7" cp5ph="true" id="searchField5bffb846-8760-4390-8fb7-4dfda8ff95f7" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" />
879						<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton5bffb846-8760-4390-8fb7-4dfda8ff95f7" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=14079" data-image="/ImageRepository/Document?documentID=14080" src="/ImageRepository/Document?documentID=14080" /></a>
880
881			<label class="searchLabel" aria-hidden="true" for="searchField5bffb846-8760-4390-8fb7-4dfda8ff95f7">Search</label>
882		</div>
883
884	</section>
885
886
887<style scoped>
888	  
889		.widgetSearch ::-webkit-input-placeholder {
890		color: #003477;
891	  }
892		.widgetSearch :-moz-placeholder { /* Firefox 18- */
893	   color: #003477;
894	}
895		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
896	   color: #003477;
897	}
898	.widgetSearch :-ms-input-placeholder {
899	   color: #003477;
900	}
901	
902
903	.widgetSearch .widgetBody .widgetSearchBox5bffb846-8760-4390-8fb7-4dfda8ff95f7
904	{
905		color: #003477;
906		background: transparent; border: 0; border-left: 4px solid #6AADE4; height: 49px; padding: 0 50px 0 20px;  text-transform: uppercase; font-family: Barlow Condensed; font-weight: 500; font-size: 1.1em;
907	}
908	.widgetSearch .widgetBody .widgetSearchButton5bffb846-8760-4390-8fb7-4dfda8ff95f7
909	{
910		margin: 0;
911	}
912	.widgetSearch .widgetSearch-onlyDept5bffb846-8760-4390-8fb7-4dfda8ff95f7
913	{
914		display: inline-block;
915		color: #333;
916		
917		
918		 padding-top: 10px;
919	}
920	#ysnSearchOnlyDept5bffb846-8760-4390-8fb7-4dfda8ff95f7
921	{
922		position: relative;
923		top: .125em;
924	}
925
926</style>
927
928<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
929<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
930
931
932
933<script type="text/javascript">
934	//Updates search icons href to have the correct queryString
935	function searchBtnApplyQuery() {
936		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField5bffb846-8760-4390-8fb7-4dfda8ff95f7").value;
937	}
938</script>
938
939
940</div>
941
942	</div> <!-- inner column -->
943
944	</div> <!-- inner row -->
945
946			</div><!-- outer column --><!--		--></div> <!-- outer row -->
947
948
949	</div>
950</div></div>
951</div><div data-cpRole="structuralContainer" id="bannerWelcomeTS">
952<div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS">	<div id="cc2fbc4b7e-68db-4f48-87e6-038cc309fcd9" data-containerid="2fbc4b7e-68db-4f48-87e6-038cc309fcd9" class="pageContent cpGrid cpGrid24 showInMobile">
953				                
954
955
956
957	</div>
958</div></div>
959</div>
960</div>
961
962
963
964
965		<div id="bannerImagesJSON13" class="hidden"></div>
966		<div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none">
967			<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>
968			<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>
969		</div>
970			
970<script type="text/javascript">
971				$(window).on("load", function () {
972					$.when(window.Pages.rwdSetupComplete)
973						.done(function () {
974							renderExternalBannerSlideshow('banner1',
975								{"BannerOptionID":13,"ThemeID":7,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":80,"BannerOptionID":13,"FileName":"/ImageRepository/Document?documentID=9722","Height":1014,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":81,"BannerOptionID":13,"FileName":"/ImageRepository/Document?documentID=9257","Height":780,"Width":2000,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":82,"BannerOptionID":13,"FileName":"/ImageRepository/Document?documentID=9254","Height":780,"Width":2000,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":9,"BannerOptionID":13,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202012110909506857.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
976								'/App_Themes/2020 - Interior/Images/',
977								'Rotating');
978						});
979				});
980			</script>
980
981
982</div>
983</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
984<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
985<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
986<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
987<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">		<ol class="semanticList breadCrumbs">
988			<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>
989		</ol>
990
991	   
992    
993</div><div data-cpRole="mainContentContainer" id="moduleContent">
994	
995	<div id="page" class="moduleContentNew">
996		
997
998	<input id="hdnPageID" name="hdnPageID" type="hidden" value="27" />
999	<input id="hdnParentID" name="hdnParentID" type="hidden" value="1" />
1000	<input id="hdnVersionID" name="hdnVersionID" type="hidden" value="6161" />
1001	<input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Our Government" />
1002	<input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
1003	<input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" />
1004	<input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" />
1005
1006				<h1 id="versionHeadLine" class="headline">
1007
1008Our Government		</h1>
1009	
1010		<div id="cc25d598d7-9db7-4fee-988e-5fb872dc3aee" data-containerid="25d598d7-9db7-4fee-988e-5fb872dc3aee" class="pageContent cpGrid cpGrid24"  data-contentcontainerbreakpoint="30" >
1011			
1012
1013		<div class="row outer wide"><!--
1014--><div class="outer col col24 first last" style="" data-widgetcontainerid="87356896-7c29-462e-96cb-48426c7b1214">�				
1015	<div class="row nest first last wide">�
1016	
1017	<div class="inner col col24 first last id55823e37-b2b2-43cb-a7ec-518a291cac57" style="" data-widgetcontainerid="55823e37-b2b2-43cb-a7ec-518a291cac57">�	
1018		<nav class="widget clear dynamicSubpage widgetPages skin10 wide" id="widgetPage34ab6c41-93d1-4346-a36e-a6fccf2dbd2d" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label = Pages>
1019				<div class="hidden widgetTypeID">9</div>
1020	<div class="hidden depth">1</div>
1021	<div class="hidden cols">1</div>
1022	<div class="hidden format">2</div>		
1023	<div class="widgetBody">
1024		
1025	<div class="widgetBody cpGrid cpGrid1 ">
1026		<div class="row wide">
1027
1028					<div class="col col1">
1029						<ol class="semanticList layout2">
1030										<li class="megaMenuItem widgetItem" data-pageid="107" role="none">
1031				<div class="widgetTitle">
1032					<a href="/107/Agendas-Minutes" target="_self" >Agendas &amp; Minutes</a>
1033				</div>
1034				<p class="widgetDesc">Access current and past agendas and minutes for the city council.</p>
1035				
1036			</li>			<li class="megaMenuItem widgetItem" data-pageid="138" role="none">
1037				<div class="widgetTitle">
1038					<a href="/138/Boards-Committees" target="_self" >Boards &amp; Committees</a>
1039				</div>
1040				<p class="widgetDesc">View information about all the various boards and committees associated with the City of Destin.</p>
1041				
1042			</li>			<li class="megaMenuItem widgetItem" data-pageid="400" role="none">
1043				<div class="widgetTitle">
1044					<a href="/Facilities.aspx?page=list&amp;search=1&amp;CID=5" target="_self" >City Buildings</a>
1045				</div>
1046				<p class="widgetDesc"></p>
1047				
1048			</li>			<li class="megaMenuItem widgetItem" data-pageid="347" role="none">
1049				<div class="widgetTitle">
1050					<a href="/347/City-Holidays" target="_self" >City Holidays</a>
1051				</div>
1052				<p class="widgetDesc">View the observed holidays for the City of Destin.</p>
1053				
1054			</li>			<li class="megaMenuItem widgetItem" data-pageid="414" role="none">
1055				<div class="widgetTitle">
1056					<a href="/DocumentCenter/View/15358/FY2023-STRATEGIC-PLAN-SUMMARY" target="_self" >City of Destin Strategic Plan</a>
1057				</div>
1058				<p class="widgetDesc"></p>
1059				
1060			</li>			<li class="megaMenuItem widgetItem" data-pageid="408" role="none">
1061				<div class="widgetTitle">
1062					<a href="https://library.municode.com/fl/destin/codes/code_of_ordinances?nodeId=CD_ORDCIDEFL" target="_self" >City Ordinances</a>
1063				</div>
1064				<p class="widgetDesc"></p>
1065				
1066			</li>			<li class="megaMenuItem widgetItem" data-pageid="440" role="none">
1067				<div class="widgetTitle">
1068					<a href="/440/Community-Redevelopment-Areas" target="_self" >Community Redevelopment Areas</a>
1069				</div>
1070				<p class="widgetDesc"></p>
1071				
1072			</li>			<li class="megaMenuItem widgetItem" data-pageid="137" role="none">
1073				<div class="widgetTitle">
1074					<a href="/137/Departments" target="_self" >Departments</a>
1075				</div>
1076				<p class="widgetDesc">Explore information about the various city departments.</p>
1077				
1078			</li>			<li class="megaMenuItem widgetItem" data-pageid="714" role="none">
1079				<div class="widgetTitle">
1080					<a href="/714/2025-State-of-the-City" target="_self" >2025 State of the City</a>
1081				</div>
1082				<p class="widgetDesc"></p>
1083				
1084			</li>			<li class="megaMenuItem widgetItem" data-pageid="732" role="none">
1085				<div class="widgetTitle">
1086					<a href="/732/2025-Year-in-Review" target="_self" >2025 Year in Review</a>
1087				</div>
1088				<p class="widgetDesc">2025 Year in Review</p>
1089				
1090			</li>			<li class="megaMenuItem widgetItem" data-pageid="142" role="none">
1091				<div class="widgetTitle">
1092					<a href="/142/Mayor-Council" target="_self" >Mayor &amp; Council</a>
1093				</div>
1094				<p class="widgetDesc">Meet the Destin City Council.</p>
1095				
1096			</li>			<li class="megaMenuItem widgetItem" data-pageid="424" role="none">
1097				<div class="widgetTitle">
1098					<a href="/424/Vision" target="_self" >Vision</a>
1099				</div>
1100				<p class="widgetDesc"></p>
1101				
1102			</li>			<li class="megaMenuItem widgetItem" data-pageid="544" role="none">
1103				<div class="widgetTitle">
1104					<a href="/285/Projects" target="_self" >Projects</a>
1105				</div>
1106				<p class="widgetDesc"></p>
1107				
1108			</li>			<li class="megaMenuItem widgetItem" data-pageid="502" role="none">
1109				<div class="widgetTitle">
1110					<a href="/361/Public-Records" target="_self" >Public Records</a>
1111				</div>
1112				<p class="widgetDesc"></p>
1113				
1114			</li>			<li class="megaMenuItem widgetItem" data-pageid="472" role="none">
1115				<div class="widgetTitle">
1116					<a href="/472/Transportation-Planning" target="_self" >Transportation Planning</a>
1117				</div>
1118				<p class="widgetDesc"></p>
1119				
1120			</li>			<li class="megaMenuItem widgetItem" data-pageid="503" role="none">
1121				<div class="widgetTitle">
1122					<a href="https://www.youtube.com/user/CityofDestin" target="_self" >Watch Council Meetings</a>
1123				</div>
1124				<p class="widgetDesc"></p>
1125				
1126			</li>						</ol>
1127					</div>
1128		</div>
1129	</div>
1130
1131
1132
1133
1134	</div>
1135
1136		</nav>
1137
1138
1139
1140	</div> <!-- inner column -->
1141
1142	</div> <!-- inner row -->
1143
1144			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1145
1146
1147		</div>
1148
1149	</div>
1150
1151	
1152	<div class="newCP">
1153
1154	</div>
1155</div>
1156</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent">	<div id="ccd540520e-2f59-4aba-8dfa-9d815c0d57ea" data-containerid="d540520e-2f59-4aba-8dfa-9d815c0d57ea" class="pageContent cpGrid cpGrid24 showInMobile">
1157				                
1158
1159
1160
1161	</div>
1162</aside>
1163</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar">
1164<aside data-cpRole="contentContainer" id="sidebarContainer1TS">	<div id="cc12b66a80-0d8a-453f-b5d3-fd9587852dec" data-containerid="12b66a80-0d8a-453f-b5d3-fd9587852dec" class="pageContent cpGrid cpGrid24 showInMobile">
1165				                
1166
1167
1168
1169	</div>
1170</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav">
1171
1172
1173
1174
1175
1176	<ol role="menu" id="secondaryMenusecondaryNav" data-parent="27" class="rootNavMenu accordionNav">
1177	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem107" data-pageid="107">
1178		<div class="accordionNavItem">
1179			<a href="/107/Agendas-Minutes" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Agendas &amp; Minutes</a>
1180		</div>
1181			</li>
1182	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem138" data-pageid="138">
1183		<div class="accordionNavItem">
1184			<a href="/138/Boards-Committees" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boards &amp; Committees</a>
1185		</div>
1186			</li>
1187	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem400" data-pageid="400">
1188		<div class="accordionNavItem">
1189			<a href="/Facilities.aspx?page=list&amp;search=1&amp;CID=5" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Buildings</a>
1190		</div>
1191			</li>
1192	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem347" data-pageid="347">
1193		<div class="accordionNavItem">
1194			<a href="/347/City-Holidays" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Holidays</a>
1195		</div>
1196			</li>
1197	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem414" data-pageid="414">
1198		<div class="accordionNavItem">
1199			<a href="/DocumentCenter/View/15358/FY2023-STRATEGIC-PLAN-SUMMARY" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City of Destin Strategic Plan</a>
1200		</div>
1201			</li>
1202	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem408" data-pageid="408">
1203		<div class="accordionNavItem">
1204			<a href="https://library.municode.com/fl/destin/codes/code_of_ordinances?nodeId=CD_ORDCIDEFL" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Ordinances</a>
1205		</div>
1206			</li>
1207	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem440" data-pageid="440">
1208		<div class="accordionNavItem">
1209			<a href="/440/Community-Redevelopment-Areas" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Community Redevelopment Areas</a>
1210				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Community Redevelopment Areas Submenu" aria-expanded="false" aria-controls="submenu-lvl1-440"></a>
1211		</div>
1212					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-440" style="display: none;" data-parent="440">
1213						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem441" data-pageid="441">
1214			<div class="accordionNavItem">
1215				<a href="/441/Harbor-CRA" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Harbor CRA</span></a>
1216			</div>
1217					</li>
1218		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem442" data-pageid="442">
1219			<div class="accordionNavItem">
1220				<a href="/442/Town-Center-CRA" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Town Center CRA</span></a>
1221			</div>
1222					</li>
1223
1224			</ol>
1225	</li>
1226	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem137" data-pageid="137">
1227		<div class="accordionNavItem">
1228			<a href="/137/Departments" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Departments</a>
1229				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Departments Submenu" aria-expanded="false" aria-controls="submenu-lvl1-137"></a>
1230		</div>
1231					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-137" style="display: none;" data-parent="137">
1232						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem373" data-pageid="373">
1233			<div class="accordionNavItem">
1234				<a href="/89/Building" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Building Division</span></a>
1235			</div>
1236					</li>
1237		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem92" data-pageid="92">
1238			<div class="accordionNavItem">
1239				<a href="/92/City-Clerk" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Clerk</span></a>
1240					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="City Clerk Submenu" aria-expanded="false" aria-controls="submenu-lvl2-92"></a>
1241			</div>
1242							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-92" style="display: none;" data-parent="92">
1243							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem387" data-pageid="387">
1244			<div class="accordionNavItem">
1245				<a href="/Bids.aspx?CatID=19" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Bids</span></a>
1246			</div>
1247					</li>
1248		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem153" data-pageid="153">
1249			<div class="accordionNavItem">
1250				<a href="/138/Boards-Committees" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Boards &amp; Committees</span></a>
1251			</div>
1252					</li>
1253		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem308" data-pageid="308">
1254			<div class="accordionNavItem">
1255				<a href="/308/Cemetery" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Cemetery</span></a>
1256			</div>
1257					</li>
1258		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem331" data-pageid="331">
1259			<div class="accordionNavItem">
1260				<a href="/calendar.aspx?CID=14" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Notices</span></a>
1261			</div>
1262					</li>
1263		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem361" data-pageid="361">
1264			<div class="accordionNavItem">
1265				<a href="/361/Public-Records" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Records</span></a>
1266			</div>
1267					</li>
1268
1269				</ol>
1270		</li>
1271		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem94" data-pageid="94">
1272			<div class="accordionNavItem">
1273				<a href="/94/City-Manager" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Manager</span></a>
1274					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="City Manager Submenu" aria-expanded="false" aria-controls="submenu-lvl2-94"></a>
1275			</div>
1276							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-94" style="display: none;" data-parent="94">
1277							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem90" data-pageid="90">
1278			<div class="accordionNavItem">
1279				<a href="/90/Code-Compliance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code Compliance</span></a>
1280					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Code Compliance Submenu" aria-expanded="false" aria-controls="submenu-lvl3-90"></a>
1281			</div>
1282							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-90" style="display: none;" data-parent="90">
1283							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem198" data-pageid="198">
1284			<div class="accordionNavItem">
1285				<a href="/198/The-Compliance-Process" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Compliance Process</span></a>
1286			</div>
1287					</li>
1288		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem239" data-pageid="239">
1289			<div class="accordionNavItem">
1290				<a href="/239/Marine-Beach-Management" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Marine &amp; Beach Management</span></a>
1291			</div>
1292					</li>
1293		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem670" data-pageid="670">
1294			<div class="accordionNavItem">
1295				<a href="https://www.cityofdestin.com/DocumentCenter/View/17534/2026-STR-Registration-Guide" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Residential Rentals</span></a>
1296			</div>
1297					</li>
1298		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem200" data-pageid="200">
1299			<div class="accordionNavItem">
1300				<a href="/200/Useful-Resources-Links" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Useful Resources &amp; Links</span></a>
1301			</div>
1302					</li>
1303		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem199" data-pageid="199">
1304			<div class="accordionNavItem">
1305				<a href="/faq.aspx?TID=18#a_18" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FAQs</span></a>
1306			</div>
1307					</li>
1308
1309				</ol>
1310		</li>
1311
1312				</ol>
1313		</li>
1314		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem374" data-pageid="374">
1315			<div class="accordionNavItem">
1316				<a href="/90/Code-Enforcement" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code Compliance</span></a>
1317			</div>
1318					</li>
1319		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem88" data-pageid="88">
1320			<div class="accordionNavItem">
1321				<a href="/88/Community-Development" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Development</span></a>
1322					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Community Development Submenu" aria-expanded="false" aria-controls="submenu-lvl2-88"></a>
1323			</div>
1324							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-88" style="display: none;" data-parent="88">
1325							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem89" data-pageid="89">
1326			<div class="accordionNavItem">
1327				<a href="/89/Building-and-Permitting" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Building and Permitting</span></a>
1328					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Building and Permitting Submenu" aria-expanded="false" aria-controls="submenu-lvl3-89"></a>
1329			</div>
1330							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-89" style="display: none;" data-parent="89">
1331							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem227" data-pageid="227">
1332			<div class="accordionNavItem">
1333				<a href="/227/Business-Tax-Receipts-License" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Business Tax Receipts (License)</span></a>
1334			</div>
1335					</li>
1336		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem690" data-pageid="690">
1337			<div class="accordionNavItem">
1338				<a href="https://mgoconnect.org/cp?JID=496" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">MGO</span></a>
1339			</div>
1340					</li>
1341		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem738" data-pageid="738">
1342			<div class="accordionNavItem">
1343				<a href="/738/Contractor-Permit-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Contractor Permit Information</span></a>
1344			</div>
1345					</li>
1346		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem230" data-pageid="230">
1347			<div class="accordionNavItem">
1348				<a href="/FAQ.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FAQs</span></a>
1349			</div>
1350					</li>
1351		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem695" data-pageid="695">
1352			<div class="accordionNavItem">
1353				<a href="https://www.cityofdestin.com/245/Flood-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Information</span></a>
1354			</div>
1355					</li>
1356		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem228" data-pageid="228">
1357			<div class="accordionNavItem">
1358				<a href="/228/Fee-Schedule" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fee Schedule</span></a>
1359			</div>
1360					</li>
1361		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem372" data-pageid="372">
1362			<div class="accordionNavItem">
1363				<a href="/DocumentCenter/Index/89" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Safety Tips &amp; Informational Brochures</span></a>
1364			</div>
1365					</li>
1366		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem516" data-pageid="516">
1367			<div class="accordionNavItem">
1368				<a href="/516/Tree-Removal-Information-and-Permitting" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Tree Removal Information and Permitting</span></a>
1369			</div>
1370					</li>
1371		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem229" data-pageid="229">
1372			<div class="accordionNavItem">
1373				<a href="/229/Useful-Resources-Links" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Useful Resources &amp; Links</span></a>
1374			</div>
1375					</li>
1376
1377				</ol>
1378		</li>
1379		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem91" data-pageid="91">
1380			<div class="accordionNavItem">
1381				<a href="/91/Planning" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning</span></a>
1382					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Planning Submenu" aria-expanded="false" aria-controls="submenu-lvl3-91"></a>
1383			</div>
1384							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-91" style="display: none;" data-parent="91">
1385							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem693" data-pageid="693">
1386			<div class="accordionNavItem">
1387				<a href="https://experience.arcgis.com/experience/e69dc150df8a4b62bdea79ae00451fc2" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City of Destin Interactive Zoning Map</span></a>
1388			</div>
1389					</li>
1390		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem688" data-pageid="688">
1391			<div class="accordionNavItem">
1392				<a href="/688/LDC-Rewrite" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">LDC Rewrite</span></a>
1393			</div>
1394					</li>
1395		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem237" data-pageid="237">
1396			<div class="accordionNavItem">
1397				<a href="/237/Adopted-Plans-Maps-Studies" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Adopted Plans, Maps &amp; Studies</span></a>
1398			</div>
1399					</li>
1400		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem490" data-pageid="490">
1401			<div class="accordionNavItem">
1402				<a href="/490/Addressing" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Addressing</span></a>
1403			</div>
1404					</li>
1405		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem201" data-pageid="201">
1406			<div class="accordionNavItem">
1407				<a href="/201/Comprehensive-Plan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Comprehensive Plan</span></a>
1408			</div>
1409					</li>
1410		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem202" data-pageid="202">
1411			<div class="accordionNavItem">
1412				<a href="/202/Land-Development-Code" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Land Development Code</span></a>
1413			</div>
1414					</li>
1415		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem694" data-pageid="694">
1416			<div class="accordionNavItem">
1417				<a href="/694/Fee-Schedule" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fee Schedule</span></a>
1418			</div>
1419					</li>
1420		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem238" data-pageid="238">
1421			<div class="accordionNavItem">
1422				<a href="/faq.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FAQs</span></a>
1423			</div>
1424					</li>
1425		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem489" data-pageid="489">
1426			<div class="accordionNavItem">
1427				<a href="/489/Land-Development" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Land Development</span></a>
1428			</div>
1429					</li>
1430		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem236" data-pageid="236">
1431			<div class="accordionNavItem">
1432				<a href="/236/Local-Planning-Agency-LPA" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Local Planning Agency (LPA)</span></a>
1433			</div>
1434					</li>
1435		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem334" data-pageid="334">
1436			<div class="accordionNavItem">
1437				<a href="/331/Public-Notices" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Notices</span></a>
1438			</div>
1439					</li>
1440		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem233" data-pageid="233">
1441			<div class="accordionNavItem">
1442				<a href="/233/Transportation" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Transportation</span></a>
1443			</div>
1444					</li>
1445		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem345" data-pageid="345">
1446			<div class="accordionNavItem">
1447				<a href="/345/Subdivison-Plats" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Subdivison Plats</span></a>
1448			</div>
1449					</li>
1450		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem235" data-pageid="235">
1451			<div class="accordionNavItem">
1452				<a href="/235/Walkable-Communities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Walkable Communities</span></a>
1453			</div>
1454					</li>
1455		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem231" data-pageid="231">
1456			<div class="accordionNavItem">
1457				<a href="/231/Zoning" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Zoning</span></a>
1458			</div>
1459					</li>
1460
1461				</ol>
1462		</li>
1463		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem664" data-pageid="664">
1464			<div class="accordionNavItem">
1465				<a href="/664/Engineering-Department" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engineering Department</span></a>
1466					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Engineering Department Submenu" aria-expanded="false" aria-controls="submenu-lvl3-664"></a>
1467			</div>
1468							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-664" style="display: none;" data-parent="664">
1469							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem671" data-pageid="671">
1470			<div class="accordionNavItem">
1471				<a href="/671/Right-of-Way" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Right-of-Way</span></a>
1472			</div>
1473					</li>
1474		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem674" data-pageid="674">
1475			<div class="accordionNavItem">
1476				<a href="/674/Safety-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Safety Program</span></a>
1477			</div>
1478					</li>
1479		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem188" data-pageid="188">
1480			<div class="accordionNavItem">
1481				<a href="/188/Stormwater" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Stormwater</span></a>
1482			</div>
1483					</li>
1484		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem678" data-pageid="678">
1485			<div class="accordionNavItem">
1486				<a href="/467/Drainage-Systems-Maintenance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Drainage System Maintenance</span></a>
1487			</div>
1488					</li>
1489		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem245" data-pageid="245">
1490			<div class="accordionNavItem">
1491				<a href="/245/Flood-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Information</span></a>
1492			</div>
1493					</li>
1494		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem681" data-pageid="681">
1495			<div class="accordionNavItem">
1496				<a href="/286/Environmental-Protection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Environmental Protection</span></a>
1497			</div>
1498					</li>
1499		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem682" data-pageid="682">
1500			<div class="accordionNavItem">
1501				<a href="/285/Projects" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engineering Projects</span></a>
1502			</div>
1503					</li>
1504
1505				</ol>
1506		</li>
1507		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem600" data-pageid="600">
1508			<div class="accordionNavItem">
1509				<a href="/287/Public-Property" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Property</span></a>
1510			</div>
1511					</li>
1512		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem692" data-pageid="692">
1513			<div class="accordionNavItem">
1514				<a href="https://experience.arcgis.com/experience/e69dc150df8a4b62bdea79ae00451fc2" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">CIty of Destin Interactive Zoning Map</span></a>
1515			</div>
1516					</li>
1517		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem741" data-pageid="741">
1518			<div class="accordionNavItem">
1519				<a href="/DocumentCenter/View/17733/Submitting-a-Permit-Brochure" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Submitting a Permit</span></a>
1520			</div>
1521					</li>
1522		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem742" data-pageid="742">
1523			<div class="accordionNavItem">
1524				<a href="/DocumentCenter/View/17734/Commercial-Change-of-Use-Brochure" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Commercial Change of Use</span></a>
1525			</div>
1526					</li>
1527		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem743" data-pageid="743">
1528			<div class="accordionNavItem">
1529				<a href="/DocumentCenter/View/17735/STR-Change-of-Use-Brochure" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">STR Change of Use</span></a>
1530			</div>
1531					</li>
1532
1533				</ol>
1534		</li>
1535		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem665" data-pageid="665">
1536			<div class="accordionNavItem">
1537				<a href="/664/Engineering" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engineering Department</span></a>
1538					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Engineering Department Submenu" aria-expanded="false" aria-controls="submenu-lvl2-665"></a>
1539			</div>
1540							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-665" style="display: none;" data-parent="665">
1541							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem671" data-pageid="671">
1542			<div class="accordionNavItem">
1543				<a href="/671/Right-of-Way" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Right-of-Way</span></a>
1544					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Right-of-Way Submenu" aria-expanded="false" aria-controls="submenu-lvl3-671"></a>
1545			</div>
1546							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-671" style="display: none;" data-parent="671">
1547							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem288" data-pageid="288">
1548			<div class="accordionNavItem">
1549				<a href="/288/Right-of-Way-Construction" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Right of Way Construction</span></a>
1550			</div>
1551					</li>
1552		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem739" data-pageid="739">
1553			<div class="accordionNavItem">
1554				<a href="/739/Utility-Work" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Utility Work</span></a>
1555			</div>
1556					</li>
1557		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem673" data-pageid="673">
1558			<div class="accordionNavItem">
1559				<a href="/673/Right-of-Way-Vacation" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Right-of-Way Vacation</span></a>
1560			</div>
1561					</li>
1562
1563				</ol>
1564		</li>
1565		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem674" data-pageid="674">
1566			<div class="accordionNavItem">
1567				<a href="/674/Safety-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Safety Program</span></a>
1568			</div>
1569					</li>
1570		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem188" data-pageid="188">
1571			<div class="accordionNavItem">
1572				<a href="/188/Stormwater" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Stormwater</span></a>
1573					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Stormwater Submenu" aria-expanded="false" aria-controls="submenu-lvl3-188"></a>
1574			</div>
1575							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-188" style="display: none;" data-parent="188">
1576							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem675" data-pageid="675">
1577			<div class="accordionNavItem">
1578				<a href="/675/Stormwater-Master-Plan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Stormwater Master Plan</span></a>
1579			</div>
1580					</li>
1581		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem528" data-pageid="528">
1582			<div class="accordionNavItem">
1583				<a href="/DocumentCenter/Index/411" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Stormwater Documents</span></a>
1584			</div>
1585					</li>
1586		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem309" data-pageid="309">
1587			<div class="accordionNavItem">
1588				<a href="/309/NPDES" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">NPDES</span></a>
1589			</div>
1590					</li>
1591		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem677" data-pageid="677">
1592			<div class="accordionNavItem">
1593				<a href="/677/Illicit-Discharge" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Illicit Discharge</span></a>
1594			</div>
1595					</li>
1596		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem548" data-pageid="548">
1597			<div class="accordionNavItem">
1598				<a href="/DocumentCenter/View/12670/Erosion-and-Sediment-Control-Inspection-Manual-2019-Update" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sediment and Erosion Control Inspection Manual</span></a>
1599			</div>
1600					</li>
1601		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem549" data-pageid="549">
1602			<div class="accordionNavItem">
1603				<a href="/DocumentCenter/View/12671/Sediment-and-Erosion-Control-Inspection-Checklist-2019-Update" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sediment and Erosion Control Inspection Check List</span></a>
1604			</div>
1605					</li>
1606
1607				</ol>
1608		</li>
1609		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem678" data-pageid="678">
1610			<div class="accordionNavItem">
1611				<a href="/467/Drainage-Systems-Maintenance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Drainage System Maintenance</span></a>
1612					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Drainage System Maintenance Submenu" aria-expanded="false" aria-controls="submenu-lvl3-678"></a>
1613			</div>
1614							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-678" style="display: none;" data-parent="678">
1615							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem679" data-pageid="679">
1616			<div class="accordionNavItem">
1617				<a href="/459/Local-Mitigation-Strategy-LMS" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Local Mitigation Strategy</span></a>
1618			</div>
1619					</li>
1620
1621				</ol>
1622		</li>
1623		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem245" data-pageid="245">
1624			<div class="accordionNavItem">
1625				<a href="/245/Flood-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Information</span></a>
1626					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Flood Information Submenu" aria-expanded="false" aria-controls="submenu-lvl3-245"></a>
1627			</div>
1628							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-245" style="display: none;" data-parent="245">
1629							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem462" data-pageid="462">
1630			<div class="accordionNavItem">
1631				<a href="/462/Flood-Map-Other-Mapping-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Map &amp; Other Mapping Information</span></a>
1632			</div>
1633					</li>
1634		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem463" data-pageid="463">
1635			<div class="accordionNavItem">
1636				<a href="/463/Flood-Protection-and-Management" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Protection and Management</span></a>
1637			</div>
1638					</li>
1639		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem464" data-pageid="464">
1640			<div class="accordionNavItem">
1641				<a href="/464/Flood-Safety-and-Warning" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Safety and Warning</span></a>
1642			</div>
1643					</li>
1644		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem465" data-pageid="465">
1645			<div class="accordionNavItem">
1646				<a href="/465/Elevation-Certificates" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Elevation Certificates</span></a>
1647			</div>
1648					</li>
1649		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem466" data-pageid="466">
1650			<div class="accordionNavItem">
1651				<a href="/466/Flood-Insurance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en"
1651>Flood Insurance</span></a>
1652			</div>
1653					</li>
1654		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem248" data-pageid="248">
1655			<div class="accordionNavItem">
1656				<a href="/faq.asp" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">FAQs</span></a>
1657			</div>
1658					</li>
1659		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem680" data-pageid="680">
1660			<div class="accordionNavItem">
1661				<a href="/459/Local-Mitigation-Strategy-LMS" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Local Mitigation Strategy</span></a>
1662			</div>
1663					</li>
1664
1665				</ol>
1666		</li>
1667		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem681" data-pageid="681">
1668			<div class="accordionNavItem">
1669				<a href="/286/Environmental-Protection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Environmental Protection</span></a>
1670					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Environmental Protection Submenu" aria-expanded="false" aria-controls="submenu-lvl3-681"></a>
1671			</div>
1672							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-681" style="display: none;" data-parent="681">
1673							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem740" data-pageid="740">
1674			<div class="accordionNavItem">
1675				<a href="/740/NPDES-Phase-II-Stormwater-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">NPDES Phase II Stormwater Program</span></a>
1676			</div>
1677					</li>
1678
1679				</ol>
1680		</li>
1681		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem682" data-pageid="682">
1682			<div class="accordionNavItem">
1683				<a href="/285/Projects" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Engineering Projects</span></a>
1684			</div>
1685					</li>
1686
1687				</ol>
1688		</li>
1689		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem100" data-pageid="100">
1690			<div class="accordionNavItem">
1691				<a href="/100/Finance-Department" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Finance Department</span></a>
1692					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Finance Department Submenu" aria-expanded="false" aria-controls="submenu-lvl2-100"></a>
1693			</div>
1694							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-100" style="display: none;" data-parent="100">
1695							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem335" data-pageid="335">
1696			<div class="accordionNavItem">
1697				<a href="https://www.cityofdestin.com/DocumentCenter/Index/67" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Audit</span></a>
1698			</div>
1699					</li>
1700		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem336" data-pageid="336">
1701			<div class="accordionNavItem">
1702				<a href="https://www.cityofdestin.com/DocumentCenter/Index/65" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Budget</span></a>
1703			</div>
1704					</li>
1705		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem654" data-pageid="654">
1706			<div class="accordionNavItem">
1707				<a href="https://www.cityofdestin.com/DocumentCenter/Index/430" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Debt</span></a>
1708			</div>
1709					</li>
1710
1711				</ol>
1712		</li>
1713		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem96" data-pageid="96">
1714			<div class="accordionNavItem">
1715				<a href="/96/Geographic-Information-Systems-GIS" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Geographic Information Systems (GIS)</span></a>
1716			</div>
1717					</li>
1718		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem99" data-pageid="99">
1719			<div class="accordionNavItem">
1720				<a href="/99/Human-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Human Resources</span></a>
1721					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Human Resources Submenu" aria-expanded="false" aria-controls="submenu-lvl2-99"></a>
1722			</div>
1723							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-99" style="display: none;" data-parent="99">
1724							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem159" data-pageid="159">
1725			<div class="accordionNavItem">
1726				<a href="/159/Employment-Opportunities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Employment Opportunities</span></a>
1727			</div>
1728					</li>
1729
1730				</ol>
1731		</li>
1732		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem105" data-pageid="105">
1733			<div class="accordionNavItem">
1734				<a href="/105/Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library</span></a>
1735					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Library Submenu" aria-expanded="false" aria-controls="submenu-lvl2-105"></a>
1736			</div>
1737							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-105" style="display: none;" data-parent="105">
1738							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem170" data-pageid="170">
1739			<div class="accordionNavItem">
1740				<a href="https://readokaloosa.org/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Online Catalog</span></a>
1741			</div>
1742					</li>
1743		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem579" data-pageid="579">
1744			<div class="accordionNavItem">
1745				<a href="/105/Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1745Library Home</span></a>
1746			</div>
1747					</li>
1748		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem174" data-pageid="174">
1749			<div class="accordionNavItem">
1750				<a href="/174/About-Us" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">About Us</span></a>
1751					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="About Us Submenu" aria-expanded="false" aria-controls="submenu-lvl3-174"></a>
1752			</div>
1753							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-174" style="display: none;" data-parent="174">
1754							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem173" data-pageid="173">
1755			<div class="accordionNavItem">
1756				<a href="/173/Library-Partners" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Partners</span></a>
1757			</div>
1758					</li>
1759		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem657" data-pageid="657">
1760			<div class="accordionNavItem">
1761				<a href="/657/Library-History" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library History</span></a>
1762			</div>
1763					</li>
1764
1765				</ol>
1766		</li>
1767		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem685" data-pageid="685">
1768			<div class="accordionNavItem">
1769				<a href="/685/Get-a-Library-Card" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Get a Library Card</span></a>
1770			</div>
1771					</li>
1772		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem656" data-pageid="656">
1773			<div class="accordionNavItem">
1774				<a href="/656/Library-Policies" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Policies</span></a>
1775			</div>
1776					</li>
1777		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem650" data-pageid="650">
1778			<div class="accordionNavItem">
1779				<a href="/650/Library-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Services</span></a>
1780			</div>
1781					</li>
1782		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem640" data-pageid="640">
1783			<div class="accordionNavItem">
1784				<a href="/640/Library-How-Tos" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library How-Tos </span></a>
1785			</div>
1786					</li>
1787		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem620" data-pageid="620">
1788			<div class="accordionNavItem">
1789				<a href="/620/Library-Gardens" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Gardens</span></a>
1790					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Library Gardens Submenu" aria-expanded="false" aria-controls="submenu-lvl3-620"></a>
1791			</div>
1792							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-620" style="display: none;" data-parent="620">
1793							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem619" data-pageid="619">
1794			<div class="accordionNavItem">
1795				<a href="/619/Butterfly-Garden" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Butterfly Garden</span></a>
1796			</div>
1797					</li>
1798		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem625" data-pageid="625">
1799			<div class="accordionNavItem">
1800				<a href="/625/The-Horne-Memorial-Flute-Garden" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Horne Memorial Flute Garden</span></a>
1801			</div>
1802					</li>
1803		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem623" data-pageid="623">
1804			<div class="accordionNavItem">
1805				<a href="/623/The-Smith-Pach-Fountain-Memorial-Garden" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Smith Pach Fountain Memorial Garden</span></a>
1806			</div>
1807					</li>
1808		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem624" data-pageid="624">
1809			<div class="accordionNavItem">
1810				<a href="/624/The-Journeys-of-Imagination-Garden" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Journeys of Imagination Garden</span></a>
1811			</div>
1812					</li>
1813
1814				</ol>
1815		</li>
1816		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem655" data-pageid="655">
1817			<div class="accordionNavItem">
1818				<a href="/655/Summer-Reading" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Summer Reading</span></a>
1819			</div>
1820					</li>
1821		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem171" data-pageid="171">
1822			<div class="accordionNavItem">
1823				<a href="/171/Childrens-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Children&#39;s Services</span></a>
1824					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Children&#39;s Services Submenu" aria-expanded="false" aria-controls="submenu-lvl3-171"></a>
1825			</div>
1826							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-171" style="display: none;" data-parent="171">
1827							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem576" data-pageid="576">
1828			<div class="accordionNavItem">
1829				<a href="/105/Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1829Library Home</span></a>
1830			</div>
1831					</li>
1832
1833				</ol>
1834		</li>
1835		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem588" data-pageid="588">
1836			<div class="accordionNavItem">
1837				<a href="/588/Young-Adult-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Young Adult Services</span></a>
1838					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Young Adult Services Submenu" aria-expanded="false" aria-controls="submenu-lvl3-588"></a>
1839			</div>
1840							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-588" style="display: none;" data-parent="588">
1841							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem615" data-pageid="615">
1842			<div class="accordionNavItem">
1843				<a href="/www.cityofdestin.com/library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Home</span></a>
1844			</div>
1845					</li>
1846
1847				</ol>
1848		</li>
1849		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem555" data-pageid="555">
1850			<div class="accordionNavItem">
1851				<a href="/555/Adult-Services" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Adult Services</span></a>
1852					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Adult Services Submenu" aria-expanded="false" aria-controls="submenu-lvl3-555"></a>
1853			</div>
1854							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-555" style="display: none;" data-parent="555">
1855							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem577" data-pageid="577">
1856			<div class="accordionNavItem">
1857				<a href="/105/Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1857Library Home</span></a>
1858			</div>
1859					</li>
1860
1861				</ol>
1862		</li>
1863		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem250" data-pageid="250">
1864			<div class="accordionNavItem">
1865				<a href="/250/Library-Technology" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Library Technology</span></a>
1866					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Library Technology Submenu" aria-expanded="false" aria-controls="submenu-lvl3-250"></a>
1867			</div>
1868							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-250" style="display: none;" data-parent="250">
1869							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem573" data-pageid="573">
1870			<div class="accordionNavItem">
1871				<a href="/250/Technology-Education" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Technology Education Home</span></a>
1872			</div>
1873					</li>
1874		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem580" data-pageid="580">
1875			<div class="accordionNavItem">
1876				<a href="https://planfl.universalclass.com/login.htm?d=nc&amp;surl=https%3A%2F%2Fplanfl%2Euniversalclass%2Ecom%2Fstart%2Ehtm%3F" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Universal Class</span></a>
1877			</div>
1878					</li>
1879		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem172" data-pageid="172">
1880			<div class="accordionNavItem">
1881				<a href="/172/Available-Computer-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Available Computer Resources</span></a>
1882			</div>
1883					</li>
1884		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem574" data-pageid="574">
1885			<div class="accordionNavItem">
1886				<a href="/105/Library" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1886Library Home</span></a>
1887			</div>
1888					</li>
1889
1890				</ol>
1891		</li>
1892		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem251" data-pageid="251">
1893			<div class="accordionNavItem">
1894				<a href="/251/Research-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Research &amp; Resources</span></a>
1895			</div>
1896					</li>
1897		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem642" data-pageid="642">
1898			<div class="accordionNavItem">
1899				<a href="/642/Beanstack" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Beanstack</span></a>
1900			</div>
1901					</li>
1902		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem651" data-pageid="651">
1903			<div class="accordionNavItem">
1904				<a href="/651/BrainFuse" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">BrainFuse</span></a>
1905			</div>
1906					</li>
1907		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem697" data-pageid="697">
1908			<div class="accordionNavItem">
1909				<a href="/697/eMaterials" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">eMaterials</span></a>
1910			</div>
1911					</li>
1912		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem737" data-pageid="737">
1913			<div class="accordionNavItem">
1914				<a href="/737/Interlibrary-Loan-ILL" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Interlibrary Loan (ILL)</span></a>
1915			</div>
1916					</li>
1917
1918				</ol>
1919		</li>
1920		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem102" data-pageid="102">
1921			<div class="accordionNavItem">
1922				<a href="/102/Parks-Recreation-Department" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks &amp; Recreation Department</span></a>
1923					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Parks &amp; Recreation Department Submenu" aria-expanded="false" aria-controls="submenu-lvl2-102"></a>
1924			</div>
1925							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-102" style="display: none;" data-parent="102">
1926							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem667" data-pageid="667">
1927			<div class="accordionNavItem">
1928				<a href="https://www.cityofdestin.com/reconline" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">RecOnline</span></a>
1929			</div>
1930					</li>
1931		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem103" data-pageid="103">
1932			<div class="accordionNavItem">
1933				<a href="/103/CommunityFamily-Events" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community/Family Events</span></a>
1934			</div>
1935					</li>
1936		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem270" data-pageid="270">
1937			<div class="accordionNavItem">
1938				<a href="/270/FacilitiesParks" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Facilities/Parks</span></a>
1939					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Facilities/Parks Submenu" aria-expanded="false" aria-controls="submenu-lvl3-270"></a>
1940			</div>
1941							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-270" style="display: none;" data-parent="270">
1942							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem281" data-pageid="281">
1943			<div class="accordionNavItem">
1944				<a href="/281/Beach-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Beach Information</span></a>
1945			</div>
1946					</li>
1947		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem452" data-pageid="452">
1948			<div class="accordionNavItem">
1949				<a href="/Facilities.aspx?Page=detail&amp;RID=8" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Buck Destin Park</span></a>
1950			</div>
1951					</li>
1952		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem364" data-pageid="364">
1953			<div class="accordionNavItem">
1954				<a href="/Facilities.aspx?Page=detail&amp;RID=23" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Center</span></a>
1955			</div>
1956					</li>
1957		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem454" data-pageid="454">
1958			<div class="accordionNavItem">
1959				<a href="/Facilities.aspx?Page=detail&amp;RID=11" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Destin Sports Complex</span></a>
1960			</div>
1961					</li>
1962		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem104" data-pageid="104">
1963			<div class="accordionNavItem">
1964				<a href="/Facilities.aspx?Page=detail&amp;RID=20" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Morgan Sports Center</span></a>
1965			</div>
1966					</li>
1967		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem280" data-pageid="280">
1968			<div class="accordionNavItem">
1969				<a href="/Facilities.aspx?page=list&amp;search=1&amp;CID=2" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks</span></a>
1970			</div>
1971					</li>
1972
1973				</ol>
1974		</li>
1975		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem265" data-pageid="265">
1976			<div class="accordionNavItem">
1977				<a href="/265/Rentals" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Rentals</span></a>
1978					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Rentals Submenu" aria-expanded="false" aria-controls="submenu-lvl3-265"></a>
1979			</div>
1980							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-265" style="display: none;" data-parent="265">
1981							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem266" data-pageid="266">
1982			<div class="accordionNavItem">
1983				<a href="/266/Meeting-Rooms" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Meeting Rooms</span></a>
1984			</div>
1985					</li>
1986		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem269" data-pageid="269">
1987			<div class="accordionNavItem">
1988				<a href="/269/Required-Rental-Forms" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Required Rental Forms</span></a>
1989			</div>
1990					</li>
1991		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem268" data-pageid="268">
1992			<div class="accordionNavItem">
1993				<a href="/268/Special-Events" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Special Events</span></a>
1994			</div>
1995					</li>
1996		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem267" data-pageid="267">
1997			<div class="accordionNavItem">
1998				<a href="/267/Sports-Facilities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sports Facilities</span></a>
1999			</div>
2000					</li>
2001
2002				</ol>
2003		</li>
2004		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem283" data-pageid="283">
2005			<div class="accordionNavItem">
2006				<a href="/283/Volunteer-Opportunities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Volunteer Opportunities</span></a>
2007			</div>
2008					</li>
2009
2010				</ol>
2011		</li>
2012		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem375" data-pageid="375">
2013			<div class="accordionNavItem">
2014				<a href="/91/Planning" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Planning Division (Zoning)</span></a>
2015			</div>
2016					</li>
2017		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem98" data-pageid="98">
2018			<div class="accordionNavItem">
2019				<a href="/98/ProjectsGrantsContracts" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Projects/Grants/Contracts</span></a>
2020			</div>
2021					</li>
2022		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem255" data-pageid="255">
2023			<div class="accordionNavItem">
2024				<a href="/255/Public-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Information</span></a>
2025					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Public Information Submenu" aria-expanded="false" aria-controls="submenu-lvl2-255"></a>
2026			</div>
2027							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-255" style="display: none;" data-parent="255">
2028							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem259" data-pageid="259">
2029			<div class="accordionNavItem">
2030				<a href="/Calendar.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Calendar</span></a>
2031			</div>
2032					</li>
2033		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem258" data-pageid="258">
2034			<div class="accordionNavItem">
2035				<a href="/list.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Notify Me</span></a>
2036			</div>
2037					</li>
2038		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem446" data-pageid="446">
2039			<div class="accordionNavItem">
2040				<a href="http://www.youtube.com/user/CityofDestin" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City of Destin YouTube</span></a>
2041			</div>
2042					</li>
2043
2044				</ol>
2045		</li>
2046		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem101" data-pageid="101">
2047			<div class="accordionNavItem">
2048				<a href="/101/Public-Works-Department" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Works Department</span></a>
2049					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Public Works Department Submenu" aria-expanded="false" aria-controls="submenu-lvl2-101"></a>
2050			</div>
2051							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-101" style="display: none;" data-parent="101">
2052							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem286" data-pageid="286">
2053			<div class="accordionNavItem">
2054				<a href="/286/Environmental-Protection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Environmental Protection</span></a>
2055					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Environmental Protection Submenu" aria-expanded="false" aria-controls="submenu-lvl3-286"></a>
2056			</div>
2057							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-286" style="display: none;
2057" data-parent="286">
2058							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem740" data-pageid="740">
2059			<div class="accordionNavItem">
2060				<a href="/740/NPDES-Phase-II-Stormwater-Program" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">NPDES Phase II Stormwater Program</span></a>
2061			</div>
2062					</li>
2063
2064				</ol>
2065		</li>
2066		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem541" data-pageid="541">
2067			<div class="accordionNavItem">
2068				<a href="/projects" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Projects</span></a>
2069			</div>
2070					</li>
2071		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem593" data-pageid="593">
2072			<div class="accordionNavItem">
2073				<a href="/593/Flood-Information" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Flood Information</span></a>
2074					<a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Flood Information Submenu" aria-expanded="false" aria-controls="submenu-lvl3-593"></a>
2075			</div>
2076							<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-593" style="display: none;" data-parent="593">
2077							<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem467" data-pageid="467">
2078			<div class="accordionNavItem">
2079				<a href="/467/Drainage-Systems-Maintenance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Drainage Systems Maintenance</span></a>
2080			</div>
2081					</li>
2082		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem459" data-pageid="459">
2083			<div class="accordionNavItem">
2084				<a href="/459/Local-Mitigation-Strategy-LMS" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Local Mitigation Strategy (LMS)</span></a>
2085			</div>
2086					</li>
2087
2088				</ol>
2089		</li>
2090		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem287" data-pageid="287">
2091			<div class="accordionNavItem">
2092				<a href="/287/Public-Property" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Property</span></a>
2093			</div>
2094					</li>
2095		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem291" data-pageid="291">
2096			<div class="accordionNavItem">
2097				<a href="/RequestTracker.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Report A Problem</span></a>
2098			</div>
2099					</li>
2100		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem187" data-pageid="187">
2101			<div class="accordionNavItem">
2102				<a href="/187/Streets-Sidewalks" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Streets &amp; Sidewalks</span></a>
2103			</div>
2104					</li>
2105		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem289" data-pageid="289">
2106			<div class="accordionNavItem">
2107				<a href="/289/Hurricane-Information-Guide" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Hurricane Information Guide</span></a>
2108			</div>
2109					</li>
2110		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem602" data-pageid="602">
2111			<div class="accordionNavItem">
2112				<a href="https://www.fpl.com/support/contact/power-outage/streetlight.html#" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Report a Streetlight Outage</span></a>
2113			</div>
2114					</li>
2115
2116				</ol>
2117		</li>
2118
2119			</ol>
2120	</li>
2121	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem714" data-pageid="714">
2122		<div class="accordionNavItem">
2123			<a href="/714/2025-State-of-the-City" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">2025 State of the City</a>
2124		</div>
2125			</li>
2126	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem732" data-pageid="732">
2127		<div class="accordionNavItem">
2128			<a href="/732/2025-Year-in-Review" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">2025 Year in Review</a>
2129		</div>
2130			</li>
2131	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem142" data-pageid="142">
2132		<div class="accordionNavItem">
2133			<a href="/142/Mayor-Council" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mayor &amp; Council</a>
2134				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Mayor &amp; Council Submenu" aria-expanded="false" aria-controls="submenu-lvl1-142"></a>
2135		</div>
2136					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-142" style="display: none;" data-parent="142">
2137						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem663" data-pageid="663">
2138			<div class="accordionNavItem">
2139				<a href="/663/Mayor-Bobby-Wagner" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Mayor Bobby Wagner</span></a>
2140			</div>
2141					</li>
2142		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem429" data-pageid="429">
2143			<div class="accordionNavItem">
2144				<a href="/429/Councilman-Rodney-Braden" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilman Rodney Braden</span></a>
2145			</div>
2146					</li>
2147		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem483" data-pageid="483">
2148			<div class="accordionNavItem">
2149				<a href="/483/Councilman-Dewey-Destin" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilman Dewey Destin</span></a>
2150			</div>
2151					</li>
2152		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem222" data-pageid="222">
2153			<div class="accordionNavItem">
2154				<a href="/222/Councilwoman-Teresa-Hebert" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilwoman Teresa Hebert</span></a>
2155			</div>
2156					</li>
2157		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem686" data-pageid="686">
2158			<div class="accordionNavItem">
2159				<a href="/686/Councilman-Chatham-Morgan" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilman Chatham Morgan</span></a>
2160			</div>
2161					</li>
2162		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem486" data-pageid="486">
2163			<div class="accordionNavItem">
2164				<a href="/486/Councilman-Kevin-Schmidt" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilman Kevin Schmidt</span></a>
2165			</div>
2166					</li>
2167		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem659" data-pageid="659">
2168			<div class="accordionNavItem">
2169				<a href="/659/Councilman-John-Stephens" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilman John Stephens</span></a>
2170			</div>
2171					</li>
2172		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem221" data-pageid="221">
2173			<div class="accordionNavItem">
2174				<a href="/221/Councilwoman-Sandy-Trammell" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Councilwoman Sandy Trammell</span></a>
2175			</div>
2176					</li>
2177
2178			</ol>
2179	</li>
2180	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem424" data-pageid="424">
2181		<div class="accordionNavItem">
2182			<a href="/424/Vision" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Vision</a>
2183		</div>
2184			</li>
2185	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem544" data-pageid="544">
2186		<div class="accordionNavItem">
2187			<a href="/285/Projects" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Projects</a>
2188		</div>
2189			</li>
2190	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem502" data-pageid="502">
2191		<div class="accordionNavItem">
2192			<a href="/361/Public-Records" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Public Records</a>
2193		</div>
2194			</li>
2195	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem472" data-pageid="472">
2196		<div class="accordionNavItem">
2197			<a href="/472/Transportation-Planning" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Transportation Planning</a>
2198				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Transportation Planning Submenu" aria-expanded="false" aria-controls="submenu-lvl1-472"></a>
2199		</div>
2200					<ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-472" style="display: none;" data-parent="472">
2201						<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem475" data-pageid="475">
2202			<div class="accordionNavItem">
2203				<a href="http://www.mpoac.org/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Florida Metropolitan Planning Organization</span></a>
2204			</div>
2205					</li>
2206		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem473" data-pageid="473">
2207			<div class="accordionNavItem">
2208				<a href="http://floridatransportationplan.com/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Florida Transportation Plan</span></a>
2209			</div>
2210					</li>
2211		<li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem474" data-pageid="474">
2212			<div class="accordionNavItem">
2213				<a href="http://www.wfrpc.org/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">West Florida Regional Planning Council</span></a>
2214			</div>
2215					</li>
2216
2217			</ol>
2218	</li>
2219	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem503" data-pageid="503">
2220		<div class="accordionNavItem">
2221			<a href="https://www.youtube.com/user/CityofDestin" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Watch Council Meetings</a>
2222		</div>
2223			</li>
2224
2225	</ol>
2226
2227
2228	
2228<script type="text/javascript">
2229		(function () {
2230			function setupSecondaryMenuProperties() {
2231				//setup menu manager properties for secondary menu
2232				menuManager.isSideMenuEditable = false;
2233				menuManager.sideMenuMaxSubMenuLevels = 4;
2234				menuManager.sideMenuHasCustomLinks = false;
2235			}
2236
2237			if (document.readyState === "loading") {
2238				document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true });
2239				return;
2240			}
2241
2242			setupSecondaryMenuProperties();
2243		})();
2244	</script>
2244
2245
2246	
2246<script type="text/javascript">
2247		(function () {
2248			function setupAccordionSecondaryNav() {
2249				var $menuContainer = $('#secondaryNav');
2250
2251				$menuContainer.find('*[id^="SideItem"]').each(function () {
2252					var ids = $('[id="' + this.id + '"]');
2253					if (ids.length > 1)
2254						$.each(ids, function (index, value) {
2255							value.id = value.id + '_' + index;
2256						});
2257				});
2258
2259				$menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) {
2260					e.preventDefault();
2261					showHideAccordionMenuForSecondaryNav($(this));
2262				});
2263
2264				$menuContainer.find(".grippy").each(function () {
2265					menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav');
2266				});
2267
2268				$menuContainer.find("li").each(function () {
2269					menuManager.setupDroppableAccordionElement($(this), SIDE_MENU);
2270				});
2271			}
2272
2273			if (document.readyState === "loading") {
2274				document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true });
2275				return;
2276			}
2277
2278			setupAccordionSecondaryNav();
2279		})();
2280	</script>
2280
2281
2282
2283
2284</nav><aside data-cpRole="contentContainer" id="structuralContainer3">	<div id="ccce5a57e0-742e-45ce-80c7-fb73fabaa348" data-containerid="ce5a57e0-742e-45ce-80c7-fb73fabaa348" class="pageContent cpGrid cpGrid24 showInMobile">
2285				                
2286
2287
2288
2289	</div>
2290</aside>
2291</div>
2292</div></div>
2293</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
2294<div class="siteWrap3"><div data-cpRole="contentContainer" id="gbsTS">	<div id="cc436f3546-767d-4396-94e4-7def2c35a799" data-containerid="436f3546-767d-4396-94e4-7def2c35a799" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
2295				                
2296
2297		<div class="row outer wide"><!--
2298--><div class="outer col col24 first last" style="" data-widgetcontainerid="0b7c5fd0-ce49-463e-a562-e662713199a6">�				
2299	<div class="row nest first last wide">�
2300	
2301	<div class="inner col col24 first last idf132bdb8-b28e-469d-877d-de919241cd9c" style="" data-widgetcontainerid="f132bdb8-b28e-469d-877d-de919241cd9c">�	
2302<div data-widget-id="0a6a2d6a-bcf8-4e7b-abf2-ac49cc6e97fe" data-widget-controller-path="/GraphicLinks/Widget">
2303
2304
2305
2306
2307<div id="graphicLinkWidget0a6a2d6a-bcf8-4e7b-abf2-ac49cc6e97fe" class="widget widgetGraphicLinks skin11 widgetOptionSet26 wide" data-elementqueryclasses='{"wide-narrow":"min-width:50em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2308	<div class="widgetHeader">
2309		<div class="">
2310				</div>
2311	</div>
2312	<div class="widgetBody cpGrid cpGrid4 ">
2313		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2314				<div class="row   wide">
2315					<!--
2316--><div class="col col1 first "><ul class="semanticList"><!--
2317	    --><li class="widgetItem GraphicLinks">
2318
2319<div>
2320	<a href="https://www.mgoconnect.org/cp/portal" target="_blank" class="fancyButton fancyButton180 "  aria-label="MGO Online Portal MyGovernmentOnline Apply and Pay for permits, business tax receipts, planning, more. Opens in new window">
2321		<span>
2322			<span><span class="text"><span class="textStyle1">MGO<br>Online Portal</span><br><span class="textStyle2">MyGovernmentOnline<br>Apply and Pay for permits, business tax receipts, planning, more.</span></span></span>
2323		</span>
2324	</a>
2325</div>
2326		<style scoped="scoped">.fancyButton180.fancyButton:link,.fancyButton180.fancyButton:visited, .fancyButton180div.fancyButton{
2327	background-image: url('/ImageRepository/Document?documentID=14865');
2328	background-repeat: no-repeat;
2329	background-position: center center;
2330background-size: cover;
2331position: relative;
2332}
2333
2334.fancyButton180:before {
2335content: '';
2336position: absolute;
2337background: rgba(234, 171, 0, 0.95);
2338width: 0;
2339height: 0;
2340left: 50%;
2341top: 50%;
2342transform: translate(-50%,-50%);
2343transition: all .3s ease-in-out;
2344z-index: 0;
2345}
2346
2347.fancyButton180 > span {
2348width: calc(100% + 1px);
2349overflow: hidden;}
2350.fancyButton180.fancyButton:hover,.fancyButton180.fancyButton:focus,.fancyButton180.fancyButton:active,.fancyButton180.fancyButton.hover{
2351}
2352
2353.fancyButton180:hover:before {
2354width: 100%;
2355height: 100%;
2356}
2357.fancyButton180.fancyButton:link > span,.fancyButton180.fancyButton:visited > span, .fancyButton180div.fancyButton > span{
2358}
2359.fancyButton180.fancyButton:hover > span,.fancyButton180.fancyButton:focus > span,.fancyButton180.fancyButton:active > span,.fancyButton180.fancyButton.hover > span{
2360}
2361.fancyButton180.fancyButton .text{
2362	color: #ffffff;
2363	font-family: "Montserrat";
2364	padding-top: 3em;
2365	padding-bottom: 1em;
2366	padding-right: 1em;
2367	padding-left: 1em;
2368	font-style: normal;
2369	text-decoration: none;
2370	padding-top: 3em;
2371	padding-bottom: 1em;
2372	padding-right: 1em;
2373	padding-left: 1em;
2374	background-repeat: no-repeat;
2375	background-position: left top;
2376background: rgba(234, 171, 0, 0.8);
2377height: 350px;
2378transition: all .3s ease-in-out;
2379line-height: 1.1;
2380position: relative;
2381}
2382
2383.widgetGraphicLinks .row.wide .fancyButton180 .text {
2384height: 550px;
2385
2386
2387}
2388.fancyButton180.fancyButton:hover .text,.fancyButton180.fancyButton:focus .text,.fancyButton180.fancyButton:active .text,.fancyButton180.fancyButton.hover .text{
2389	text-decoration: none;
2390	background-repeat: no-repeat;
2391	background-position: left top;
2392padding-top: 1em;
2393}
2394.fancyButton180.fancyButton .textStyle1{
2395	color: #00204a;
2396	font-size: 2em;
2397	font-family: Barlow Condensed;
2398	font-weight: 700;
2399	text-decoration: none;
2400position: relative;
2401display: block;
2402z-index: 3;
2403}
2404
2405.fancyButton180 .textStyle1::after {
2406content: '';
2407position: absolute;
2408left: 50%;
2409bottom: -24px;
2410transform: translateX(-50%);
2411background: #00204A; 
2412height: 4px;
2413width: 100px;}
2414.fancyButton180.fancyButton:hover .textStyle1, .fancyButton180.fancyButton.hover .textStyle1{
2415	text-decoration: underline;
2416
2417}
2418.fancyButton180.fancyButton .textStyle2{
2419	color: #00204a;
2420	text-decoration: none;
2421opacity: 0;
2422margin-top: 1.5em;
2423display: block;
2424transition: opacity .5s ease-in-out;
2425z-index: 5;}
2426.fancyButton180.fancyButton:hover .textStyle2, .fancyButton180.fancyButton.hover .textStyle2{
2427	text-decoration: none;
2428opacity: 1;}
2429</style>
2430
2431 </li><!--
2432--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
2433	    --><li class="widgetItem GraphicLinks">
2434
2435<div>
2436	<a href="https://www.destinfwb.com/discover/destin/top-things-to-do-in-destin/" target="_blank" class="fancyButton fancyButton145 "  aria-label="Things To Do In Destin Explore things to do in Destin, Florida. Information provided by Destin-Fort Walton Beach, Florida (www.destinfwb.com) Opens in new window">
2437		<span>
2438			<span><span class="text"><span class="textStyle1">Things To Do<br>In Destin</span><br><span class="textStyle2">Explore things to do in Destin, Florida. Information provided by Destin-Fort Walton Beach, Florida (www.destinfwb.com)</span></span></span>
2439		</span>
2440	</a>
2441</div>
2442		<style scoped="scoped">.fancyButton145.fancyButton:link,.fancyButton145.fancyButton:visited, .fancyButton145div.fancyButton{
2443	background-image: url('/ImageRepository/Document?documentID=14082');
2444	background-repeat: no-repeat;
2445	background-position: center center;
2446background-size: cover;
2447position: relative;
2448}
2449
2450.fancyButton145:before {
2451content: '';
2452position: absolute;
2453background: rgba(0, 51, 116, 0.95);
2454width: 0;
2455height: 0;
2456left: 50%;
2457top: 50%;
2458transform: translate(-50%,-50%);
2459transition: all .3s ease-in-out;
2460z-index: 0;
2461}
2462
2463.fancyButton145 > span {
2464width: calc(100% + 1px);
2465overflow: hidden;}
2466.fancyButton145.fancyButton:hover,.fancyButton145.fancyButton:focus,.fancyButton145.fancyButton:active,.fancyButton145.fancyButton.hover{
2467}
2468
2469.fancyButton145:hover:before {
2470width: 100%;
2471height: 100%;
2472}
2473.fancyButton145.fancyButton:link > span,.fancyButton145.fancyButton:visited > span, .fancyButton145div.fancyButton > span{
2474}
2475.fancyButton145.fancyButton:hover > span,.fancyButton145.fancyButton:focus > span,.fancyButton145.fancyButton:active > span,.fancyButton145.fancyButton.hover > span{
2476}
2477.fancyButton145.fancyButton .text{
2478	color: #ffffff;
2479	font-family: "Montserrat";
2480	padding-top: 3em;
2481	padding-bottom: 1em;
2482	padding-right: 1em;
2483	padding-left: 1em;
2484	font-style: normal;
2485	text-decoration: none;
2486	padding-top: 3em;
2487	padding-bottom: 1em;
2488	padding-right: 1em;
2489	padding-left: 1em;
2490	background-repeat: no-repeat;
2491	background-position: left top;
2492background: rgba(0, 51, 116, 0.8);
2493height: 350px;
2494transition: all .3s ease-in-out;
2495line-height: 1.1;
2496position: relative;
2497}
2498
2499.widgetGraphicLinks .row.wide .fancyButton145 .text {
2500height: 550px;
2501
2502}
2503.fancyButton145.fancyButton:hover .text,.fancyButton145.fancyButton:focus .text,.fancyButton145.fancyButton:active .text,.fancyButton145.fancyButton.hover .text{
2504	text-decoration: none;
2505	background-repeat: no-repeat;
2506	background-position: left top;
2507padding-top: 1em;
2508}
2509.fancyButton145.fancyButton .textStyle1{
2510	color: #ffffff;
2511	font-size: 2em;
2512	font-family: Barlow Condensed;
2513	font-weight: 700;
2514	text-decoration: none;
2515position: relative;
2516display: block;
2517z-index: 3;
2518}
2519
2520.fancyButton145 .textStyle1::after {
2521content: '';
2522position: absolute;
2523left: 50%;
2524bottom: -24px;
2525transform: translateX(-50%);
2526background: #FFBC51; 
2527height: 4px;
2528width: 100px;}
2529.fancyButton145.fancyButton:hover .textStyle1, .fancyButton145.fancyButton.hover .textStyle1{
2530	text-decoration: underline;
2531
2532}
2533.fancyButton145.fancyButton .textStyle2{
2534	color: #ffffff;
2535	text-decoration: none;
2536opacity: 0;
2537margin-top: 1.5em;
2538display: block;
2539transition: opacity .5s ease-in-out;
2540z-index: 5;}
2541.fancyButton145.fancyButton:hover .textStyle2, .fancyButton145.fancyButton.hover .textStyle2{
2542	text-decoration: none;
2543opacity: 1;}
2544</style>
2545
2546 </li><!--
2547--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
2548	    --><li class="widgetItem GraphicLinks">
2549
2550<div>
2551	<a href="/102/Parks-Recreation-Department" target="_self" class="fancyButton fancyButton155 " >
2552		<span>
2553			<span><span class="text"><span class="textStyle1">Parks &amp;<br>Recreation</span><br><span class="textStyle2">Learn more about recreational programs, community events, and family events for all ages.</span></span></span>
2554		</span>
2555	</a>
2556</div>
2557		<style scoped="scoped">.fancyButton155.fancyButton:link,.fancyButton155.fancyButton:visited, .fancyButton155div.fancyButton{
2558	background-image: url('/ImageRepository/Document?documentID=14083');
2559	background-repeat: no-repeat;
2560	background-position: center center;
2561background-size: cover;
2562position: relative;
2563}
2564
2565.fancyButton155:before {
2566content: '';
2567position: absolute;
2568background: rgba(0, 139, 149, 0.95);
2569width: 0;
2570height: 0;
2571left: 50%;
2572top: 50%;
2573transform: translate(-50%,-50%);
2574transition: all .3s ease-in-out;
2575z-index: 0;
2576}
2577
2578.fancyButton155 > span {
2579width: calc(100% + 1px);
2580overflow: hidden;}
2581.fancyButton155.fancyButton:hover,.fancyButton155.fancyButton:focus,.fancyButton155.fancyButton:active,.fancyButton155.fancyButton.hover{
2582}
2583
2584.fancyButton155:hover:before {
2585width: 100%;
2586height: 100%;
2587}
2588.fancyButton155.fancyButton:link > span,.fancyButton155.fancyButton:visited > span, .fancyButton155div.fancyButton > span{
2589}
2590.fancyButton155.fancyButton:hover > span,.fancyButton155.fancyButton:focus > span,.fancyButton155.fancyButton:active > span,.fancyButton155.fancyButton.hover > span{
2591}
2592.fancyButton155.fancyButton .text{
2593	color: #ffffff;
2594	font-family: "Montserrat";
2595	padding-top: 3em;
2596	padding-bottom: 1em;
2597	padding-right: 1em;
2598	padding-left: 1em;
2599	font-style: normal;
2600	text-decoration: none;
2601	padding-top: 3em;
2602	padding-bottom: 1em;
2603	padding-right: 1em;
2604	padding-left: 1em;
2605	background-repeat: no-repeat;
2606	background-position: left top;
2607background: rgba(0, 139, 149, 0.8);
2608height: 350px;
2609transition: all .3s ease-in-out;
2610line-height: 1.1;
2611position: relative;
2612}
2613
2614.widgetGraphicLinks .row.wide .fancyButton155 .text {
2615height: 550px;
2616
2617}
2618.fancyButton155.fancyButton:hover .text,.fancyButton155.fancyButton:focus .text,.fancyButton155.fancyButton:active .text,.fancyButton155.fancyButton.hover .text{
2619	text-decoration: none;
2620	background-repeat: no-repeat;
2621	background-position: left top;
2622padding-top: 1em;
2623}
2624.fancyButton155.fancyButton .textStyle1{
2625	color: #ffffff;
2626	font-size: 2em;
2627	font-family: Barlow Condensed;
2628	font-weight: 700;
2629	text-decoration: none;
2630position: relative;
2631display: block;
2632z-index: 3;
2633}
2634
2635.fancyButton155 .textStyle1::after {
2636content: '';
2637position: absolute;
2638left: 50%;
2639bottom: -24px;
2640transform: translateX(-50%);
2641background: #6AADE4; 
2642height: 4px;
2643width: 100px;}
2644.fancyButton155.fancyButton:hover .textStyle1, .fancyButton155.fancyButton.hover .textStyle1{
2645	text-decoration: underline;
2646
2647}
2648.fancyButton155.fancyButton .textStyle2{
2649	color: #ffffff;
2650	text-decoration: none;
2651opacity: 0;
2652margin-top: 1.5em;
2653display: block;
2654transition: opacity .5s ease-in-out;
2655z-index: 5;}
2656.fancyButton155.fancyButton:hover .textStyle2, .fancyButton155.fancyButton.hover .textStyle2{
2657	text-decoration: none;
2658opacity: 1;}
2659</style>
2660
2661 </li><!--
2662--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2663	    --><li class="widgetItem GraphicLinks">
2664
2665<div>
2666	<a href="/281/Beach-Information" target="_self" class="fancyButton fancyButton156 " >
2667		<span>
2668			<span><span class="text"><span class="textStyle1">Beach<br>Information</span><br><span class="textStyle2">Find public beach parks, amenities, and beach trails.</span></span></span>
2669		</span>
2670	</a>
2671</div>
2672		<style scoped="scoped">.fancyButton156.fancyButton:link,.fancyButton156.fancyButton:visited, .fancyButton156div.fancyButton{
2673	background-image: url('/ImageRepository/Document?documentID=14084');
2674	background-repeat: no-repeat;
2675	background-position: center center;
2676background-size: cover;
2677position: relative;
2678}
2679
2680.fancyButton156:before {
2681content: '';
2682position: absolute;
2683background: rgba(234, 171, 0, 0.95);
2684width: 0;
2685height: 0;
2686left: 50%;
2687top: 50%;
2688transform: translate(-50%,-50%);
2689transition: all .3s ease-in-out;
2690z-index: 0;
2691}
2692
2693.fancyButton156 > span {
2694width: calc(100% + 1px);
2695overflow: hidden;}
2696.fancyButton156.fancyButton:hover,.fancyButton156.fancyButton:focus,.fancyButton156.fancyButton:active,.fancyButton156.fancyButton.hover{
2697}
2698
2699.fancyButton156:hover:before {
2700width: 100%;
2701height: 100%;
2702}
2703.fancyButton156.fancyButton:link > span,.fancyButton156.fancyButton:visited > span, .fancyButton156div.fancyButton > span{
2704}
2705.fancyButton156.fancyButton:hover > span,.fancyButton156.fancyButton:focus > span,.fancyButton156.fancyButton:active > span,.fancyButton156.fancyButton.hover > span{
2706}
2707.fancyButton156.fancyButton .text{
2708	color: #ffffff;
2709	font-family: "Montserrat";
2710	padding-top: 3em;
2711	padding-bottom: 1em;
2712	padding-right: 1em;
2713	padding-left: 1em;
2714	font-style: normal;
2715	text-decoration: none;
2716	padding-top: 3em;
2717	padding-bottom: 1em;
2718	padding-right: 1em;
2719	padding-left: 1em;
2720	background-repeat: no-repeat;
2721	background-position: left top;
2722background: rgba(234, 171, 0, 0.8);
2723height: 350px;
2724transition: all .3s ease-in-out;
2725line-height: 1.1;
2726position: relative;
2727}
2728
2729.widgetGraphicLinks .row.wide .fancyButton156 .text {
2730height: 550px;
2731
2732
2733}
2734.fancyButton156.fancyButton:hover .text,.fancyButton156.fancyButton:focus .text,.fancyButton156.fancyButton:active .text,.fancyButton156.fancyButton.hover .text{
2735	text-decoration: none;
2736	background-repeat: no-repeat;
2737	background-position: left top;
2738padding-top: 1em;
2739}
2740.fancyButton156.fancyButton .textStyle1{
2741	color: #00204a;
2742	font-size: 2em;
2743	font-family: Barlow Condensed;
2744	font-weight: 700;
2745	text-decoration: none;
2746position: relative;
2747display: block;
2748z-index: 3;
2749}
2750
2751.fancyButton156 .textStyle1::after {
2752content: '';
2753position: absolute;
2754left: 50%;
2755bottom: -24px;
2756transform: translateX(-50%);
2757background: #00204A; 
2758height: 4px;
2759width: 100px;}
2760.fancyButton156.fancyButton:hover .textStyle1, .fancyButton156.fancyButton.hover .textStyle1{
2761	text-decoration: underline;
2762
2763}
2764.fancyButton156.fancyButton .textStyle2{
2765	color: #00204a;
2766	text-decoration: none;
2767opacity: 0;
2768margin-top: 1.5em;
2769display: block;
2770transition: opacity .5s ease-in-out;
2771z-index: 5;}
2772.fancyButton156.fancyButton:hover .textStyle2, .fancyButton156.fancyButton.hover .textStyle2{
2773	text-decoration: none;
2774opacity: 1;}
2775</style>
2776
2777 </li><!--
2778--></ul></div><!--				-->
2779				</div>
2780			</nav>
2781		</div>
2782	<div class="widgetFooter">
2783			</div>
2784</div>
2785</div>
2786
2787	</div> <!-- inner column -->
2788
2789	</div> <!-- inner row -->
2790
2791			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2792
2793
2794	</div>
2795</div></div>
2796</div><!-- Address --><div data-cpRole="structuralContainer" id="addressContainerTS"><div class="inner">
2797<div class="siteWrap3"><div data-cpRole="contentContainer" id="address1TS">	<div id="cc40029131-0984-4d01-a4e8-2437c925f51e" data-containerid="40029131-0984-4d01-a4e8-2437c925f51e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
2798				                
2799
2800		<div class="row outer wide"><!--
2801--><div class="outer col col24 first last" style="" data-widgetcontainerid="7e6944ce-40c3-49e1-9c4c-222f0dd87097">�				
2802	<div class="row nest first last wide">�
2803	
2804	<div class="inner col col24 first last id3580c7aa-c9fe-4f84-bb9c-b1eea09e4542" style="" data-widgetcontainerid="3580c7aa-c9fe-4f84-bb9c-b1eea09e4542">�	
2805    <div data-widget-id="7c339e79-57b1-4583-bbeb-509c5da2e345" data-widget-controller-path="/InfoAdvanced/Widget">
2806
2807
2808
2809
2810
2811	<section id="divInfoAdv7c339e79-57b1-4583-bbeb-509c5da2e345" class="widget widgetInfoAdvanced skin14 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2812			<header class="widgetHeader" id="header7c339e79-57b1-4583-bbeb-509c5da2e345">
2813		<div class="">
2814								</div>
2815	</header>
2816	<div class="widgetBody  cpGrid cpGrid1 ">
2817		<div class="row  wide">
2818					<div class="col col1 first last">
2819						<ol class="pageStyles semanticList">
2820
2821<li class="InfoAdvanced widgetItem fr-view">
2822	<h2 class="subhead1">CITY OF <strong>DESTIN</strong> FLORIDA</h2>
2823</li>						</ol>
2824					</div>
2825		</div>
2826	</div>
2827	<div class="widgetFooter">
2828
2829	</div>
2830
2831	</section>
2832
2833
2834
2835<script type="text/javascript">
2836	//Render slideshow if info advacned items contain one.
2837	$(document).ready(function (e) {
2838		$('#divInfoAdv7c339e79-57b1-4583-bbeb-509c5da2e345 .InfoAdvanced.widgetItem').each(function () {
2839			renderSlideshowIfApplicable($(this));		
2840		});
2841	});
2842</script>
2842</div>
2843	</div> <!-- inner column -->
2844
2845	</div> <!-- inner row -->
2846
2847			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2848
2849
2850	</div>
2851</div><div data-cpRole="contentContainer" id="address2TS">	<div id="cc73fe61e8-f10b-4e50-9c5d-52e4b74f4b4c" data-containerid="73fe61e8-f10b-4e50-9c5d-52e4b74f4b4c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
2852				                
2853
2854		<div class="row outer wide"><!--
2855--><div class="outer col col24 first last" style="" data-widgetcontainerid="53f4eaec-31ee-4323-9dd3-980860fe1305">�				
2856	<div class="row nest first last wide">�
2857	
2858	<div class="inner col col24 first last id0a253adb-fc41-4817-aaf6-5afc04a7573d" style="" data-widgetcontainerid="0a253adb-fc41-4817-aaf6-5afc04a7573d">�	
2859    <div data-widget-id="8538a61d-a476-4050-b384-52721a9a089c" data-widget-controller-path="/InfoAdvanced/Widget">
2860
2861
2862
2863
2864
2865	<section id="divInfoAdv8538a61d-a476-4050-b384-52721a9a089c" class="widget widgetInfoAdvanced skin18 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2866			<header class="widgetHeader" id="header8538a61d-a476-4050-b384-52721a9a089c">
2867		<div class="">
2868								</div>
2869	</header>
2870	<div class="widgetBody  cpGrid cpGrid1 ">
2871		<div class="row  wide">
2872					<div class="col col1 first last">
2873						<ol class="pageStyles semanticList">
2874
2875<li class="InfoAdvanced widgetItem fr-view">
2876	<img src="/ImageRepository/Document?documentID=14081" alt="Seal" title="Seal">
2877</li>						</ol>
2878					</div>
2879		</div>
2880	</div>
2881	<div class="widgetFooter">
2882
2883	</div>
2884
2885	</section>
2886
2887
2888
2889<script type="text/javascript">
2890	//Render slideshow if info advacned items contain one.
2891	$(document).ready(function (e) {
2892		$('#divInfoAdv8538a61d-a476-4050-b384-52721a9a089c .InfoAdvanced.widgetItem').each(function () {
2893			renderSlideshowIfApplicable($(this));		
2894		});
2895	});
2896</script>
2896</div>
2897	</div> <!-- inner column -->
2898
2899	</div> <!-- inner row -->
2900
2901			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2902
2903
2904	</div>
2905</div><div data-cpRole="contentContainer" id="address3TS">	<div id="cc2286d995-597c-4cc7-b90f-92f6d9334e54" data-containerid="2286d995-597c-4cc7-b90f-92f6d9334e54" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
2906				                
2907
2908		<div class="row outer wide"><!--
2909--><div class="outer col col24 first last" style="" data-widgetcontainerid="9b3805c9-6320-4495-92d3-302bc1138554">�				
2910	<div class="row nest first last wide">�
2911	
2912	<div class="inner col col24 first last idbde832be-6fa1-4e0c-8fbb-166499568c2f" style="" data-widgetcontainerid="bde832be-6fa1-4e0c-8fbb-166499568c2f">�	
2913    <div data-widget-id="08705724-215a-4425-be5a-a8977594fa66" data-widget-controller-path="/InfoAdvanced/Widget">
2914
2915
2916
2917
2918
2919	<section id="divInfoAdv08705724-215a-4425-be5a-a8977594fa66" class="widget widgetInfoAdvanced skin14 widgetOptionSet32 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2920			<header class="widgetHeader" id="header08705724-215a-4425-be5a-a8977594fa66">
2921		<div class="">
2922								</div>
2923	</header>
2924	<div class="widgetBody  cpGrid cpGrid3 ">
2925		<div class="row autoWidths center wide">
2926					<div class="col col1 first ">
2927						<ol class="pageStyles semanticList">
2928
2929<li class="InfoAdvanced widgetItem fr-view">
2930	4200 Indian Bayou Trail
2931</li>						</ol>
2932					</div>
2933					<div class="col col1  ">
2934						<ol class="pageStyles semanticList">
2935
2936<li class="InfoAdvanced widgetItem fr-view">
2937	Destin, FL 32541
2938</li>						</ol>
2939					</div>
2940					<div class="col col1  last">
2941						<ol class="pageStyles semanticList">
2942
2943<li class="InfoAdvanced widgetItem fr-view">
2944	Phone: <a href="tel:850-837-4242" target="_self" class="Hyperlink">850-837-4242</a>
2945</li>						</ol>
2946					</div>
2947		</div>
2948	</div>
2949	<div class="widgetFooter">
2950
2951	</div>
2952
2953	</section>
2954
2955
2956
2957<script type="text/javascript">
2958	//Render slideshow if info advacned items contain one.
2959	$(document).ready(function (e) {
2960		$('#divInfoAdv08705724-215a-4425-be5a-a8977594fa66 .InfoAdvanced.widgetItem').each(function () {
2961			renderSlideshowIfApplicable($(this));		
2962		});
2963	});
2964</script>
2964</div>
2965	</div> <!-- inner column -->
2966
2967	</div> <!-- inner row -->
2968
2969			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2970
2971
2972	</div>
2973</div></div></div>
2974</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS">
2975<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS">	<div id="cc28d1c59f-6119-4fbd-b4af-9c4537f94c91" data-containerid="28d1c59f-6119-4fbd-b4af-9c4537f94c91" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50">
2976				                
2977
2978		<div class="row outer wide"><!--
2979--><div class="outer col col4 first" style="" data-widgetcontainerid="0a16cec7-dc49-42ac-973f-a475cc840d1b">�				
2980	<div class="row nest first last wide">�
2981	
2982	<div class="inner col col4 first last id90d7b4ba-a838-4af0-bbbb-3934c58fffe9" style="" data-widgetcontainerid="90d7b4ba-a838-4af0-bbbb-3934c58fffe9">�	
2983<div data-widget-id="6a514385-d309-4036-a98e-35b2049fe41a" data-widget-controller-path="/GraphicLinks/Widget">
2984
2985
2986
2987
2988<div id="graphicLinkWidget6a514385-d309-4036-a98e-35b2049fe41a" class="widget widgetGraphicLinks skin15 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2989	<div class="widgetHeader">
2990		<div class="">
2991			<h3 id="GraphicLinkHeaderText" class="" >Stay</h3>
2992				</div>
2993	</div>
2994	<div class="widgetBody cpGrid cpGrid1 ">
2995		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2996					<ul class="semanticList">
2997						<!--
2998	    --><li class="widgetItem GraphicLinks">
2999
3000<div>
3001	<a href="https://www.facebook.com/cityofdestin/" target="_blank" class="fancyButton fancyButton153 "  aria-label="Facebook Opens in new window">
3002		<span>
3003			<span><span class="text">Facebook</span></span>
3004		</span>
3005	</a>
3006</div>
3007		<style scoped="scoped">.fancyButton153.fancyButton:link,.fancyButton153.fancyButton:visited, .fancyButton153div.fancyButton{
3008	padding-left: 30px;
3009	background-image: url('/ImageRepository/Document?documentID=14087');
3010	background-repeat: no-repeat;
3011	background-position: left center;
3012width: 110px;
3013margin: 0 auto;}
3014.fancyButton153.fancyButton:hover,.fancyButton153.fancyButton:focus,.fancyButton153.fancyButton:active,.fancyButton153.fancyButton.hover{
3015	background-repeat: no-repeat;
3016	background-position: left top;
3017}
3018.fancyButton153.fancyButton:link > span,.fancyButton153.fancyButton:visited > span, .fancyButton153div.fancyButton > span{
3019}
3020.fancyButton153.fancyButton:hover > span,.fancyButton153.fancyButton:focus > span,.fancyButton153.fancyButton:active > span,.fancyButton153.fancyButton.hover > span{
3021}
3022.fancyButton153.fancyButton .text{
3023	text-align: left;
3024	text-decoration: none;
3025	background-repeat: no-repeat;
3026	background-position: left top;
3027height: 22px;
3028}
3029.fancyButton153.fancyButton:hover .text,.fancyButton153.fancyButton:focus .text,.fancyButton153.fancyButton:active .text,.fancyButton153.fancyButton.hover .text{
3030	text-decoration: underline;
3031	background-repeat: no-repeat;
3032	background-position: left top;
3033
3034
3035}
3036</style>
3037
3038 </li><!--
3039	    --><li class="widgetItem GraphicLinks">
3040
3041<div>
3042	<a href="https://www.instagram.com/cityofdestinofficial/" target="_blank" class="fancyButton fancyButton178 "  aria-label="Instagram Opens in new window">
3043		<span>
3044			<span><span class="text">Instagram</span></span>
3045		</span>
3046	</a>
3047</div>
3048		<style scoped="scoped">.fancyButton178.fancyButton:link,.fancyButton178.fancyButton:visited, .fancyButton178div.fancyButton{
3049	padding-left: 30px;
3050	background-image: url('/ImageRepository/Document?documentID=14771');
3051	background-repeat: no-repeat;
3052	background-position: left center;
3053width: 110px;
3054margin: 0 auto;}
3055.fancyButton178.fancyButton:hover,.fancyButton178.fancyButton:focus,.fancyButton178.fancyButton:active,.fancyButton178.fancyButton.hover{
3056	background-repeat: no-repeat;
3057	background-position: left top;
3058}
3059.fancyButton178.fancyButton:link > span,.fancyButton178.fancyButton:visited > span, .fancyButton178div.fancyButton > span{
3060}
3061.fancyButton178.fancyButton:hover > span,.fancyButton178.fancyButton:focus > span,.fancyButton178.fancyButton:active > span,.fancyButton178.fancyButton.hover > span{
3062}
3063.fancyButton178.fancyButton .text{
3064	text-align: left;
3065	text-decoration: none;
3066	background-repeat: no-repeat;
3067	background-position: left top;
3068height: 22px;
3069}
3070.fancyButton178.fancyButton:hover .text,.fancyButton178.fancyButton:focus .text,.fancyButton178.fancyButton:active .text,.fancyButton178.fancyButton.hover .text{
3071	text-decoration: underline;
3072	background-repeat: no-repeat;
3073	background-position: left top;
3074
3075
3076}
3077</style>
3078
3079 </li><!--
3080	    --><li class="widgetItem GraphicLinks">
3081
3082<div>
3083	<a href="https://www.youtube.com/user/CityofDestin" target="_blank" class="fancyButton fancyButton159 "  aria-label="YouTube Opens in new window">
3084		<span>
3085			<span><span class="text">YouTube</span></span>
3086		</span>
3087	</a>
3088</div>
3089		<style scoped="scoped">.fancyButton159.fancyButton:link,.fancyButton159.fancyButton:visited, .fancyButton159div.fancyButton{
3090	padding-left: 30px;
3091	background-image: url('/ImageRepository/Document?documentID=14095');
3092	background-repeat: no-repeat;
3093	background-position: left center;
3094width: 110px;
3095margin: 0 auto;}
3096.fancyButton159.fancyButton:hover,.fancyButton159.fancyButton:focus,.fancyButton159.fancyButton:active,.fancyButton159.fancyButton.hover{
3097	background-repeat: no-repeat;
3098	background-position: left top;
3099}
3100.fancyButton159.fancyButton:link > span,.fancyButton159.fancyButton:visited > span, .fancyButton159div.fancyButton > span{
3101}
3102.fancyButton159.fancyButton:hover > span,.fancyButton159.fancyButton:focus > span,.fancyButton159.fancyButton:active > span,.fancyButton159.fancyButton.hover > span{
3103}
3104.fancyButton159.fancyButton .text{
3105	text-align: left;
3106	text-decoration: none;
3107	background-repeat: no-repeat;
3108	background-position: left top;
3109height: 22px;
3110}
3111.fancyButton159.fancyButton:hover .text,.fancyButton159.fancyButton:focus .text,.fancyButton159.fancyButton:active .text,.fancyButton159.fancyButton.hover .text{
3112	text-decoration: underline;
3113	background-repeat: no-repeat;
3114	background-position: left top;
3115
3116
3117}
3118</style>
3119
3120 </li><!--
3121					-->
3122					</ul>
3123			</nav>
3124		</div>
3125	<div class="widgetFooter">
3126			</div>
3127</div>
3128</div>
3129
3130	</div> <!-- inner column -->
3131
3132	</div> <!-- inner row -->
3133
3134			</div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="34e63f59-26e0-42a2-83ea-04eaca7b3095">�				
3135	<div class="row nest first last wide">�
3136	
3137	<div class="inner col col4 first last idcaf9e698-50a0-4b1a-83be-40fc88b9d2e6" style="" data-widgetcontainerid="caf9e698-50a0-4b1a-83be-40fc88b9d2e6">�	
3138
3139<div class="widget widgetSpacer" id="3c8e51d1-a3bc-40bc-b6c8-a7cf396873c6"></div>
3140	</div> <!-- inner column -->
3141
3142	</div> <!-- inner row -->
3143
3144			</div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="1979b5d9-cb0a-4cdc-962f-d96ccda5e1bc">�				
3145	<div class="row nest first last wide">�
3146	
3147	<div class="inner col col4 first last id6f5e50a8-1ce6-4c5b-b87c-ebac1b6b6daf" style="" data-widgetcontainerid="6f5e50a8-1ce6-4c5b-b87c-ebac1b6b6daf">�	
3148	<div data-widget-id="6f46aa7b-03aa-4b5e-82d8-dd375c115fea" data-widget-controller-path="/QuickLinks/Widget">
3149
3150
3151
3152
3153
3154
3155
3156
3157	<section id="widgetQuicklink6f46aa7b-03aa-4b5e-82d8-dd375c115fea" class="widget widgetQuickLinks skin15 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader6f46aa7b-03aa-4b5e-82d8-dd375c115fea">
3158			<header class="widgetHeader" id="quickLinksHeader6f46aa7b-03aa-4b5e-82d8-dd375c115fea">
3159		<div class="">
3160					<h3><a  style="" href="/QuickLinks.aspx?CID=61" >Quick Links</a></h3>
3161						</div>
3162	</header>
3163	<div class="widgetBody cpGrid cpGrid1 ">
3164        <div class="row  narrow">
3165				<div class="col col1 first last">
3166					<ol class="semanticList">
3167
3168    <li style="position:relative" class="widgetItem QuickLinks">
3169        <a class="widgetDesc widgetQuickLinksLink" href="https://www.floodsmart.gov" target="_self" >floodsmart.gov </a>
3170        <div class="widgetMeta"></div>
3171    </li>
3172
3173    <li style="position:relative" class="widgetItem QuickLinks">
3174        <a class="widgetDesc widgetQuickLinksLink" href="https://www.fema.gov" target="_self" >Fema.gov</a>
3175        <div class="widgetMeta"></div>
3176    </li>
3177
3178    <li style="position:relative" class="widgetItem QuickLinks">
3179        <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofdestin.com/RequestTracker.aspx" target="_self" >Report a Problem</a>
3180        <div class="widgetMeta"></div>
3181    </li>
3182
3183    <li style="position:relative" class="widgetItem QuickLinks">
3184        <a class="widgetDesc widgetQuickLinksLink" href="/245/Flood-Information" target="_self" >Flood Information</a>
3185        <div class="widgetMeta"></div>
3186    </li>
3187
3188    <li style="position:relative" class="widgetItem QuickLinks">
3189        <a class="widgetDesc widgetQuickLinksLink" href="/159/Employment-Opportunities" target="_self" >Employment Opportunities</a>
3190        <div class="widgetMeta"></div>
3191    </li>
3192
3193    <li style="position:relative" class="widgetItem QuickLinks">
3194        <a class="widgetDesc widgetQuickLinksLink" href="/105/Library" target="_self" >Library</a>
3195        <div class="widgetMeta"></div>
3196    </li>
3197					</ol>
3198				</div>
3199		</div>
3200        
3201	</div>
3202	<div class="widgetFooter">
3203	</div>
3204	<div class="addItemModal hidden">
3205		<div class="url hidden">/QuickLinks.aspx</div>
3206	</div>
3207
3208	</section>
3209</div>
3210
3211	</div> <!-- inner column -->
3212
3213	</div> <!-- inner row -->
3214
3215			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="e09b28fb-0d55-4932-ad54-a21f9f595657">�				
3216	<div class="row nest first last wide">�
3217	
3218	<div class="inner col col3 first last id5558b157-c864-4546-beef-a222eaa39c5f" style="" data-widgetcontainerid="5558b157-c864-4546-beef-a222eaa39c5f">�	
3219
3220<div class="widget widgetSpacer" id="2519c0f1-be7b-4f70-bbab-670246881a7f"></div>
3221	</div> <!-- inner column -->
3222
3223	</div> <!-- inner row -->
3224
3225			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="592912bc-a79e-4113-ad2a-d60b666fd6ad">�				
3226	<div class="row nest first last wide">�
3227	
3228	<div class="inner col col3 first last id67cbe82b-6a15-4888-8645-3af4b1532b4e" style="" data-widgetcontainerid="67cbe82b-6a15-4888-8645-3af4b1532b4e">�	
3229<div data-widget-id="e159cfc5-3520-4d55-bb92-e5ab34af45e0" data-widget-controller-path="/Faq/Widget">
3230
3231
3232
3233
3234
3235
3236
3237
3238	<section id="widgetFaqe159cfc5-3520-4d55-bb92-e5ab34af45e0" class="widget widgetFAQ skin15 widgetOptionSet17 narrow" data-modulewidgettype="FAQ" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="faqHeadere159cfc5-3520-4d55-bb92-e5ab34af45e0">
3239		    <header class="widgetHeader" id="faqHeadere159cfc5-3520-4d55-bb92-e5ab34af45e0">
3240        <div class="">
3241                    <h3><a href="/Faq.aspx?TID=15">FAQs</a></h3>
3242                                </div>
3243    </header>
3244	<div class="widgetBody pageStyles cpGrid cpGrid1 ">
3245		<div class="row  narrow">
3246					<link href="/Areas/FAQ/Assets/Styles/Widget.css" rel="stylesheet" />
3247					<div class="col col1">
3248						<ol class="semanticList" style="columns: 1">
3249
3250
3251        <li style="position: relative" class="widgetItem">
3252            <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=204">What is MGO (MyGovernmentOnline)?</a>
3253        </li>
3254
3255
3256        <li style="position: relative" class="widgetItem">
3257            <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=61">Are drawings required and do they need to be drawn by an architect or engineer?</a>
3258        </li>
3259
3260
3261        <li style="position: relative" class="widgetItem">
3262            <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=66">Can I, as an owner, act as my own contractor?</a>
3263        </li>
3264						</ol>
3265					</div>
3266		</div>
3267        	</div>
3268	<div class="widgetFooter">	
3269	</div>
3270    <div class="addItemModal hidden">
3271        <div class="url hidden">/FAQ.aspx</div>
3272    </div>
3273
3274	</section>
3275
3276
3277<script>
3278	function handleExpandCollapse(e) {
3279		const element = e.currentTarget;
3280		const answer = document.getElementById(element.getAttribute("aria-controls")).parentElement;
3281		const expandArrow = element.getElementsByClassName("widgetFAQ--arrow")[0];
3282		if (answer.classList.contains("hidden")) {
3283			expandArrow.classList.add('widgetFAQ--arrow-expanded');
3284			expandArrow.classList.remove('widgetFAQ--arrow-collapsed');
3285			answer.classList.remove("hidden");
3286			element.setAttribute("aria-expanded", "true");
3287		} else {
3288			expandArrow.classList.add('widgetFAQ--arrow-collapsed');
3289			expandArrow.classList.remove('widgetFAQ--arrow-expanded');
3290			answer.classList.add("hidden");
3291			element.setAttribute("aria-expanded", "false");
3292		}
3293		e.preventDefault();
3294		e.stopImmediatePropagation();
3295		e.stopPropagation();
3296	}
3297    document.querySelectorAll(".widgetFAQ--question a").forEach(element => {
3298        // When the link is clicked, expand or collapse the answer
3299		element.addEventListener("click", handleExpandCollapse);
3300	});
3301</script>
3301
3302</div>
3303
3304	</div> <!-- inner column -->
3305
3306	</div> <!-- inner row -->
3307
3308			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="cbd966c3-45da-430b-860a-952766535e31">�				
3309	<div class="row nest first last wide">�
3310	
3311	<div class="inner col col3 first last id1c9e7f66-b949-400a-acac-bb7a2a994cb4" style="" data-widgetcontainerid="1c9e7f66-b949-400a-acac-bb7a2a994cb4">�	
3312
3313<div class="widget widgetSpacer" id="6d6f3585-9c9f-49f3-8046-0cd9af9853d5"></div>
3314	</div> <!-- inner column -->
3315
3316	</div> <!-- inner row -->
3317
3318			</div><!-- outer column --><!----><div class="outer col col3 last" style="" data-widgetcontainerid="43f33edc-8eaa-4953-bc2c-2c32bff936cc">�				
3319	<div class="row nest first last wide">�
3320	
3321	<div class="inner col col3 first last idb949fad4-3251-4fad-bb9f-2ed0fb3f502e" style="" data-widgetcontainerid="b949fad4-3251-4fad-bb9f-2ed0fb3f502e">�	
3322	<div data-widget-id="d817bb84-ad99-40d3-b657-2b7da8ce6b2b" data-widget-controller-path="/QuickLinks/Widget">
3323
3324
3325
3326
3327
3328
3329
3330
3331	<section id="widgetQuicklinkd817bb84-ad99-40d3-b657-2b7da8ce6b2b" class="widget widgetQuickLinks skin15 widgetOptionSet16 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderd817bb84-ad99-40d3-b657-2b7da8ce6b2b">
3332			<header class="widgetHeader" id="quickLinksHeaderd817bb84-ad99-40d3-b657-2b7da8ce6b2b">
3333		<div class="">
3334					<h3><a  style="" href="/QuickLinks.aspx?CID=62" >Site Links</a></h3>
3335						</div>
3336	</header>
3337	<div class="widgetBody cpGrid cpGrid1 ">
3338        <div class="row  narrow">
3339				<div class="col col1 first last">
3340					<ol class="semanticList">
3341
3342    <li style="position:relative" class="widgetItem QuickLinks">
3343        <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a>
3344        <div class="widgetMeta"></div>
3345    </li>
3346
3347    <li style="position:relative" class="widgetItem QuickLinks">
3348        <a class="widgetDesc widgetQuickLinksLink" href="/510/" target="_self" >Copyright Notices</a>
3349        <div class="widgetMeta"></div>
3350    </li>
3351
3352    <li style="position:relative" class="widgetItem QuickLinks">
3353        <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofdestin.com/604/Privacy-Policy" target="_self" >Privacy Policy</a>
3354        <div class="widgetMeta"></div>
3355    </li>
3356
3357    <li style="position:relative" class="widgetItem QuickLinks">
3358        <a class="widgetDesc widgetQuickLinksLink" href="/511" target="_self" >Accessibility</a>
3359        <div class="widgetMeta"></div>
3360    </li>
3361
3362    <li style="position:relative" class="widgetItem QuickLinks">
3363        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a>
3364        <div class="widgetMeta"></div>
3365    </li>
3366
3367    <li style="position:relative" class="widgetItem QuickLinks">
3368        <a class="widgetDesc widgetQuickLinksLink" href="https://outlook.office365.com" target="_self" >Staff Login</a>
3369        <div class="widgetMeta"></div>
3370    </li>
3371					</ol>
3372				</div>
3373		</div>
3374        
3375	</div>
3376	<div class="widgetFooter">
3377	</div>
3378	<div class="addItemModal hidden">
3379		<div class="url hidden">/QuickLinks.aspx</div>
3380	</div>
3381
3382	</section>
3383</div>
3384
3385	</div> <!-- inner column -->
3386
3387	</div> <!-- inner row -->
3388
3389			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3390
3391
3392	</div>
3393</div></div>
3394</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS">
3395<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS">	<div id="cca0280757-de3e-4e94-9fd3-21bf754462d4" data-containerid="a0280757-de3e-4e94-9fd3-21bf754462d4" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
3396				                
3397
3398		<div class="row outer wide"><!--
3399--><div class="outer col col24 first last" style="" data-widgetcontainerid="ff80fbad-2134-4004-89e4-8700dea6dd15">�				
3400	<div class="row nest first last wide">�
3401	
3402	<div class="inner col col24 first last ida41675c2-f019-4af6-bcdd-1fe067a8358f" style="" data-widgetcontainerid="a41675c2-f019-4af6-bcdd-1fe067a8358f">�	
3403 
3404	<div data-widget-id='2f41caef-46b7-43dd-a321-bd9289144b54' data-moduleName="customHtml" id='widgetCustomHtml2f41caef-46b7-43dd-a321-bd9289144b54' class="widget widgetCustomHtml skin16 narrow" >
3405	<div class="widgetBody pageStyles" id="widgetBody2f41caef-46b7-43dd-a321-bd9289144b54">
3406		<div id="customHtml2f41caef-46b7-43dd-a321-bd9289144b54"><div><style>
3407  /* CP icon */
3408  .cpBylineIconTS {
3409  }
3410  /* CP Text */
3411  .cpBylineTextTS,
3412  .cpBylineTextTS a:link {
3413  }
3414
3415  .cpBylineTS {
3416    text-align: center;
3417  }
3418  
3419  .cpBylineIconTS {
3420    fill: currentColor;
3421    width: 39px;
3422    height: 26px;
3423    display: inline;
3424    vertical-align: middle;
3425  }
3426</style>
3427
3428<div class="widgetItem cpBylineTS">
3429  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
3430    <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>
3431    <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>
3432  </svg>
3433  <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
3434</div>
3435</div></div>
3436	</div>
3437
3438	</div>
3439
3440	</div> <!-- inner column -->
3441
3442	</div> <!-- inner row -->
3443
3444			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3445
3446
3447	</div>
3448</div></div>
3449</div>
3450</div>
3451
3452            </div>
3453        </div>
3454    </div>
3455
3456<link href="/745732998.css" rel="stylesheet" type="text/css" />
3457
3458<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
3459	<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">
3460		<div class="cp-Splash-header">
3461			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
3462			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
3463				<svg id="iconClose" viewBox="0 0 25 25">
3464					<polygon style="fill:currentcolor"
3465							 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>
3466				</svg>
3467			</button>
3468		</div>
3469		<div class="cp-Splash-body">
3470			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
3471				<!-- Content from the Froala Editor will go here. -->
3472				Loading
3473			</div>
3474		</div>
3475		<div class="cp-Splash-footer">
3476			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
3477			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
3478		</div>
3479	</div>
3480</div>
3481
3482<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3482
3482
3483<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3483
3483
3484<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3484
3484
3485<script>
3486
3487		$(document).ready(function () {
3488			var filter = {
3489				targetId: '27',
3490				targetType: 1
3491			}
3492
3493			new SplashModalRender().triggerRender(filter);
3494		});
3495</script>
3495
3496
3497
3498	
3499	
3500	
3501	
3502
3503
3504
3505	
3506
3507
3508
3509
3510
3511
3512    
3512<script src="/-1442400649.js" type="text/javascript"></script>
3512
3513    <!-- Fixed Nav Adjustment -->
3514<script>
3515window.Pages = window.Pages || {};
3516$.when(window.Pages.toolBarDeferred).done(function () {
3517	var $divToolbars = $('#divToolbars');
3518	var $fixedBar = $('#structuralContainer22');
3519	var $contentShift = $('#structuralContainer4');
3520	var setupExtraToolbar = function () {
3521		window.setTimeout(function(){
3522			//if ($('body').hasClass("wide")) {
3523			if (!window.matchMedia('screen and (max-width: 66em)').matches) {
3524				$fixedBar.css('margin-top', $divToolbars.height() + 'px');
3525				$contentShift.css('padding-top', $fixedBar.height() + 'px');
3526			}else{
3527				$fixedBar.css('margin-top', 'auto');
3528				$contentShift.css('padding-top', 'auto');
3529			}
3530		}, 100);
3531	};
3532	cpMedia.register('screen and (max-width: 66em)', {
3533		setup: function () {
3534			window.setTimeout(setupExtraToolbar, 220);
3535		},
3536		match: function () {
3537			$fixedBar.css('margin-top', 'auto');
3538			$contentShift.css('padding-top', 'auto');
3539		},
3540		unmatch: function () {
3541			setupExtraToolbar();
3542		}
3543	});
3544	window.Pages.onResizeHandlers.push(setupExtraToolbar);
3545});
3546$(function(){
3547	if($('#doneEditing').length === 1){
3548		$('#structuralContainer22').removeClass('fixedTop');
3549	}
3550});
3551</script>
3551
3552<!-- Fixed Nav End -->
3553	
3554<!-- Fixed Nav Adjustment -->
3555<script>
3556  function getValueTS(elem, attr) {
3557    const val = elem.css(attr);
3558    if (val === undefined) return undefined;
3559    const num = parseInt(val, 10);
3560    if (num === NaN) return undefined;
3561    return num;
3562  }
3563
3564  function clampTS(number, min, max) {
3565    return Math.min(Math.max(number, min), max);
3566  }
3567
3568  function isPageEditingTS() {
3569    return (
3570      $("#doneEditing").length > 0 || // In live edit
3571      typeof DesignCenter !== "undefined" // In theme manager
3572    );
3573  }
3574
3575  const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/;
3576  function isTransparentTS(elem) {
3577    const bg = elem.css('background-color');
3578    if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false;
3579    const matchState = bg.match(bgColorRegexTS);
3580    if (!matchState || matchState.length !== 5) return false;
3581    const alpha = parseFloat(matchState[4], 10);
3582    if (!(alpha >= 0 && alpha < 1)) return false;
3583    return true;
3584  }
3585
3586  function iterateLeftpads(cb) {
3587    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
3588    for (let i = 0; i < containersTS.length; i++) {
3589      const containerTS = containersTS[i];
3590      // Skip the body container and anything with data-skip-leftpad
3591      if (
3592        containerTS.id !== "bodyContainerTS" &&
3593        containerTS.getAttribute('data-skip-leftpad') === null
3594      ) {
3595        cb(containerTS);
3596      }
3597    }
3598  }
3599
3600  const anchor = $("#divToolbars");
3601
3602  // Outer banner padding (push banner down)
3603  const outerSizingTS = $("#bannerContainerTS");
3604  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
3605  const innerSizingTS = $("#bannerSizingTS");
3606  const bodyContainerTS = $("#bodyContainerTS");
3607
3608  const forceUnfixClassTS = "forceUnfixTS";
3609
3610  const fixedTopTS = $(".fixedTopTS");
3611  const fixedBottomTS = $(".fixedBottomTS");
3612  const fixedLeftTS = $(".fixedLeftTS");
3613
3614  var initialTopTS;
3615  var topAttachTS;
3616  if (fixedTopTS && fixedTopTS.length === 1) {
3617    initialTopTS = getValueTS(fixedTopTS, 'top');
3618    const attachment = fixedTopTS.attr('data-attach');
3619    if (attachment) topAttachTS = $("#" + attachment);
3620    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
3621  }
3622
3623  function resizeAdjustmentTS() {
3624    const editing = isPageEditingTS();
3625
3626    // Fixed top script
3627    (function () {
3628      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;
3629
3630      if (editing) {
3631        fixedTopTS[0].classList.add(forceUnfixClassTS);
3632      } else {
3633        fixedTopTS[0].classList.remove(forceUnfixClassTS);
3634      }
3635
3636      const topPosition = fixedTopTS.css('position');
3637      if (topPosition === 'fixed') {
3638        if (topAttachTS) {
3639          scrollAdjustmentTS();
3640        } else {
3641          const anchorHeight = anchor.outerHeight() - 1;
3642          fixedTopTS.css('top', anchorHeight + initialTopTS);
3643        }
3644      } else {
3645        fixedTopTS.css('top', initialTopTS);
3646      }
3647
3648      if (topPosition === 'fixed' || topPosition === 'absolute') {
3649        // Bump the banner content down
3650        if (isTransparentTS(fixedTopTS)) {
3651          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1);
3652          outerSizingTS.css('padding-top', '');
3653
3654          try {
3655            window.Pages.onResizeHandlersExecute();
3656          } catch (e) { }
3657        } else {
3658          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
3659          innerSizingTS.css('padding-top', '');
3660        }
3661      } else {
3662        innerSizingTS.css('padding-top', '');
3663        outerSizingTS.css('padding-top', '');
3664      }
3665    })();
3666
3667    // Fixed bottom script
3668    (function () {
3669      if (!fixedBottomTS || fixedBottomTS.length === 0) return;
3670
3671      // If the widget has gone narrow, force unfix
3672      if (editing || fixedBottomTS.outerHeight() > 200) {
3673        fixedBottomTS[0].classList.add(forceUnfixClassTS);
3674      } else {
3675        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
3676      }
3677
3678      if (fixedBottomTS.css('position') === 'fixed') {
3679        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
3680      } else {
3681        bodyContainerTS.css('padding-bottom', '');
3682      }
3683    })();
3684
3685    // Fixed left script
3686    (function () {
3687      if (!fixedLeftTS || fixedLeftTS.length === 0) return;
3688
3689      if (editing) {
3690        fixedLeftTS[0].classList.add(forceUnfixClassTS);
3691      } else {
3692        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
3693      }
3694
3695      if (fixedLeftTS.css('position') === 'fixed') {
3696        const anchorHeight = anchor.outerHeight() - 1;
3697        fixedLeftTS.css('top', anchorHeight);
3698        const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
3699        iterateLeftpads(function (containerTS) {
3700          const containerBoundingTS = containerTS.getBoundingClientRect();
3701          if (containerBoundingTS.left <= leftBoundingTS.right) {
3702            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
3703          }
3704        });
3705      } else {
3706        fixedLeftTS.css('top', '');
3707        iterateLeftpads(function (containerTS) {
3708          $(containerTS).css('padding-left', '');
3709        });
3710      }
3711    })();
3712  }
3713
3714  function scrollAdjustmentTS() {
3715    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
3716    const topPosition = fixedTopTS.css('position');
3717    if (topPosition === 'fixed' || topPosition === 'absolute') {
3718      const anchorBounding = anchor[0].getBoundingClientRect();
3719      const attachBounding = topAttachTS[0].getBoundingClientRect();
3720      const scrollTop = $(window).scrollTop();
3721
3722      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
3723    } else {
3724      fixedTopTS.css('top', initialTopTS);
3725    }
3726  }
3727
3728  $(window).load(function () {
3729    setTimeout(function () {
3730      resizeAdjustmentTS();
3731    }, 350);
3732
3733    $(window).scroll(function () {
3734      scrollAdjustmentTS();
3735    });
3736
3737    var adjustTimeoutTS;
3738    $(window).resize(function () {
3739      clearTimeout(adjustTimeoutTS);
3740      adjustTimeoutTS = setTimeout(function () {
3741        resizeAdjustmentTS();
3742      }, 350);
3743    });
3744
3745    $.when(window.Pages.angularToolbarComplete).done(function () {
3746      resizeAdjustmentTS();
3747    });
3748  });
3749</script>
3749
3750<!-- End Fixed Nav Adjustment -->
3751
3752
3753<script async src=https://www.googletagmanager.com/gtag/js?id=G-B3EZVM9RG6></script>
3753
3754
3755<script> 
vendor: 127 bytes, line 3755
3755window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
3755G-B3EZVM9RG6
vendor: 4 bytes, line 3755
3755'); 
3755</script>
3755<!-- AudioEye --> 
3755<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash="0832ad2ebf25582f82d61e54240fe47e";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>
3755 <!-- End AudioEye -->
3756
3757
3758    
3758<script type="text/javascript">
3759        $(function () {
3760            document.cookie = "responsiveGhost=0; path=/";
3761        });
3762        $(window).on("load", function () {
3763            $('body').addClass('doneLoading').removeClass('hideContent');
3764
3765            if ($('#404Content').length > 0)
3766                $('div#bodyWrapper').css('padding', '0px');
3767        });
3768    </script>
3768
3769
3770    <noscript>
3771        <style>
3772            body.hideContent {
3773                opacity: 1 !important;
3774            }
3775        </style>
3776    </noscript>
3777
3778        
3779<div style="display: none;">
3780	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
3781
3782		<symbol id="iconArrow--left" viewbox="0 0 25 25">
3783			<title>Arrow Left</title>
3784			<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>
3785		</symbol>
3786
3787		<symbol id="iconArrow--right" viewbox="0 0 25 25">
3788			<title>Arrow Right</title>
3789			<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>
3790		</symbol>
3791
3792	</svg>
3793</div>
3794    
3794<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Barlow:500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Barlow+Condensed:500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Montserrat:500,500italic,600,600italic,700,700italic,italic,regular|Open+Sans:600,700,regular|Vollkorn:700,regular|');</script>
3794
3795    
3796
3797    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
3798        <div style="display: none;">
3799            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
3800                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
3801                    <title>Slideshow Left Arrow</title>
3802                    <g>
3803                        <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>
3804                    </g>
3805                </symbol>
3806                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
3807                    <title>Slideshow Right Arrow</title>
3808                    <g>
3809                        <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>
3810                    </g>
3811                </symbol>
3812            </svg>
3813        </div>
3814    
3815	
3816	
3817
3818    <div id="root-picker-outlet"></div>
3819</body>
3820</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.