PageSourceSearch

https://cityofdestin.com/501/Community

html cityofdestin.com collected 2026-10-02 10:43:18 UTC 119,357 bytes, 3,117 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="Community" />
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>Community | Destin, FL - Official Website</title>
126
127		<meta name="description" content="">
128			
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128
129	
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129
130	
131
132	<!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]-->
133	<!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]-->
134	<!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]-->
135	<!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]-->
136	
136<script type="text/javascript"><!--
137	var intCountryCode = 840;
138	var order = '';
139//--></script>
139
140	
141<link href="/-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" />
142
143	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
144	
144<script type="text/javascript">
145		window.Pages = window.Pages || {};
146		// FrontEnd RWD initialization
147		window.Pages.rwdReady = $.Deferred();
148		window.Pages.toolBarDeferred = $.Deferred();
149		window.Pages.rwdSetupComplete = $.Deferred();
150		window.Pages.megaMenuLoaded = $.Deferred();
151		window.Pages.angularToolbarComplete = $.Deferred();
152		window.Pages.frontEndToolbarComplete = $.Deferred();
153	</script>
153
154	<!--CPHeadContent-->
155	
155<script src="/739942322.js" type="text/javascript"></script>
155
156	
157	
158	
159	
160
161
162
163
164	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
165	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
166	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
167	<!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]-->
168
169	
169<script type="text/javascript">
170		setEditorVariables(false, 840);
171		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
172	</script>
172
173	
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173
174</head>
175<body class="wide " >
176
177    
177<script>jQuery(document).click(function (event) {
178	var target = jQuery(event.target);
179	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
180		var text = target.attr('title');
181		
182		if (!text.length) {
183			text = "N/A";
184		}
185		ga('send',
186			{
187				hitType: 'event',
188				eventCategory: 'Image',
189				eventAction: 'Image - ' + text,
190				eventLabel: window.location.href
191			});
192	}
193	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
194		var text = "";
195		if (target.parents('.button')[0]) {
196			text = target.parents('.button').first().text();
197		} else if (target.text().length) {
198			text = target.text();
199		} else if (target.attr('title').length) {
200			text = target.attr('title');
201		}
202		if (!text.length) {
203			text = "N/A";
204		}
205		ga('send',
206			{
207				hitType: 'event',
208				eventCategory: 'Button',
209				eventAction: 'Button - ' + text,
210				eventLabel: window.location.href
211			});
212	}
213	if (target.parents('.widgetCustomHtml').length) {
214		ga('send',
215			{
216				hitType: 'event',
217				eventCategory: 'Custom Html',
218				eventAction: 'Custom Html Clicked',
219				eventLabel: window.location.href
220			});
221	}
222	if (target.parents('.editor').length) {
223		ga('send',
224			{
225				hitType: 'event',
226				eventCategory: 'Editor',
227				eventAction: 'Editor Link Clicked',
228				eventLabel: window.location.href
229			});
230	}
231	if (target.parents('.GraphicLinks').length) {
232		var text = "";
233		var targetGraphicLink = target;
234		if (target.hasClass('widgetGraphicLinksLink')) {
235			targetGraphicLink = jQuery(target.children()[0]);
236		}
237		if (targetGraphicLink.hasClass('text')) {
238			text = targetGraphicLink.text();
239		} else if (targetGraphicLink.attr('src').length) {
240			if (targetGraphicLink.attr('alt').length) {
241				text = targetGraphicLink.attr('alt');
242			} else {
243				text = targetGraphicLink.attr('src');
244			}
245		} else {
246			text = "N/A";
247		}
248		ga('send',
249			{
250				hitType: 'event',
251				eventCategory: 'Graphic Links',
252				eventAction: 'Graphic Link - ' + text,
253				eventLabel: window.location.href
254			});
255	}
256	if (target.parents('.InfoAdvanced').length) {
257		ga('send',
258			{
259				hitType: 'event',
260				eventCategory: 'Info Advanced',
261				eventAction: 'Info Advanced Clicked',
262				eventLabel: window.location.href
263			});
264	}
265	if (target.parents('.list').length) {
266		ga('send',
267			{
268				hitType: 'event',
269				eventCategory: 'List',
270				eventAction: 'List Clicked',
271				eventLabel: window.location.href
272			});
273	}
274	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
275		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
276		var breadCrumbs = [];
277		jQuery('.breadCrumbs > li').each(function () {
278			 breadCrumbs.push(this.textContent);
279		});
280		var pageTitle = breadCrumbs.join('>');
281		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
282		var text = "";
283		if (pageTitle) {
284			text += pageTitle + " | ";
285		} else {
286			text += document.title + ' - ';
287		}
288		if (target.text() == "" && megaMenuText == "") {
289			text += "N/A";
290		} else if (target.text().length && megaMenuText.length) {
291			if (megaMenuText == target.text()) {
292				text += megaMenuText;
293			} else {
294				text += megaMenuText + " - " + subTitleText + " - " + target.text();
295			}
296		} else if (target.text() == "") {
297			text += megaMenuText;
298		} else {
299			text += target.text();
300		}
301		if (!text.length) {
302			text = "N/A";
303		}
304		ga('send',
305			{
306				hitType: 'event',
307				eventCategory: 'Mega Menu',
308				eventAction: 'Mega Menu : ' + text,
309				eventLabel: window.location.href
310			});
311	}
312	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
313		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
314		if (!text.length) {
315			text = "N/A";
316		}
317		ga('send',
318			{
319				hitType: 'event',
320				eventCategory: 'News Flash',
321				eventAction: 'News Flash - ' + text,
322				eventLabel: window.location.href
323			});
324	}
325	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
326		var text = target.text();
327		if (!text.length) {
328			text = "N/A";
329		}
330		ga('send',
331			{
332				hitType: 'event',
333				eventCategory: 'Quick Links',
334				eventAction: 'Quick Links - ' + text,
335				eventLabel: window.location.href
336			});
337	}
338	if (target.attr('src') && target.parents('.cpSlideshow').length) {
339		var text = target.attr('title');
340		if (!text.length) {
341			text = "N/A";
342		}
343		ga('send',
344			{
345				hitType: 'event',
346				eventCategory: 'Slideshow',
347				eventAction: 'Slideshow - ' + text,
348				eventLabel: window.location.href
349			});
350	}
351	if (target.parents('.widgetText').length) {
352		ga('send',
353			{
354				hitType: 'event',
355				eventCategory: 'Text',
356				eventAction: 'Text Link Clicked',
357				eventLabel: window.location.href
358			});
359	}
360});</script>
360
361	<div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;">
362	<div class="cp-PopOver-header">
363		<h3 class="cp-PopOver-title"></h3>
364		<button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)">
365			<svg class="cp-Icon--close" alt="close" title="close">
366				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use>
367			</svg>
368		</button>
369	</div>
370	<div id="cpPopOverBody" class="cp-PopOver-body">
371		<form id="cpPopOverForm" name="cpPopOverForm" novalidate></form>
372	</div>
373	<div id="cpPopOverFooter" class="cp-PopOver-footer">
374		<div class="cp-BtnGroup" id="actionButtons">
375			<!-- Action buttons will be dynamically added here -->
376		</div>
377	</div>
378</div>
379    <div id="fb-root"></div>
380<div id=skipToContentLinks>
381<a href="#cc25d598d7-9db7-4fee-988e-5fb872dc3aee" target="_self" class="skipToContentLink">Skip to Main Content</a>
382</div>
383    <form id="frmReferenceFormForTelerikEditorDialogs"></form>
384
385        <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />
386
387
388
389    <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
390    <input type="hidden" id="hdnStructureID" value="5" />
391    <input type="hidden" id="hdnContentCollectionID" value="084752b2-58f8-4581-9b23-6c3bb480a5f4" />
392    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
393    <input type="hidden" id="hdnThemeID" value="7" />
394    <input type="hidden" id="pageIsFrontEnd" value="true" />
395    <input type="hidden" id="pageModuleID" />
396    <input type="hidden" id="pagePageID" value="501" />
397
398    <div id="stickyPlaceholder"></div>
399    <div id="outer-wrap" class="outer-wrap">
400        <div id="inner-wrap" class="inner-wrap">
401                <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
402                    
403
404
405
406                </div>
407            <div id="bodyWrapper">
408                <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
409                
410<div data-cpRole="structuralContainer" id="bodyContainerTS">
411<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS">
412<div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">
413
414
415
416
417				<a id="bannerLogoTS-12" style="			display: block; text-align: center;
418" class="bannerObject" href="/" target="_self"><img alt="Home Page" class="bannerObject" height="88" src="/ImageRepository/Document?documentID=14076" width="209" /></a>
419</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
420<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
421--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!--
422			--><!--
423			--> <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>			<!--
424			--><!--
425			--></li><!----><li id="MainItem8" class="topMenuItem" role="none" data-pageid="8" data-displaymegamenu="True"><!--
426			--><!--
427			--> <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>			<!--
428			--><!--
429			--></li><!----><li id="MainItem501" class="topMenuItem" role="none" data-pageid="501" data-displaymegamenu="False"><!--
430			--><!--
431			--> <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>			<!--
432			--><!--
433			--></li><!----><li id="MainItem505" class="topMenuItem" role="none" data-pageid="505" data-displaymegamenu="True"><!--
434			--><!--
435			--> <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>			<!--
436			--><!--
437			--></li><!---->
438</ol>
439
440
441	
441<script type="text/javascript">
442		(function () {
443			function setupMenu() {
444				const menuID = 'mainNavMenu';
445				const menuType = MAIN_MENU;
446
447				//setup menu manager properties for main menu
448				if (!menuManager.mobileMainNav && true)
449					menuManager.adjustMainItemsWidth('#' + menuID);
450				menuManager.isMainMenuEditable = false;
451				menuManager.mainMenuMaxSubMenuLevels = 4;
452				menuManager.setMOMMode(2, menuType);
453
454				//Init main menu
455				const setupDraggable = menuManager.isMainMenuEditable;
456				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=7&menuContainerID=mainNav';
457
458				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
459				menuManager.mainMenuInit = true;
460				menuManager.mainMenuTextResizer = false;
461				if (1.00 > 0)
462					menuManager.mainMenuTextResizerRatio = 1.00;
463				if (window.isResponsiveEnabled)
464					menuManager.mainMenuReady.resolve();
465
466			}
467
468			if (document.readyState === "complete"
469				|| document.readyState === "loaded"
470				|| document.readyState === "interactive") {
471				setupMenu();
472				return;
473			}
474
475			document.addEventListener("DOMContentLoaded", setupMenu);
476		})();
477	</script>
477
478
479
480<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">
481				                
482
483
484
485	</div>
486</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">
487				                
488
489
490
491	</div>
492</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">
493				                
494
495
496
497	</div>
498</aside></aside></nav></div>
499</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
500<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS">
501<div data-cpRole="structuralContainer" id="bannerSearchTS">
502<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">
503				                
504
505		<div class="row outer wide"><!--
506--><div class="outer col col12 first" style="" data-widgetcontainerid="bafd8e05-7bb2-4a34-bc63-0a9c290b4d37">�				
507	<div class="row nest first last wide">�
508	
509	<div class="inner col col6 first id617fcfe7-c103-4e7a-bee2-2c33bcdc59e9" style="" data-widgetcontainerid="617fcfe7-c103-4e7a-bee2-2c33bcdc59e9">�	
510<div data-widget-id="caefa2b9-778a-4c89-942e-2b91c282409e" data-widget-controller-path="/GraphicLinks/Widget">
511
512
513
514
515<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">
516	<div class="widgetHeader">
517		<div class="">
518				</div>
519	</div>
520	<div class="widgetBody cpGrid cpGrid1 ">
521		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
522				<ul class="semanticList">
523					<!--
524	    --><li class="widgetItem GraphicLinks">
525
526<div>
527	<a href="/590/View-Rip-Current-Information" target="_self" class="fancyButton fancyButton152 " >
528		<span>
529			<span><span class="text">Rip Current</span></span>
530		</span>
531	</a>
532</div>
533		<style scoped="scoped">.fancyButton152.fancyButton:link,.fancyButton152.fancyButton:visited, .fancyButton152div.fancyButton{
534	padding-left: 45px;
535	background-image: url('/ImageRepository/Document?documentID=14096');
536	background-repeat: no-repeat;
537	background-position: left center;
538margin: 0 auto;
539width: 125px;}
540.fancyButton152.fancyButton:hover,.fancyButton152.fancyButton:focus,.fancyButton152.fancyButton:active,.fancyButton152.fancyButton.hover{
541}
542.fancyButton152.fancyButton:link > span,.fancyButton152.fancyButton:visited > span, .fancyButton152div.fancyButton > span{
543}
544.fancyButton152.fancyButton:hover > span,.fancyButton152.fancyButton:focus > span,.fancyButton152.fancyButton:active > span,.fancyButton152.fancyButton.hover > span{
545}
546.fancyButton152.fancyButton .text{
547	color: #008a94;
548	font-size: 1.2em;
549	font-family: "Barlow Condensed";
550	text-align: left;
551	font-weight: 600;
552	text-decoration: none;
553	background-repeat: no-repeat;
554	background-position: left top;
555height: 35px;
556}
557.fancyButton152.fancyButton:hover .text,.fancyButton152.fancyButton:focus .text,.fancyButton152.fancyButton:active .text,.fancyButton152.fancyButton.hover .text{
558	text-decoration: underline;
559	background-repeat: no-repeat;
560	background-position: left top;
561
562
563}
564</style>
565
566 </li><!--
567				-->
568				</ul>
569			</nav>
570		</div>
571	<div class="widgetFooter">
572			</div>
573</div>
574</div>
575
576	</div> <!-- inner column -->
577	<div class="inner col col6 last id59458736-8fc5-4369-8d02-f491e96b0d78" style="" data-widgetcontainerid="59458736-8fc5-4369-8d02-f491e96b0d78">�	
578<div data-widget-id="461501a0-0821-4dae-9353-18dda6ed0cd2" data-widget-controller-path="/GraphicLinks/Widget">
579
580
581
582
583<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">
584	<div class="widgetHeader">
585		<div class="">
586				</div>
587	</div>
588	<div class="widgetBody cpGrid cpGrid3 ">
589		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
590				<div class="row   wide">
591					<!--
592--><div class="col col1 first "><ul class="semanticList"><!--
593	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/cityofdestin/" target="_blank">
594
595<img src="/ImageRepository/Document?documentID=14087" 
596     class="graphicButtonLink" alt="Facebook (opens in new window)" 
597     onmouseover="this.src='/ImageRepository/Document?documentID=14087'" 
598	onmouseout="this.src='/ImageRepository/Document?documentID=14087'"
599     onfocus="this.src='/ImageRepository/Document?documentID=14087'" 
600	onblur="this.src='/ImageRepository/Document?documentID=14087'"> 
601</a></li><!--
602--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
603	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/cityofdestinofficial/" target="_blank">
604
605<img src="/ImageRepository/Document?documentID=14771" 
606     class="graphicButtonLink" alt="Instagram Logo Centered (opens in new window)" 
607     onmouseover="this.src='/ImageRepository/Document?documentID=14771'" 
608	onmouseout="this.src='/ImageRepository/Document?documentID=14771'"
609     onfocus="this.src='/ImageRepository/Document?documentID=14771'" 
610	onblur="this.src='/ImageRepository/Document?documentID=14771'"> 
611</a></li><!--
612--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
613	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/user/CityofDestin" target="_blank">
614
615<img src="/ImageRepository/Document?documentID=14095" 
616     class="graphicButtonLink" alt="YouTube (opens in new window)" 
617     onmouseover="this.src='/ImageRepository/Document?documentID=14095'" 
618	onmouseout="this.src='/ImageRepository/Document?documentID=14095'"
619     onfocus="this.src='/ImageRepository/Document?documentID=14095'" 
620	onblur="this.src='/ImageRepository/Document?documentID=14095'"> 
621</a></li><!--
622--></ul></div><!--				-->
623				</div>
624			</nav>
625		</div>
626	<div class="widgetFooter">
627			</div>
628</div>
629</div>
630
631	</div> <!-- inner column -->
632
633	</div> <!-- inner row -->
634
635			</div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="4c783b38-8af3-4f0b-8a0d-40bc220e5123">�				
636	<div class="row nest first last wide">�
637	
638	<div class="inner col col12 first last idab333173-76d6-48a5-a5ba-d8cc98a15e31" style="" data-widgetcontainerid="ab333173-76d6-48a5-a5ba-d8cc98a15e31">�	
639<div data-widget-id="5bffb846-8760-4390-8fb7-4dfda8ff95f7" data-widget-controller-path="/Layout/WidgetSearch">
640	
641	
641<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
641
642	
642<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
642
643	
643<script defer type="text/javascript">
644
645		$(document).ready(function () {
646			try {
647				// Minimum characters required before performing a search/autocomplete
648				var minPrefixLength = 3;
649				var autoCompleteDebounceDelay = 500;
650				var searchFieldSelector = "#searchField" + '5bffb846-8760-4390-8fb7-4dfda8ff95f7';
651				var checkboxSelector = "#ysnSearchOnlyDept" + '5bffb846-8760-4390-8fb7-4dfda8ff95f7';
652				var buttonSelector = ".widgetSearchButton" + '5bffb846-8760-4390-8fb7-4dfda8ff95f7';
653				var autoCompleteCache = {};
654				var autoCompleteCacheKeys = [];
655				var autoCompleteCacheLimit = 25;
656				var currentAutoCompleteRequest = null;
657				var currentAutoCompleteRequestKey = null;
658				var autoCompleteDebounceTimer = null;
659				var autoCompleteDebounceKey = null;
660				var pendingAutoCompleteResponses = [];
661
662				function normalizeAutoCompleteTerm(term) {
663					return $.trim((term || "") + "").replace(/\s+/g, " ");
664				}
665
666				function shouldSearch(term) {
667					return normalizeAutoCompleteTerm(term).length >= minPrefixLength;
668				}
669
670				function getAutoCompleteUrl() {
671					return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : '');
672				}
673
674				function getAutoCompleteCacheKey(requestUrl, term) {
675					return requestUrl + "|" + term.toLowerCase();
676				}
677
678				function cacheAutoCompleteResult(cacheKey, data) {
679					if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
680						autoCompleteCacheKeys.push(cacheKey);
681						if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) {
682							delete autoCompleteCache[autoCompleteCacheKeys.shift()];
683						}
684					}
685					autoCompleteCache[cacheKey] = data;
686				}
687
688				function respondToPendingAutoComplete(data) {
689					var responses = pendingAutoCompleteResponses;
690					pendingAutoCompleteResponses = [];
691					for (var i = 0; i < responses.length; i++) {
692						responses[i](data);
693					}
694				}
695
696				function cancelPendingAutoComplete() {
697					clearTimeout(autoCompleteDebounceTimer);
698					autoCompleteDebounceKey = null;
699					if (currentAutoCompleteRequest != null) {
700						currentAutoCompleteRequest.abort();
701						currentAutoCompleteRequest = null;
702					}
703					currentAutoCompleteRequestKey = null;
704					respondToPendingAutoComplete([]);
705				}
706
707				function createWidgetAutoCompleteSource(options) {
708					return function (request, response) {
709						var term = normalizeAutoCompleteTerm(request.term);
710						if (!options.shouldSearch(term)) {
711							response([]);
712							return;
713						}
714
715						var requestUrl = options.url();
716						var cacheKey = getAutoCompleteCacheKey(requestUrl, term);
717						if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
718							response(autoCompleteCache[cacheKey]);
719							if (options.success) {
720								options.success(autoCompleteCache[cacheKey]);
721							}
722							return;
723						}
724
725						if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) {
726							pendingAutoCompleteResponses.push(response);
727							return;
728						}
729
730						cancelPendingAutoComplete();
731						autoCompleteDebounceKey = cacheKey;
732						pendingAutoCompleteResponses.push(response);
733						autoCompleteDebounceTimer = setTimeout(function () {
734							autoCompleteDebounceKey = null;
735							currentAutoCompleteRequestKey = cacheKey;
736							currentAutoCompleteRequest = $.ajax({
737								url: requestUrl,
738								dataType: "json",
739								timeout: options.timeout,
740								data: {
741									term: term,
742								},
743								success: function (data) {
744									if (currentAutoCompleteRequestKey === cacheKey) {
745										cacheAutoCompleteResult(cacheKey, data);
746										respondToPendingAutoComplete(data);
747										if (options.success) {
748											options.success(data);
749										}
750									}
751								},
752								error: function (xmlhttprequest, textstatus, message) {
753									if (textstatus === "abort") {
754										return;
755									}
756
757									if (options.error) {
758										options.error(xmlhttprequest, textstatus, message);
759									}
760
761									respondToPendingAutoComplete([]);
762								},
763								complete: function (xmlhttprequest) {
764									if (currentAutoCompleteRequest === xmlhttprequest) {
765										currentAutoCompleteRequest = null;
766										currentAutoCompleteRequestKey = null;
767									}
768								}
769							});
770						}, options.delay);
771					};
772				}
773
774				// click handler for search buttons
775				$(buttonSelector).click(function (e) {
776					e.preventDefault();
777					var $btn = $(this);
778					var $field = $btn.siblings(".widgetSearchBox");
779					var term = $field.val() + "";
780					if (!shouldSearch(term)) {
781						// do nothing until user types enough characters
782						$field.focus();
783						return;
784					}
785
786					if ($(checkboxSelector).is(':checked') || false)
787					{
788						doWidgetSearch($.trim(term), Number(0));
789					}
790					else {
791						doWidgetSearch($.trim(term), 0);
792					}
793				});
794
795				// enter key handler for the search field
796				$(searchFieldSelector).keypress(function (e) {
797					var code = e.which || e.keyCode;
798					if (code === 13) {
799						e.preventDefault();
800						var $this = $(this);
801						var term = $this.val() + "";
802						if (!shouldSearch(term)) {
803							// do nothing until user types enough characters
804							$this.focus();
805							return false;
806						}
807
808						if ($(checkboxSelector).is(':checked') || false) {
809							doWidgetSearch($.trim(term), Number(0));
810						} else {
811							doWidgetSearch($.trim(term), 0);
812						}
813						return false;
814					}
815					return true;
816				});
817
818				// autocomplete: set minLength and guard source
819				if (true) {
820					var $searchField = $(searchFieldSelector).autocomplete({
821						minLength: minPrefixLength,
822						source: createWidgetAutoCompleteSource({
823							delay: autoCompleteDebounceDelay,
824							timeout: 10000,
825							shouldSearch: shouldSearch,
826							url: getAutoCompleteUrl,
827							success: function () {
828								$('.autoCompleteError').remove();
829							},
830							error: function (xmlhttprequest, textstatus, message) {
831								if (textstatus === "timeout") {
832									if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0)
833										$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector));
834								}
835							}
836						}),
837						html: true,
838						delay: 0,
839						select: function (event, ui) {
840							$(this).val(ui.item.value);
841							$(this).next().click();
842						}
843					});
844
845					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
846						return $("<li class=\"itemList\"></li>")
847							.data("ui-autocomplete-item", item)
848							.append("<a>" + item.label + "</a>")
849							.appendTo(ul);
850					};
851				}
852
853				// keep searchBtnApplyQuery consistent with prefix rule
854				window.searchBtnApplyQuery = function() {
855					var $field = $(searchFieldSelector);
856					var term = $field.val() + "";
857					if (shouldSearch(term)) {
858						// update href for the icon/button (if present)
859						var btn = document.getElementById("btnSearchIcon");
860						if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term));
861					} else {
862						var btn = document.getElementById("btnSearchIcon");
863						if (btn) btn.href = "#";
864					}
865				};
866			}
867			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.
868		});
869	</script>
869
870	<style scoped type="text/css">.widgetOptionSet31 {
871margin-top: .5em;
872}</style>
873
874	<section id="widgetPreviewSearch" class="widget widgetSearch skin10 widgetOptionSet31" style="display: block;" aria-label="Search">
875				<!-- For the button right and inside -->
876		<div class="widgetBody buttonRightInside">
877			<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="" />
878						<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>
879
880			<label class="searchLabel" aria-hidden="true" for="searchField5bffb846-8760-4390-8fb7-4dfda8ff95f7">Search</label>
881		</div>
882
883	</section>
884
885
886<style scoped>
887	  
888		.widgetSearch ::-webkit-input-placeholder {
889		color: #003477;
890	  }
891		.widgetSearch :-moz-placeholder { /* Firefox 18- */
892	   color: #003477;
893	}
894		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
895	   color: #003477;
896	}
897	.widgetSearch :-ms-input-placeholder {
898	   color: #003477;
899	}
900	
901
902	.widgetSearch .widgetBody .widgetSearchBox5bffb846-8760-4390-8fb7-4dfda8ff95f7
903	{
904		color: #003477;
905		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;
906	}
907	.widgetSearch .widgetBody .widgetSearchButton5bffb846-8760-4390-8fb7-4dfda8ff95f7
908	{
909		margin: 0;
910	}
911	.widgetSearch .widgetSearch-onlyDept5bffb846-8760-4390-8fb7-4dfda8ff95f7
912	{
913		display: inline-block;
914		color: #333;
915		
916		
917		 padding-top: 10px;
918	}
919	#ysnSearchOnlyDept5bffb846-8760-4390-8fb7-4dfda8ff95f7
920	{
921		position: relative;
922		top: .125em;
923	}
924
925</style>
926
927<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
928<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
929
930
931
932<script type="text/javascript">
933	//Updates search icons href to have the correct queryString
934	function searchBtnApplyQuery() {
935		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField5bffb846-8760-4390-8fb7-4dfda8ff95f7").value;
936	}
937</script>
937
938
939</div>
940
941	</div> <!-- inner column -->
942
943	</div> <!-- inner row -->
944
945			</div><!-- outer column --><!--		--></div> <!-- outer row -->
946
947
948	</div>
949</div></div>
950</div><div data-cpRole="structuralContainer" id="bannerWelcomeTS">
951<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">
952				                
953
954
955
956	</div>
957</div></div>
958</div>
959</div>
960
961
962
963
964		<div id="bannerImagesJSON13" class="hidden"></div>
965		<div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none">
966			<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>
967			<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>
968		</div>
969			
969<script type="text/javascript">
970				$(window).on("load", function () {
971					$.when(window.Pages.rwdSetupComplete)
972						.done(function () {
973							renderExternalBannerSlideshow('banner1',
974								{"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)\/"},
975								'/App_Themes/2020 - Interior/Images/',
976								'Rotating');
977						});
978				});
979			</script>
979
980
981</div>
982</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
983<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
984<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
985<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
986<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">		<ol class="semanticList breadCrumbs">
987			<li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="501"><a href class="breadCrumb" aria-current="page">Community</a></li>
988		</ol>
989
990	   
991    
992</div><div data-cpRole="mainContentContainer" id="moduleContent">
993	
994	<div id="page" class="moduleContentNew">
995		
996
997	<input id="hdnPageID" name="hdnPageID" type="hidden" value="501" />
998	<input id="hdnParentID" name="hdnParentID" type="hidden" value="1" />
999	<input id="hdnVersionID" name="hdnVersionID" type="hidden" value="6519" />
1000	<input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Community" />
1001	<input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
1002	<input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" />
1003	<input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" />
1004
1005				<h1 id="versionHeadLine" class="headline">
1006
1007Community		</h1>
1008	
1009		<div id="cc25d598d7-9db7-4fee-988e-5fb872dc3aee" data-containerid="25d598d7-9db7-4fee-988e-5fb872dc3aee" class="pageContent cpGrid cpGrid24"  data-contentcontainerbreakpoint="30" >
1010			
1011
1012		<div class="row outer wide"><!--
1013--><div class="outer col col24 first last" style="" data-widgetcontainerid="e03e7014-96cb-4a43-a4a3-75e2a1fa7056">�				
1014	<div class="row nest first last wide">�
1015	
1016	<div class="inner col col24 first last id80e1e3d8-af9e-440c-a969-2d5757c62817" style="" data-widgetcontainerid="80e1e3d8-af9e-440c-a969-2d5757c62817">�	
1017
1018	<div class="widget slideShow  skin10" role="region" aria-label="Slideshow" id="slideshow10027ecc-2ab5-4603-9d98-a3e2d2750736" aria-haspopup="false" data-widgetID="10027ecc-2ab5-4603-9d98-a3e2d2750736">
1019		<input type="hidden" class="slideTiming" value="5"/>
1020		<input type="hidden" class="transitionTiming" value="1"/>
1021	<input type="hidden" class="hdnSlideshowUniqueID" value="598" />
1022		<div id="divSlideshow598" class="cpSlideshow widgetBody cpSlideshowJS598 narrow">
1023			<link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" />
1024<script src="/-823076099.js" type="text/javascript"></script>
1024
1025	<div class="cpWindow cpWindowJS598 ">
1026		<ol class="semanticList cpSlider fade cpSliderJS598">
1027					<li class="hidden" id="598_4137" data-index="0" aria-hidden="true">
1028
1029
1030							<img src="/ImageRepository/Document?documentID=17431" class="" alt="Kid fishing day3.jpg" title="Kid fishing day3.jpg" data-delayed-image="" style="height: 1px" />
1031
1032										</li>
1033					<li class="hidden" id="598_4138" data-index="1" aria-hidden="true">
1034
1035
1036							<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17430" class="" alt="Harbor - couple walking.jpg" title="Harbor - couple walking.jpg" data-delayed-image="" style="height: 1px" />
1037
1038										</li>
1039					<li class="hidden" id="598_4139" data-index="2" aria-hidden="true">
1040
1041
1042							<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17429" class="" alt="Drone - DESTIN.jpg" title="Drone - DESTIN.jpg" data-delayed-image="" style="height: 1px" />
1043
1044										</li>
1045					<li class="hidden" id="598_4140" data-index="3" aria-hidden="true">
1046
1047
1048							<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17428" class="" alt="Bike Parade.jpg" title="Bike Parade.jpg" data-delayed-image="" style="height: 1px" />
1049
1050										</li>
1051		</ol>
1052					<div class="contentSlideshowControls">
1053						<button class="arrowNew next nextJS598 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;">
1054							<svg style="color:#fff; background:#000;
1054" class="arrowNextPrevBackground arrowNextPrevBackgroundColor">
1055								<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use>
1056							</svg>
1057						</button>
1058						<button class="arrowNew prev prevJS598 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;">
1059							<svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor">
1060								<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use>
1061							</svg>
1062						</button>
1063					</div>
1064
1065
1066	</div>
1067		<ol class="semanticList pager dots">
1068				<li class="active" id="dot598_4137">
1069					<a href="#targetImage" aria-label="Mapping dot for slide number 1" role="button" onclick=" return false; " class="dotJS598" data-targetImageli="598_4137" data-dotNumber="1">
1070						1
1071						<span class="visuallyhidden">Kid fishing day3.jpg</span>
1072					</a>
1073
1074				</li>
1075				<li class="" id="dot598_4138">
1076					<a href="#targetImage" aria-label="Mapping dot for slide number 2" role="button" onclick=" return false; " class="dotJS598" data-targetImageli="598_4138" data-dotNumber="2">
1077						2
1078						<span class="visuallyhidden">Harbor - couple walking.jpg</span>
1079					</a>
1080
1081				</li>
1082				<li class="" id="dot598_4139">
1083					<a href="#targetImage" aria-label="Mapping dot for slide number 3" role="button" onclick=" return false; " class="dotJS598" data-targetImageli="598_4139" data-dotNumber="3">
1084						3
1085						<span class="visuallyhidden">Drone - DESTIN.jpg</span>
1086					</a>
1087
1088				</li>
1089				<li class="" id="dot598_4140">
1090					<a href="#targetImage" aria-label="Mapping dot for slide number 4" role="button" onclick=" return false; " class="dotJS598" data-targetImageli="598_4140" data-dotNumber="4">
1091						4
1092						<span class="visuallyhidden">Bike Parade.jpg</span>
1093					</a>
1094
1095				</li>
1096		</ol>
1097	<div aria-live="polite" aria-atomic="true" class="liveRegionJS598 visuallyhidden"></div>
1098	
1098<script type="text/javascript">
1099		// <!--
1100		var $1 = typeof $ == 'undefined' ? window.parent.$ : $;
1101		$1(document).ready(function () {
1102			new Slideshow().generate('598','1','5',false,false,0);
1103			$('#ssPlay-btn-598').addClass('isHidden');
1104		});
1105		var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages;
1106		$1.when($pages.rwdReady).done(function () {
1107			var divSlideshowID = 'divSlideshow598';
1108			var mediaQuerySize = 25;
1109			if (mediaQuerySize == 0)
1110				mediaQuerySize = 25; //default for not widget slide show
1111			var mediaElementQuery = '#' + divSlideshowID + ':media(this-min-width:' + mediaQuerySize + 'em)';
1112			var $cpMedia = typeof window.cpMedia == 'undefined' ? window.parent.cpMedia : window.cpMedia;
1113			var $divSlideShow = $('#' + divSlideshowID);
1114			var $arrows = $divSlideShow.find('a.arrow');
1115			var $arrowsNew = $divSlideShow.find('a.arrowNew');
1116			var $divExternalSlideshow = $('.bannerSlideshowControlsNew').last();
1117			var $overlays = $(document.getElementsByName('captionOverlay_598'));
1118
1119			if(window.isMobileBrowserIncludingTablets){
1120				$overlays.each(function (overlay) {
1121					$(overlay).removeClass('overlay')
1122				});
1123			}
1124
1125			$cpMedia.unregister(mediaElementQuery)
1126				.register(mediaElementQuery,
1127				{
1128				deferSetup: false,
1129				setup: function () {
1130					cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery);
1131					$divSlideShow.removeClass('wide').addClass('narrow');
1132						if ($divExternalSlideshow.length > 0) {
1133							$divExternalSlideshow.hide();
1134						}
1135					if ($arrows.length > 0) {
1136						$arrows.hide();
1137						if (typeof ($$) !== 'undefined') {
1138								$$('#' + divSlideshowID)
1139									.on('swipeRight',
1140										function (e, a) {
1141								$arrows.filter('.prev').click();
1142							});
1143								$$('#' + divSlideshowID)
1144									.on('swipeLeft',
1145										function (e) {
1146								$arrows.filter('.next').click();
1147							});
1148						}
1149					}
1150						if ($arrowsNew.length > 0) {
1151
1152							if (!(true && !window.isMobileBrowserIncludingTablets)) {
1153							$arrowsNew.hide();
1154							}
1155							if (typeof ($$) !== 'undefined') {
1156								$$('#' + divSlideshowID)
1157									.on('swipeRight',
1158										function (e, a) {
1159											$arrowsNew.filter('.prev').click();
1160										});
1161								$$('#' + divSlideshowID)
1162									.on('swipeLeft',
1163										function (e) {
1164											$arrowsNew.filter('.next').click();
1165										});
1166							}
1167						}
1168						if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) {
1169							if (2 == 1) {
1170								$overlays.hide();
1171							} else if (2 == 2) {
1172								$overlays.removeClass('overlay');
1173							}
1174						}
1175				},
1176				match: function () {
1177					cpMedia.diag('$(element).addClass("wide"), mediaQuery: ' + mediaElementQuery);
1178					$divSlideShow.addClass('wide').removeClass('narrow');
1179					if ($divExternalSlideshow.length > 0 && !$divExternalSlideshow.hasClass('none')) {
1180						$divExternalSlideshow.show();
1181					}
1182					if ($arrows.length > 0) {
1183						$arrows.show();
1184						if (typeof ($$) !== 'undefined') {
1185							$$('#' + divSlideshowID).off('swipeRight');
1186							$$('#' + divSlideshowID).off('swipeLeft');
1187						}
1188					}
1189					if ($arrowsNew.length > 0) {
1190						$arrowsNew.show();
1191						if (typeof ($$) !== 'undefined') {
1192							$$('#' + divSlideshowID).off('swipeRight');
1193							$$('#' + divSlideshowID).off('swipeLeft');
1194						}
1195					}
1196					if ($overlays.length > 0) {
1197						if (2 == 1) {
1198							$overlays.show();
1199					} else if (2 == 2 && !window.isMobileBrowserIncludingTablets) {
1200							$overlays.addClass('overlay');
1201						}
1202					}
1203				},
1204				unmatch: function () {
1205					cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery);
1206					$divSlideShow.removeClass('wide').addClass('narrow');
1207					if ($divExternalSlideshow.length > 0) {
1208						$divExternalSlideshow.hide();
1209					}
1210					if ($arrows.length > 0) {
1211						$arrows.hide();
1212
1213						if (typeof ($$) !== 'undefined') {
1214							$$('#' + divSlideshowID).on('swipeRight', function (e) {
1215								$arrows.filter('.prev').click();
1216							});
1217							$$('#' + divSlideshowID).on('swipeLeft', function (e) {
1218								$arrows.filter('.next').click();
1219							});
1220						}
1221					}
1222					if ($arrowsNew.length > 0) {
1223						if (typeof ($$) !== 'undefined') {
1224							$$('#' + divSlideshowID).on('swipeRight', function (e) {
1225								$arrowsNew.filter('.prev').click();
1226							});
1227							$$('#' + divSlideshowID).on('swipeLeft', function (e) {
1228								$arrowsNew.filter('.next').click();
1229							});
1230						}
1231					}
1232					if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) {
1233						if (2 == 1) {
1234							$overlays.hide();
1235						} else if (2 == 2) {
1236							$overlays.removeClass('overlay');
1237						}
1238					}
1239				}
1240			});
1241		});
1242		// -->
1243	</script>
1243
1244
1245
1246		</div>	
1247
1248<script type="text/javascript">
1249	(function () {
1250		const widgetHandlers = function (e) {
1251			$('.slideshowOptions.nonEmpty').unbind('click').click(function (e) {
1252				var $this = $(this);
1253				// If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 
1254				// This came about, because we needed to use slider images to trigger options. - JE
1255				if ($this.parent().hasClass('cpSlider')) {
1256					$this = $this.closest('.widget.slideShow').siblings('.handle.options');
1257				}
1258
1259				//Set values for global variables for slideshow.
1260				if ($this.attr('data-widgetID').length !== 0) {
1261					parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID');
1262				}
1263				callbackfnSlideshowSave = null;
1264				var pageID = ContentCollectionInstance.PageID;
1265				var moduleID = ContentCollectionInstance.ModuleID;
1266				var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
1267				//Set slideshow widgetID
1268				ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val();
1269				$popUp_Slideshow = openCpModal({
1270					title: 'Slideshow',
1271					className: 'newCP adminWrap cpPopOver admin modalSlideshow',
1272					isFrontEnd: false,
1273					useIframe: false,
1274					draggable: true,
1275					url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs
1276				});
1277			});
1278
1279			$('.slideshowOptions.empty').unbind('click').click(function (e) {
1280				var $this = $(this);
1281				parentID_Slideshow = $this.parents('.slideShow').attr('id');
1282				var pageID = ContentCollectionInstance.PageID;
1283				var moduleID = ContentCollectionInstance.ModuleID;
1284				var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
1285				ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID');
1286				$popUp_Slideshow = openCpModal({
1287					title: 'Slideshow',
1288					className: 'newCP adminWrap cpPopOver admin modalSlideshow',
1289					isFrontEnd: false,
1290					useIframe: false,
1291					draggable: true,
1292					url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs
1293				});
1294			});
1295		};
1296
1297		if (document.readyState === "complete"
1298			|| document.readyState === "loaded"
1299			|| document.readyState === "interactive") {
1300			widgetHandlers();
1301			return;
1302		}
1303
1304		document.addEventListener("DOMContentLoaded", widgetHandlers);
1305	})();
1306</script>
1306
1307	</div>
1308
1309
1310<script type="text/javascript">
1311	function SlideshowWidgetCallback(widgetID, response) {
1312		if (window.ContentCollectionInstance.IsWorkingCopy) {
1313			//Remove this field since the partial view adds it back.
1314			$('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove();
1315			if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0)
1316				$('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response);
1317			else
1318				$('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response);
1319
1320			contentUpdated();
1321		}
1322		else {
1323			ContentCollectionInstance.reloadContent();
1324		}
1325
1326		$('.slideshowOptions.nonEmpty').unbind('click').click(function (e) {
1327			var $this = $(this);
1328			// If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 
1329			// This came about, because we needed to use slider images to trigger options. - JE
1330			if ($this.parent().hasClass('cpSlider')) {
1331				$this = $this.closest('.widget.slideShow').siblings('.handle.options');
1332			}
1333
1334			//Set values for global variables for slideshow.
1335			if ($this.attr('data-widgetID').length !== 0) {
1336				parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID');
1337			}
1338			callbackfnSlideshowSave = null;
1339			var pageID = ContentCollectionInstance.PageID;
1340			var moduleID = ContentCollectionInstance.ModuleID;
1341			var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
1342			//Set slideshow widgetID
1343			ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val();
1344			$popUp_Slideshow = openCpModal({
1345				title: 'Slideshow',
1346				className: 'newCP adminWrap cpPopOver admin modalSlideshow',
1347				isFrontEnd: false,
1348				useIframe: false,
1349				draggable: true,
1350				url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs
1351			});
1352		});
1353
1354		$('.slideshowOptions.empty').unbind('click').click(function (e) {
1355			var $this = $(this);
1356			parentID_Slideshow = $this.parents('.slideShow').attr('id');
1357			var pageID = ContentCollectionInstance.PageID;
1358			var moduleID = ContentCollectionInstance.ModuleID;
1359			var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
1360			ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID');
1361			$popUp_Slideshow = openCpModal({
1362				title: 'Slideshow',
1363				className: 'newCP adminWrap cpPopOver admin modalSlideshow',
1364				isFrontEnd: false,
1365				useIframe: false,
1366				draggable: true,
1367				url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs
1368			});
1369		});
1370	}
1371
1372	(function (){
1373		const widgetHandlers = function () {
1374			var hasEditRights = false;
1375			if (window.File && window.FileList && window.FileReader && hasEditRights) {
1376				var SlideshowWidget = 3;
1377				makeWidgetAreaDroppable('10027ecc-2ab5-4603-9d98-a3e2d2750736', $('#slideshow' + '10027ecc-2ab5-4603-9d98-a3e2d2750736'), SlideshowWidget, true, SlideshowWidgetCallback);
1378			}
1379
1380			if(hasEditRights)
1381				browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '10027ecc-2ab5-4603-9d98-a3e2d2750736'), 'Click to start adding images.');
1382		};
1383
1384		if (document.readyState === "complete"
1385			|| document.readyState === "loaded"
1386			|| document.readyState === "interactive") {
1387			widgetHandlers();
1388			return;
1389		}
1390
1391		document.addEventListener("DOMContentLoaded", widgetHandlers);		
1392	})();
1393</script>
1393
1394	</div> <!-- inner column -->
1395
1396	</div> <!-- inner row -->
1397
1398			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1399
1400
1401		</div>
1402
1403	</div>
1404
1405	
1406	<div class="newCP">
1407
1408	</div>
1409</div>
1410</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">
1411				                
1412
1413
1414
1415	</div>
1416</aside>
1417</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar">
1418<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">
1419				                
1420
1421
1422
1423	</div>
1424</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav">
1425
1426
1427
1428
1429
1430	<ol role="menu" id="secondaryMenusecondaryNav" data-parent="501" class="rootNavMenu accordionNav">
1431	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem294" data-pageid="294">
1432		<div class="accordionNavItem">
1433			<a href="/281/Beach-Information" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Beach Information</a>
1434		</div>
1435			</li>
1436	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem346" data-pageid="346">
1437		<div class="accordionNavItem">
1438			<a href="https://www.google.com/maps/@30.3935,-86.4958,13z" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Map</a>
1439		</div>
1440			</li>
1441	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem605" data-pageid="605">
1442		<div class="accordionNavItem">
1443			<a href="/605/Am-I-in-the-City-Limits" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Am I in the City Limits?</a>
1444		</div>
1445			</li>
1446	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem618" data-pageid="618">
1447		<div class="accordionNavItem">
1448			<a href="/618/Helicopters-Drones" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Helicopters &amp; Drones</a>
1449		</div>
1450			</li>
1451	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem661" data-pageid="661">
1452		<div class="accordionNavItem">
1453			<a href="/661/Boating-Safety" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boating Safety</a>
1454		</div>
1455			</li>
1456	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem492" data-pageid="492">
1457		<div class="accordionNavItem">
1458			<a href="https://data.census.gov/" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Destin Census Information</a>
1459		</div>
1460			</li>
1461	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem217" data-pageid="217">
1462		<div class="accordionNavItem">
1463			<a href="http://www.destinchamber.com/" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Destin Chamber of Commerce</a>
1464		</div>
1465			</li>
1466	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem376" data-pageid="376">
1467		<div class="accordionNavItem">
1468			<a href="/376/Destin-Harbor-Boardwalk" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Destin Harbor Boardwalk</a>
1469		</div>
1470			</li>
1471	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem512" data-pageid="512">
1472		<div class="accordionNavItem">
1473			<a href="http://www.destinhistoryandfishingmuseum.org/" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Destin History &amp; Fishing Museum</a>
1474		</div>
1475			</li>
1476	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem517" data-pageid="517">
1477		<div class="accordionNavItem">
1478			<a href="/103/CommunityFamily-Events" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Events</a>
1479		</div>
1480			</li>
1481	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem119" data-pageid="119">
1482		<div class="accordionNavItem">
1483			<a href="/119/History-of-Destin" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">History of Destin</a>
1484		</div>
1485			</li>
1486	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem415" data-pageid="415">
1487		<div class="accordionNavItem">
1488			<a href="https://mkaf.org/" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mattie Kelly Arts Foundation</a>
1489		</div>
1490			</li>
1491	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem491" data-pageid="491">
1492		<div class="accordionNavItem">
1493			<a href="https://www.okaloosaarts.org/" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Okaloosa Arts Alliance</a>
1494		</div>
1495			</li>
1496	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem384" data-pageid="384">
1497		<div class="accordionNavItem">
1498			<a href="https://myokaloosa.com/tourist-development/home" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Okaloosa County Tourist Development</a>
1499		</div>
1500			</li>
1501	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem563" data-pageid="563">
1502		<div class="accordionNavItem">
1503			<a href="/563/Parking" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Parking</a>
1504		</div>
1505			</li>
1506	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem12
15061" data-pageid="121">
1507		<div class="accordionNavItem">
1508			<a href="/270/FacilitiesParks" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Parks &amp; Facilities</a>
1509		</div>
1510			</li>
1511	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem514" data-pageid="514">
1512		<div class="accordionNavItem">
1513			<a href="/514/Volunteer-Opportunities" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Volunteer Opportunities</a>
1514		</div>
1515			</li>
1516	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem721" data-pageid="721">
1517		<div class="accordionNavItem">
1518			<a href="/721/Town-Center-Visioning-Master-Plan" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Town Center Visioning Master Plan</a>
1519		</div>
1520			</li>
1521
1522	</ol>
1523
1524
1525	
1525<script type="text/javascript">
1526		(function () {
1527			function setupSecondaryMenuProperties() {
1528				//setup menu manager properties for secondary menu
1529				menuManager.isSideMenuEditable = false;
1530				menuManager.sideMenuMaxSubMenuLevels = 4;
1531				menuManager.sideMenuHasCustomLinks = false;
1532			}
1533
1534			if (document.readyState === "loading") {
1535				document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true });
1536				return;
1537			}
1538
1539			setupSecondaryMenuProperties();
1540		})();
1541	</script>
1541
1542
1543	
1543<script type="text/javascript">
1544		(function () {
1545			function setupAccordionSecondaryNav() {
1546				var $menuContainer = $('#secondaryNav');
1547
1548				$menuContainer.find('*[id^="SideItem"]').each(function () {
1549					var ids = $('[id="' + this.id + '"]');
1550					if (ids.length > 1)
1551						$.each(ids, function (index, value) {
1552							value.id = value.id + '_' + index;
1553						});
1554				});
1555
1556				$menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) {
1557					e.preventDefault();
1558					showHideAccordionMenuForSecondaryNav($(this));
1559				});
1560
1561				$menuContainer.find(".grippy").each(function () {
1562					menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav');
1563				});
1564
1565				$menuContainer.find("li").each(function () {
1566					menuManager.setupDroppableAccordionElement($(this), SIDE_MENU);
1567				});
1568			}
1569
1570			if (document.readyState === "loading") {
1571				document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true });
1572				return;
1573			}
1574
1575			setupAccordionSecondaryNav();
1576		})();
1577	</script>
1577
1578
1579
1580
1581</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">
1582				                
1583
1584
1585
1586	</div>
1587</aside>
1588</div>
1589</div></div>
1590</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
1591<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">
1592				                
1593
1594		<div class="row outer wide"><!--
1595--><div class="outer col col24 first last" style="" data-widgetcontainerid="0b7c5fd0-ce49-463e-a562-e662713199a6">�				
1596	<div class="row nest first last wide">�
1597	
1598	<div class="inner col col24 first last idf132bdb8-b28e-469d-877d-de919241cd9c" style="" data-widgetcontainerid="f132bdb8-b28e-469d-877d-de919241cd9c">�	
1599<div data-widget-id="0a6a2d6a-bcf8-4e7b-abf2-ac49cc6e97fe" data-widget-controller-path="/GraphicLinks/Widget">
1600
1601
1602
1603
1604<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">
1605	<div class="widgetHeader">
1606		<div class="">
1607				</div>
1608	</div>
1609	<div class="widgetBody cpGrid cpGrid4 ">
1610		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1611				<div class="row   wide">
1612					<!--
1613--><div class="col col1 first "><ul class="semanticList"><!--
1614	    --><li class="widgetItem GraphicLinks">
1615
1616<div>
1617	<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">
1618		<span>
1619			<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>
1620		</span>
1621	</a>
1622</div>
1623		<style scoped="scoped">.fancyButton180.fancyButton:link,.fancyButton180.fancyButton:visited, .fancyButton180div.fancyButton{
1624	background-image: url('/ImageRepository/Document?documentID=14865');
1625	background-repeat: no-repeat;
1626	background-position: center center;
1627background-size: cover;
1628position: relative;
1629}
1630
1631.fancyButton180:before {
1632content: '';
1633position: absolute;
1634background: rgba(234, 171, 0, 0.95);
1635width: 0;
1636height: 0;
1637left: 50%;
1638top: 50%;
1639transform: translate(-50%,-50%);
1640transition: all .3s ease-in-out;
1641z-index: 0;
1642}
1643
1644.fancyButton180 > span {
1645width: calc(100% + 1px);
1646overflow: hidden;}
1647.fancyButton180.fancyButton:hover,.fancyButton180.fancyButton:focus,.fancyButton180.fancyButton:active,.fancyButton180.fancyButton.hover{
1648}
1649
1650.fancyButton180:hover:before {
1651width: 100%;
1652height: 100%;
1653}
1654.fancyButton180.fancyButton:link > span,.fancyButton180.fancyButton:visited > span, .fancyButton180div.fancyButton > span{
1655}
1656.fancyButton180.fancyButton:hover > span,.fancyButton180.fancyButton:focus > span,.fancyButton180.fancyButton:active > span,.fancyButton180.fancyButton.hover > span{
1657}
1658.fancyButton180.fancyButton .text{
1659	color: #ffffff;
1660	font-family: "Montserrat";
1661	padding-top: 3em;
1662	padding-bottom: 1em;
1663	padding-right: 1em;
1664	padding-left: 1em;
1665	font-style: normal;
1666	text-decoration: none;
1667	padding-top: 3em;
1668	padding-bottom: 1em;
1669	padding-right: 1em;
1670	padding-left: 1em;
1671	background-repeat: no-repeat;
1672	background-position: left top;
1673background: rgba(234, 171, 0, 0.8);
1674height: 350px;
1675transition: all .3s ease-in-out;
1676line-height: 1.1;
1677position: relative;
1678}
1679
1680.widgetGraphicLinks .row.wide .fancyButton180 .text {
1681height: 550px;
1682
1683
1684}
1685.fancyButton180.fancyButton:hover .text,.fancyButton180.fancyButton:focus .text,.fancyButton180.fancyButton:active .text,.fancyButton180.fancyButton.hover .text{
1686	text-decoration: none;
1687	background-repeat: no-repeat;
1688	background-position: left top;
1689padding-top: 1em;
1690}
1691.fancyButton180.fancyButton .textStyle1{
1692	color: #00204a;
1693	font-size: 2em;
1694	font-family: Barlow Condensed;
1695	font-weight: 700;
1696	text-decoration: none;
1697position: relative;
1698display: block;
1699z-index: 3;
1700}
1701
1702.fancyButton180 .textStyle1::after {
1703content: '';
1704position: absolute;
1705left: 50%;
1706bottom: -24px;
1707transform: translateX(-50%);
1708background: #00204A; 
1709height: 4px;
1710width: 100px;}
1711.fancyButton180.fancyButton:hover .textStyle1, .fancyButton180.fancyButton.hover .textStyle1{
1712	text-decoration: underline;
1713
1714}
1715.fancyButton180.fancyButton .textStyle2{
1716	color: #00204a;
1717	text-decoration: none;
1718opacity: 0;
1719margin-top: 1.5em;
1720display: block;
1721transition: opacity .5s ease-in-out;
1722z-index: 5;}
1723.fancyButton180.fancyButton:hover .textStyle2, .fancyButton180.fancyButton.hover .textStyle2{
1724	text-decoration: none;
1725opacity: 1;}
1726</style>
1727
1728 </li><!--
1729--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1730	    --><li class="widgetItem GraphicLinks">
1731
1732<div>
1733	<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">
1734		<span>
1735			<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>
1736		</span>
1737	</a>
1738</div>
1739		<style scoped="scoped">.fancyButton145.fancyButton:link,.fancyButton145.fancyButton:visited, .fancyButton145div.fancyButton{
1740	background-image: url('/ImageRepository/Document?documentID=14082');
1741	background-repeat: no-repeat;
1742	background-position: center center;
1743background-size: cover;
1744position: relative;
1745}
1746
1747.fancyButton145:before {
1748content: '';
1749position: absolute;
1750background: rgba(0, 51, 116, 0.95);
1751width: 0;
1752height: 0;
1753left: 50%;
1754top: 50%;
1755transform: translate(-50%,-50%);
1756transition: all .3s ease-in-out;
1757z-index: 0;
1758}
1759
1760.fancyButton145 > span {
1761width: calc(100% + 1px);
1762overflow: hidden;}
1763.fancyButton145.fancyButton:hover,.fancyButton145.fancyButton:focus,.fancyButton145.fancyButton:active,.fancyButton145.fancyButton.hover{
1764}
1765
1766.fancyButton145:hover:before {
1767width: 100%;
1768height: 100%;
1769}
1770.fancyButton145.fancyButton:link > span,.fancyButton145.fancyButton:visited > span, .fancyButton145div.fancyButton > span{
1771}
1772.fancyButton145.fancyButton:hover > span,.fancyButton145.fancyButton:focus > span,.fancyButton145.fancyButton:active > span,.fancyButton145.fancyButton.hover > span{
1773}
1774.fancyButton145.fancyButton .text{
1775	color: #ffffff;
1776	font-family: "Montserrat";
1777	padding-top: 3em;
1778	padding-bottom: 1em;
1779	padding-right: 1em;
1780	padding-left: 1em;
1781	font-style: normal;
1782	text-decoration: none;
1783	padding-top: 3em;
1784	padding-bottom: 1em;
1785	padding-right: 1em;
1786	padding-left: 1em;
1787	background-repeat: no-repeat;
1788	background-position: left top;
1789background: rgba(0, 51, 116, 0.8);
1790height: 350px;
1791transition: all .3s ease-in-out;
1792line-height: 1.1;
1793position: relative;
1794}
1795
1796.widgetGraphicLinks .row.wide .fancyButton145 .text {
1797height: 550px;
1798
1799}
1800.fancyButton145.fancyButton:hover .text,.fancyButton145.fancyButton:focus .text,.fancyButton145.fancyButton:active .text,.fancyButton145.fancyButton.hover .text{
1801	text-decoration: none;
1802	background-repeat: no-repeat;
1803	background-position: left top;
1804padding-top: 1em;
1805}
1806.fancyButton145.fancyButton .textStyle1{
1807	color: #ffffff;
1808	font-size: 2em;
1809	font-family: Barlow Condensed;
1810	font-weight: 700;
1811	text-decoration: none;
1812position: relative;
1813display: block;
1814z-index: 3;
1815}
1816
1817.fancyButton145 .textStyle1::after {
1818content: '';
1819position: absolute;
1820left: 50%;
1821bottom: -24px;
1822transform: translateX(-50%);
1823background: #FFBC51; 
1824height: 4px;
1825width: 100px;}
1826.fancyButton145.fancyButton:hover .textStyle1, .fancyButton145.fancyButton.hover .textStyle1{
1827	text-decoration: underline;
1828
1829}
1830.fancyButton145.fancyButton .textStyle2{
1831	color: #ffffff;
1832	text-decoration: none;
1833opacity: 0;
1834margin-top: 1.5em;
1835display: block;
1836transition: opacity .5s ease-in-out;
1837z-index: 5;}
1838.fancyButton145.fancyButton:hover .textStyle2, .fancyButton145.fancyButton.hover .textStyle2{
1839	text-decoration: none;
1840opacity: 1;}
1841</style>
1842
1843 </li><!--
1844--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
1845	    --><li class="widgetItem GraphicLinks">
1846
1847<div>
1848	<a href="/102/Parks-Recreation-Department" target="_self" class="fancyButton fancyButton155 " >
1849		<span>
1850			<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>
1851		</span>
1852	</a>
1853</div>
1854		<style scoped="scoped">.fancyButton155.fancyButton:link,.fancyButton155.fancyButton:visited, .fancyButton155div.fancyButton{
1855	background-image: url('/ImageRepository/Document?documentID=14083');
1856	background-repeat: no-repeat;
1857	background-position: center center;
1858background-size: cover;
1859position: relative;
1860}
1861
1862.fancyButton155:before {
1863content: '';
1864position: absolute;
1865background: rgba(0, 139, 149, 0.95);
1866width: 0;
1867height: 0;
1868left: 50%;
1869top: 50%;
1870transform: translate(-50%,-50%);
1871transition: all .3s ease-in-out;
1872z-index: 0;
1873}
1874
1875.fancyButton155 > span {
1876width: calc(100% + 1px);
1877overflow: hidden;}
1878.fancyButton155.fancyButton:hover,.fancyButton155.fancyButton:focus,.fancyButton155.fancyButton:active,.fancyButton155.fancyButton.hover{
1879}
1880
1881.fancyButton155:hover:before {
1882width: 100%;
1883height: 100%;
1884}
1885.fancyButton155.fancyButton:link > span,.fancyButton155.fancyButton:visited > span, .fancyButton155div.fancyButton > span{
1886}
1887.fancyButton155.fancyButton:hover > span,.fancyButton155.fancyButton:focus > span,.fancyButton155.fancyButton:active > span,.fancyButton155.fancyButton.hover > span{
1888}
1889.fancyButton155.fancyButton .text{
1890	color: #ffffff;
1891	font-family: "Montserrat";
1892	padding-top: 3em;
1893	padding-bottom: 1em;
1894	padding-right: 1em;
1895	padding-left: 1em;
1896	font-style: normal;
1897	text-decoration: none;
1898	padding-top: 3em;
1899	padding-bottom: 1em;
1900	padding-right: 1em;
1901	padding-left: 1em;
1902	background-repeat: no-repeat;
1903	background-position: left top;
1904background: rgba(0, 139, 149, 0.8);
1905height: 350px;
1906transition: all .3s ease-in-out;
1907line-height: 1.1;
1908position: relative;
1909}
1910
1911.widgetGraphicLinks .row.wide .fancyButton155 .text {
1912height: 550px;
1913
1914}
1915.fancyButton155.fancyButton:hover .text,.fancyButton155.fancyButton:focus .text,.fancyButton155.fancyButton:active .text,.fancyButton155.fancyButton.hover .text{
1916	text-decoration: none;
1917	background-repeat: no-repeat;
1918	background-position: left top;
1919padding-top: 1em;
1920}
1921.fancyButton155.fancyButton .textStyle1{
1922	color: #ffffff;
1923	font-size: 2em;
1924	font-family: Barlow Condensed;
1925	font-weight: 700;
1926	text-decoration: none;
1927position: relative;
1928display: block;
1929z-index: 3;
1930}
1931
1932.fancyButton155 .textStyle1::after {
1933content: '';
1934position: absolute;
1935left: 50%;
1936bottom: -24px;
1937transform: translateX(-50%);
1938background: #6AADE4; 
1939height: 4px;
1940width: 100px;}
1941.fancyButton155.fancyButton:hover .textStyle1, .fancyButton155.fancyButton.hover .textStyle1{
1942	text-decoration: underline;
1943
1944}
1945.fancyButton155.fancyButton .textStyle2{
1946	color: #ffffff;
1947	text-decoration: none;
1948opacity: 0;
1949margin-top: 1.5em;
1950display: block;
1951transition: opacity .5s ease-in-out;
1952z-index: 5;}
1953.fancyButton155.fancyButton:hover .textStyle2, .fancyButton155.fancyButton.hover .textStyle2{
1954	text-decoration: none;
1955opacity: 1;}
1956</style>
1957
1958 </li><!--
1959--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1960	    --><li class="widgetItem GraphicLinks">
1961
1962<div>
1963	<a href="/281/Beach-Information" target="_self" class="fancyButton fancyButton156 " >
1964		<span>
1965			<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>
1966		</span>
1967	</a>
1968</div>
1969		<style scoped="scoped">.fancyButton156.fancyButton:link,.fancyButton156.fancyButton:visited, .fancyButton156div.fancyButton{
1970	background-image: url('/ImageRepository/Document?documentID=14084');
1971	background-repeat: no-repeat;
1972	background-position: center center;
1973background-size: cover;
1974position: relative;
1975}
1976
1977.fancyButton156:before {
1978content: '';
1979position: absolute;
1980background: rgba(234, 171, 0, 0.95);
1981width: 0;
1982height: 0;
1983left: 50%;
1984top: 50%;
1985transform: translate(-50%,-50%);
1986transition: all .3s ease-in-out;
1987z-index: 0;
1988}
1989
1990.fancyButton156 > span {
1991width: calc(100% + 1px);
1992overflow: hidden;}
1993.fancyButton156.fancyButton:hover,.fancyButton156.fancyButton:focus,.fancyButton156.fancyButton:active,.fancyButton156.fancyButton.hover{
1994}
1995
1996.fancyButton156:hover:before {
1997width: 100%;
1998height: 100%;
1999}
2000.fancyButton156.fancyButton:link > span,.fancyButton156.fancyButton:visited > span, .fancyButton156div.fancyButton > span{
2001}
2002.fancyButton156.fancyButton:hover > span,.fancyButton156.fancyButton:focus > span,.fancyButton156.fancyButton:active > span,.fancyButton156.fancyButton.hover > span{
2003}
2004.fancyButton156.fancyButton .text{
2005	color: #ffffff;
2006	font-family: "Montserrat";
2007	padding-top: 3em;
2008	padding-bottom: 1em;
2009	padding-right: 1em;
2010	padding-left: 1em;
2011	font-style: normal;
2012	text-decoration: none;
2013	padding-top: 3em;
2014	padding-bottom: 1em;
2015	padding-right: 1em;
2016	padding-left: 1em;
2017	background-repeat: no-repeat;
2018	background-position: left top;
2019background: rgba(234, 171, 0, 0.8);
2020height: 350px;
2021transition: all .3s ease-in-out;
2022line-height: 1.1;
2023position: relative;
2024}
2025
2026.widgetGraphicLinks .row.wide .fancyButton156 .text {
2027height: 550px;
2028
2029
2030}
2031.fancyButton156.fancyButton:hover .text,.fancyButton156.fancyButton:focus .text,.fancyButton156.fancyButton:active .text,.fancyButton156.fancyButton.hover .text{
2032	text-decoration: none;
2033	background-repeat: no-repeat;
2034	background-position: left top;
2035padding-top: 1em;
2036}
2037.fancyButton156.fancyButton .textStyle1{
2038	color: #00204a;
2039	font-size: 2em;
2040	font-family: Barlow Condensed;
2041	font-weight: 700;
2042	text-decoration: none;
2043position: relative;
2044display: block;
2045z-index: 3;
2046}
2047
2048.fancyButton156 .textStyle1::after {
2049content: '';
2050position: absolute;
2051left: 50%;
2052bottom: -24px;
2053transform: translateX(-50%);
2054background: #00204A; 
2055height: 4px;
2056width: 100px;}
2057.fancyButton156.fancyButton:hover .textStyle1, .fancyButton156.fancyButton.hover .textStyle1{
2058	text-decoration: underline;
2059
2060}
2061.fancyButton156.fancyButton .textStyle2{
2062	color: #00204a;
2063	text-decoration: none;
2064opacity: 0;
2065margin-top: 1.5em;
2066display: block;
2067transition: opacity .5s ease-in-out;
2068z-index: 5;}
2069.fancyButton156.fancyButton:hover .textStyle2, .fancyButton156.fancyButton.hover .textStyle2{
2070	text-decoration: none;
2071opacity: 1;}
2072</style>
2073
2074 </li><!--
2075--></ul></div><!--				-->
2076				</div>
2077			</nav>
2078		</div>
2079	<div class="widgetFooter">
2080			</div>
2081</div>
2082</div>
2083
2084	</div> <!-- inner column -->
2085
2086	</div> <!-- inner row -->
2087
2088			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2089
2090
2091	</div>
2092</div></div>
2093</div><!-- Address --><div data-cpRole="structuralContainer" id="addressContainerTS"><div class="inner">
2094<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">
2095				                
2096
2097		<div class="row outer wide"><!--
2098--><div class="outer col col24 first last" style="" data-widgetcontainerid="7e6944ce-40c3-49e1-9c4c-222f0dd87097">�				
2099	<div class="row nest first last wide">�
2100	
2101	<div class="inner col col24 first last id3580c7aa-c9fe-4f84-bb9c-b1eea09e4542" style="" data-widgetcontainerid="3580c7aa-c9fe-4f84-bb9c-b1eea09e4542">�	
2102    <div data-widget-id="7c339e79-57b1-4583-bbeb-509c5da2e345" data-widget-controller-path="/InfoAdvanced/Widget">
2103
2104
2105
2106
2107
2108	<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">
2109			<header class="widgetHeader" id="header7c339e79-57b1-4583-bbeb-509c5da2e345">
2110		<div class="">
2111								</div>
2112	</header>
2113	<div class="widgetBody  cpGrid cpGrid1 ">
2114		<div class="row  wide">
2115					<div class="col col1 first last">
2116						<ol class="pageStyles semanticList">
2117
2118<li class="InfoAdvanced widgetItem fr-view">
2119	<h2 class="subhead1">CITY OF <strong>DESTIN</strong> FLORIDA</h2>
2120</li>						</ol>
2121					</div>
2122		</div>
2123	</div>
2124	<div class="widgetFooter">
2125
2126	</div>
2127
2128	</section>
2129
2130
2131
2132<script type="text/javascript">
2133	//Render slideshow if info advacned items contain one.
2134	$(document).ready(function (e) {
2135		$('#divInfoAdv7c339e79-57b1-4583-bbeb-509c5da2e345 .InfoAdvanced.widgetItem').each(function () {
2136			renderSlideshowIfApplicable($(this));		
2137		});
2138	});
2139</script>
2139</div>
2140	</div> <!-- inner column -->
2141
2142	</div> <!-- inner row -->
2143
2144			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2145
2146
2147	</div>
2148</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">
2149				                
2150
2151		<div class="row outer wide"><!--
2152--><div class="outer col col24 first last" style="" data-widgetcontainerid="53f4eaec-31ee-4323-9dd3-980860fe1305">�				
2153	<div class="row nest first last wide">�
2154	
2155	<div class="inner col col24 first last id0a253adb-fc41-4817-aaf6-5afc04a7573d" style="" data-widgetcontainerid="0a253adb-fc41-4817-aaf6-5afc04a7573d">�	
2156    <div data-widget-id="8538a61d-a476-4050-b384-52721a9a089c" data-widget-controller-path="/InfoAdvanced/Widget">
2157
2158
2159
2160
2161
2162	<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">
2163			<header class="widgetHeader" id="header8538a61d-a476-4050-b384-52721a9a089c">
2164		<div class="">
2165								</div>
2166	</header>
2167	<div class="widgetBody  cpGrid cpGrid1 ">
2168		<div class="row  wide">
2169					<div class="col col1 first last">
2170						<ol class="pageStyles semanticList">
2171
2172<li class="InfoAdvanced widgetItem fr-view">
2173	<img src="/ImageRepository/Document?documentID=14081" alt="Seal" title="Seal">
2174</li>						</ol>
2175					</div>
2176		</div>
2177	</div>
2178	<div class="widgetFooter">
2179
2180	</div>
2181
2182	</section>
2183
2184
2185
2186<script type="text/javascript">
2187	//Render slideshow if info advacned items contain one.
2188	$(document).ready(function (e) {
2189		$('#divInfoAdv8538a61d-a476-4050-b384-52721a9a089c .InfoAdvanced.widgetItem').each(function () {
2190			renderSlideshowIfApplicable($(this));		
2191		});
2192	});
2193</script>
2193</div>
2194	</div> <!-- inner column -->
2195
2196	</div> <!-- inner row -->
2197
2198			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2199
2200
2201	</div>
2202</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">
2203				                
2204
2205		<div class="row outer wide"><!--
2206--><div class="outer col col24 first last" style="" data-widgetcontainerid="9b3805c9-6320-4495-92d3-302bc1138554">�				
2207	<div class="row nest first last wide">�
2208	
2209	<div class="inner col col24 first last idbde832be-6fa1-4e0c-8fbb-166499568c2f" style="" data-widgetcontainerid="bde832be-6fa1-4e0c-8fbb-166499568c2f">�	
2210    <div data-widget-id="08705724-215a-4425-be5a-a8977594fa66" data-widget-controller-path="/InfoAdvanced/Widget">
2211
2212
2213
2214
2215
2216	<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">
2217			<header class="widgetHeader" id="header08705724-215a-4425-be5a-a8977594fa66">
2218		<div class="">
2219								</div>
2220	</header>
2221	<div class="widgetBody  cpGrid cpGrid3 ">
2222		<div class="row autoWidths center wide">
2223					<div class="col col1 first ">
2224						<ol class="pageStyles semanticList">
2225
2226<li class="InfoAdvanced widgetItem fr-view">
2227	4200 Indian Bayou Trail
2228</li>						</ol>
2229					</div>
2230					<div class="col col1  ">
2231						<ol class="pageStyles semanticList">
2232
2233<li class="InfoAdvanced widgetItem fr-view">
2234	Destin, FL 32541
2235</li>						</ol>
2236					</div>
2237					<div class="col col1  last">
2238						<ol class="pageStyles semanticList">
2239
2240<li class="InfoAdvanced widgetItem fr-view">
2241	Phone: <a href="tel:850-837-4242" target="_self" class="Hyperlink">850-837-4242</a>
2242</li>						</ol>
2243					</div>
2244		</div>
2245	</div>
2246	<div class="widgetFooter">
2247
2248	</div>
2249
2250	</section>
2251
2252
2253
2254<script type="text/javascript">
2255	//Render slideshow if info advacned items contain one.
2256	$(document).ready(function (e) {
2257		$('#divInfoAdv08705724-215a-4425-be5a-a8977594fa66 .InfoAdvanced.widgetItem').each(function () {
2258			renderSlideshowIfApplicable($(this));		
2259		});
2260	});
2261</script>
2261</div>
2262	</div> <!-- inner column -->
2263
2264	</div> <!-- inner row -->
2265
2266			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2267
2268
2269	</div>
2270</div></div></div>
2271</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS">
2272<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">
2273				                
2274
2275		<div class="row outer wide"><!--
2276--><div class="outer col col4 first" style="" data-widgetcontainerid="0a16cec7-dc49-42ac-973f-a475cc840d1b">�				
2277	<div class="row nest first last wide">�
2278	
2279	<div class="inner col col4 first last id90d7b4ba-a838-4af0-bbbb-3934c58fffe9" style="" data-widgetcontainerid="90d7b4ba-a838-4af0-bbbb-3934c58fffe9">�	
2280<div data-widget-id="6a514385-d309-4036-a98e-35b2049fe41a" data-widget-controller-path="/GraphicLinks/Widget">
2281
2282
2283
2284
2285<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">
2286	<div class="widgetHeader">
2287		<div class="">
2288			<h3 id="GraphicLinkHeaderText" class="" >Stay</h3>
2289				</div>
2290	</div>
2291	<div class="widgetBody cpGrid cpGrid1 ">
2292		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2293					<ul class="semanticList">
2294						<!--
2295	    --><li class="widgetItem GraphicLinks">
2296
2297<div>
2298	<a href="https://www.facebook.com/cityofdestin/" target="_blank" class="fancyButton fancyButton153 "  aria-label="Facebook Opens in new window">
2299		<span>
2300			<span><span class="text">Facebook</span></span>
2301		</span>
2302	</a>
2303</div>
2304		<style scoped="scoped">.fancyButton153.fancyButton:link,.fancyButton153.fancyButton:visited, .fancyButton153div.fancyButton{
2305	padding-left: 30px;
2306	background-image: url('/ImageRepository/Document?documentID=14087');
2307	background-repeat: no-repeat;
2308	background-position: left center;
2309width: 110px;
2310margin: 0 auto;}
2311.fancyButton153.fancyButton:hover,.fancyButton153.fancyButton:focus,.fancyButton153.fancyButton:active,.fancyButton153.fancyButton.hover{
2312	background-repeat: no-repeat;
2313	background-position: left top;
2314}
2315.fancyButton153.fancyButton:link > span,.fancyButton153.fancyButton:visited > span, .fancyButton153div.fancyButton > span{
2316}
2317.fancyButton153.fancyButton:hover > span,.fancyButton153.fancyButton:focus > span,.fancyButton153.fancyButton:active > span,.fancyButton153.fancyButton.hover > span{
2318}
2319.fancyButton153.fancyButton .text{
2320	text-align: left;
2321	text-decoration: none;
2322	background-repeat: no-repeat;
2323	background-position: left top;
2324height: 22px;
2325}
2326.fancyButton153.fancyButton:hover .text,.fancyButton153.fancyButton:focus .text,.fancyButton153.fancyButton:active .text,.fancyButton153.fancyButton.hover .text{
2327	text-decoration: underline;
2328	background-repeat: no-repeat;
2329	background-position: left top;
2330
2331
2332}
2333</style>
2334
2335 </li><!--
2336	    --><li class="widgetItem GraphicLinks">
2337
2338<div>
2339	<a href="https://www.instagram.com/cityofdestinofficial/" target="_blank" class="fancyButton fancyButton178 "  aria-label="Instagram Opens in new window">
2340		<span>
2341			<span><span class="text">Instagram</span></span>
2342		</span>
2343	</a>
2344</div>
2345		<style scoped="scoped">.fancyButton178.fancyButton:link,.fancyButton178.fancyButton:visited, .fancyButton178div.fancyButton{
2346	padding-left: 30px;
2347	background-image: url('/ImageRepository/Document?documentID=14771');
2348	background-repeat: no-repeat;
2349	background-position: left center;
2350width: 110px;
2351margin: 0 auto;}
2352.fancyButton178.fancyButton:hover,.fancyButton178.fancyButton:focus,.fancyButton178.fancyButton:active,.fancyButton178.fancyButton.hover{
2353	background-repeat: no-repeat;
2354	background-position: left top;
2355}
2356.fancyButton178.fancyButton:link > span,.fancyButton178.fancyButton:visited > span, .fancyButton178div.fancyButton > span{
2357}
2358.fancyButton178.fancyButton:hover > span,.fancyButton178.fancyButton:focus > span,.fancyButton178.fancyButton:active > span,.fancyButton178.fancyButton.hover > span{
2359}
2360.fancyButton178.fancyButton .text{
2361	text-align: left;
2362	text-decoration: none;
2363	background-repeat: no-repeat;
2364	background-position: left top;
2365height: 22px;
2366}
2367.fancyButton178.fancyButton:hover .text,.fancyButton178.fancyButton:focus .text,.fancyButton178.fancyButton:active .text,.fancyButton178.fancyButton.hover .text{
2368	text-decoration: underline;
2369	background-repeat: no-repeat;
2370	background-position: left top;
2371
2372
2373}
2374</style>
2375
2376 </li><!--
2377	    --><li class="widgetItem GraphicLinks">
2378
2379<div>
2380	<a href="https://www.youtube.com/user/CityofDestin" target="_blank" class="fancyButton fancyButton159 "  aria-label="YouTube Opens in new window">
2381		<span>
2382			<span><span class="text">YouTube</span></span>
2383		</span>
2384	</a>
2385</div>
2386		<style scoped="scoped">.fancyButton159.fancyButton:link,.fancyButton159.fancyButton:visited, .fancyButton159div.fancyButton{
2387	padding-left: 30px;
2388	background-image: url('/ImageRepository/Document?documentID=14095');
2389	background-repeat: no-repeat;
2390	background-position: left center;
2391width: 110px;
2392margin: 0 auto;}
2393.fancyButton159.fancyButton:hover,.fancyButton159.fancyButton:focus,.fancyButton159.fancyButton:active,.fancyButton159.fancyButton.hover{
2394	background-repeat: no-repeat;
2395	background-position: left top;
2396}
2397.fancyButton159.fancyButton:link > span,.fancyButton159.fancyButton:visited > span, .fancyButton159div.fancyButton > span{
2398}
2399.fancyButton159.fancyButton:hover > span,.fancyButton159.fancyButton:focus > span,.fancyButton159.fancyButton:active > span,.fancyButton159.fancyButton.hover > span{
2400}
2401.fancyButton159.fancyButton .text{
2402	text-align: left;
2403	text-decoration: none;
2404	background-repeat: no-repeat;
2405	background-position: left top;
2406height: 22px;
2407}
2408.fancyButton159.fancyButton:hover .text,.fancyButton159.fancyButton:focus .text,.fancyButton159.fancyButton:active .text,.fancyButton159.fancyButton.hover .text{
2409	text-decoration: underline;
2410	background-repeat: no-repeat;
2411	background-position: left top;
2412
2413
2414}
2415</style>
2416
2417 </li><!--
2418					-->
2419					</ul>
2420			</nav>
2421		</div>
2422	<div class="widgetFooter">
2423			</div>
2424</div>
2425</div>
2426
2427	</div> <!-- inner column -->
2428
2429	</div> <!-- inner row -->
2430
2431			</div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="34e63f59-26e0-42a2-83ea-04eaca7b3095">�				
2432	<div class="row nest first last wide">�
2433	
2434	<div class="inner col col4 first last idcaf9e698-50a0-4b1a-83be-40fc88b9d2e6" style="" data-widgetcontainerid="caf9e698-50a0-4b1a-83be-40fc88b9d2e6">�	
2435
2436<div class="widget widgetSpacer" id="3c8e51d1-a3bc-40bc-b6c8-a7cf396873c6"></div>
2437	</div> <!-- inner column -->
2438
2439	</div> <!-- inner row -->
2440
2441			</div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="1979b5d9-cb0a-4cdc-962f-d96ccda5e1bc">�				
2442	<div class="row nest first last wide">�
2443	
2444	<div class="inner col col4 first last id6f5e50a8-1ce6-4c5b-b87c-ebac1b6b6daf" style="" data-widgetcontainerid="6f5e50a8-1ce6-4c5b-b87c-ebac1b6b6daf">�	
2445	<div data-widget-id="6f46aa7b-03aa-4b5e-82d8-dd375c115fea" data-widget-controller-path="/QuickLinks/Widget">
2446
2447
2448
2449
2450
2451
2452
2453
2454	<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">
2455			<header class="widgetHeader" id="quickLinksHeader6f46aa7b-03aa-4b5e-82d8-dd375c115fea">
2456		<div class="">
2457					<h3><a  style="" href="/QuickLinks.aspx?CID=61" >Quick Links</a></h3>
2458						</div>
2459	</header>
2460	<div class="widgetBody cpGrid cpGrid1 ">
2461        <div class="row  narrow">
2462				<div class="col col1 first last">
2463					<ol class="semanticList">
2464
2465    <li style="position:relative" class="widgetItem QuickLinks">
2466        <a class="widgetDesc widgetQuickLinksLink" href="https://www.floodsmart.gov" target="_self" >floodsmart.gov </a>
2467        <div class="widgetMeta"></div>
2468    </li>
2469
2470    <li style="position:relative" class="widgetItem QuickLinks">
2471        <a class="widgetDesc widgetQuickLinksLink" href="https://www.fema.gov" target="_self" >Fema.gov</a>
2472        <div class="widgetMeta"></div>
2473    </li>
2474
2475    <li style="position:relative" class="widgetItem QuickLinks">
2476        <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofdestin.com/RequestTracker.aspx" target="_self" >Report a Problem</a>
2477        <div class="widgetMeta"></div>
2478    </li>
2479
2480    <li style="position:relative" class="widgetItem QuickLinks">
2481        <a class="widgetDesc widgetQuickLinksLink" href="/245/Flood-Information" target="_self" >Flood Information</a>
2482        <div class="widgetMeta"></div>
2483    </li>
2484
2485    <li style="position:relative" class="widgetItem QuickLinks">
2486        <a class="widgetDesc widgetQuickLinksLink" href="/159/Employment-Opportunities" target="_self" >Employment Opportunities</a>
2487        <div class="widgetMeta"></div>
2488    </li>
2489
2490    <li style="position:relative" class="widgetItem QuickLinks">
2491        <a class="widgetDesc widgetQuickLinksLink" href="/105/Library" target="_self" >Library</a>
2492        <div class="widgetMeta"></div>
2493    </li>
2494					</ol>
2495				</div>
2496		</div>
2497        
2498	</div>
2499	<div class="widgetFooter">
2500	</div>
2501	<div class="addItemModal hidden">
2502		<div class="url hidden">/QuickLinks.aspx</div>
2503	</div>
2504
2505	</section>
2506</div>
2507
2508	</div> <!-- inner column -->
2509
2510	</div> <!-- inner row -->
2511
2512			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="e09b28fb-0d55-4932-ad54-a21f9f595657">�				
2513	<div class="row nest first last wide">�
2514	
2515	<div class="inner col col3 first last id5558b157-c864-4546-beef-a222eaa39c5f" style="" data-widgetcontainerid="5558b157-c864-4546-beef-a222eaa39c5f">�	
2516
2517<div class="widget widgetSpacer" id="2519c0f1-be7b-4f70-bbab-670246881a7f"></div>
2518	</div> <!-- inner column -->
2519
2520	</div> <!-- inner row -->
2521
2522			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="592912bc-a79e-4113-ad2a-d60b666fd6ad">�				
2523	<div class="row nest first last wide">�
2524	
2525	<div class="inner col col3 first last id67cbe82b-6a15-4888-8645-3af4b1532b4e" style="" data-widgetcontainerid="67cbe82b-6a15-4888-8645-3af4b1532b4e">�	
2526<div data-widget-id="e159cfc5-3520-4d55-bb92-e5ab34af45e0" data-widget-controller-path="/Faq/Widget">
2527
2528
2529
2530
2531
2532
2533
2534
2535	<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">
2536		    <header class="widgetHeader" id="faqHeadere159cfc5-3520-4d55-bb92-e5ab34af45e0">
2537        <div class="">
2538                    <h3><a href="/Faq.aspx?TID=15">FAQs</a></h3>
2539                                </div>
2540    </header>
2541	<div class="widgetBody pageStyles cpGrid cpGrid1 ">
2542		<div class="row  narrow">
2543					<link href="/Areas/FAQ/Assets/Styles/Widget.css" rel="stylesheet" />
2544					<div class="col col1">
2545						<ol class="semanticList" style="columns: 1">
2546
2547
2548        <li style="position: relative" class="widgetItem">
2549            <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=204">What is MGO (MyGovernmentOnline)?</a>
2550        </li>
2551
2552
2553        <li style="position: relative" class="widgetItem">
2554            <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>
2555        </li>
2556
2557
2558        <li style="position: relative" class="widgetItem">
2559            <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=66">Can I, as an owner, act as my own contractor?</a>
2560        </li>
2561						</ol>
2562					</div>
2563		</div>
2564        	</div>
2565	<div class="widgetFooter">	
2566	</div>
2567    <div class="addItemModal hidden">
2568        <div class="url hidden">/FAQ.aspx</div>
2569    </div>
2570
2571	</section>
2572
2573
2574<script>
2575	function handleExpandCollapse(e) {
2576		const element = e.currentTarget;
2577		const answer = document.getElementById(element.getAttribute("aria-controls")).parentElement;
2578		const expandArrow = element.getElementsByClassName("widgetFAQ--arrow")[0];
2579		if (answer.classList.contains("hidden")) {
2580			expandArrow.classList.add('widgetFAQ--arrow-expanded');
2581			expandArrow.classList.remove('widgetFAQ--arrow-collapsed');
2582			answer.classList.remove("hidden");
2583			element.setAttribute("aria-expanded", "true");
2584		} else {
2585			expandArrow.classList.add('widgetFAQ--arrow-collapsed');
2586			expandArrow.classList.remove('widgetFAQ--arrow-expanded');
2587			answer.classList.add("hidden");
2588			element.setAttribute("aria-expanded", "false");
2589		}
2590		e.preventDefault();
2591		e.stopImmediatePropagation();
2592		e.stopPropagation();
2593	}
2594    document.querySelectorAll(".widgetFAQ--question a").forEach(element => {
2595        // When the link is clicked, expand or collapse the answer
2596		element.addEventListener("click", handleExpandCollapse);
2597	});
2598</script>
2598
2599</div>
2600
2601	</div> <!-- inner column -->
2602
2603	</div> <!-- inner row -->
2604
2605			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="cbd966c3-45da-430b-860a-952766535e31">�				
2606	<div class="row nest first last wide">�
2607	
2608	<div class="inner col col3 first last id1c9e7f66-b949-400a-acac-bb7a2a994cb4" style="" data-widgetcontainerid="1c9e7f66-b949-400a-acac-bb7a2a994cb4">�	
2609
2610<div class="widget widgetSpacer" id="6d6f3585-9c9f-49f3-8046-0cd9af9853d5"></div>
2611	</div> <!-- inner column -->
2612
2613	</div> <!-- inner row -->
2614
2615			</div><!-- outer column --><!----><div class="outer col col3 last" style="" data-widgetcontainerid="43f33edc-8eaa-4953-bc2c-2c32bff936cc">�				
2616	<div class="row nest first last wide">�
2617	
2618	<div class="inner col col3 first last idb949fad4-3251-4fad-bb9f-2ed0fb3f502e" style="" data-widgetcontainerid="b949fad4-3251-4fad-bb9f-2ed0fb3f502e">�	
2619	<div data-widget-id="d817bb84-ad99-40d3-b657-2b7da8ce6b2b" data-widget-controller-path="/QuickLinks/Widget">
2620
2621
2622
2623
2624
2625
2626
2627
2628	<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">
2629			<header class="widgetHeader" id="quickLinksHeaderd817bb84-ad99-40d3-b657-2b7da8ce6b2b">
2630		<div class="">
2631					<h3><a  style="" href="/QuickLinks.aspx?CID=62" >Site Links</a></h3>
2632						</div>
2633	</header>
2634	<div class="widgetBody cpGrid cpGrid1 ">
2635        <div class="row  narrow">
2636				<div class="col col1 first last">
2637					<ol class="semanticList">
2638
2639    <li style="position:relative" class="widgetItem QuickLinks">
2640        <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a>
2641        <div class="widgetMeta"></div>
2642    </li>
2643
2644    <li style="position:relative" class="widgetItem QuickLinks">
2645        <a class="widgetDesc widgetQuickLinksLink" href="/510/" target="_self" >Copyright Notices</a>
2646        <div class="widgetMeta"></div>
2647    </li>
2648
2649    <li style="position:relative" class="widgetItem QuickLinks">
2650        <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofdestin.com/604/Privacy-Policy" target="_self" >Privacy Policy</a>
2651        <div class="widgetMeta"></div>
2652    </li>
2653
2654    <li style="position:relative" class="widgetItem QuickLinks">
2655        <a class="widgetDesc widgetQuickLinksLink" href="/511" target="_self" >Accessibility</a>
2656        <div class="widgetMeta"></div>
2657    </li>
2658
2659    <li style="position:relative" class="widgetItem QuickLinks">
2660        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a>
2661        <div class="widgetMeta"></div>
2662    </li>
2663
2664    <li style="position:relative" class="widgetItem QuickLinks">
2665        <a class="widgetDesc widgetQuickLinksLink" href="https://outlook.office365.com" target="_self" >Staff Login</a>
2666        <div class="widgetMeta"></div>
2667    </li>
2668					</ol>
2669				</div>
2670		</div>
2671        
2672	</div>
2673	<div class="widgetFooter">
2674	</div>
2675	<div class="addItemModal hidden">
2676		<div class="url hidden">/QuickLinks.aspx</div>
2677	</div>
2678
2679	</section>
2680</div>
2681
2682	</div> <!-- inner column -->
2683
2684	</div> <!-- inner row -->
2685
2686			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2687
2688
2689	</div>
2690</div></div>
2691</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS">
2692<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">
2693				                
2694
2695		<div class="row outer wide"><!--
2696--><div class="outer col col24 first last" style="" data-widgetcontainerid="ff80fbad-2134-4004-89e4-8700dea6dd15">�				
2697	<div class="row nest first last wide">�
2698	
2699	<div class="inner col col24 first last ida41675c2-f019-4af6-bcdd-1fe067a8358f" style="" data-widgetcontainerid="a41675c2-f019-4af6-bcdd-1fe067a8358f">�	
2700 
2701	<div data-widget-id='2f41caef-46b7-43dd-a321-bd9289144b54' data-moduleName="customHtml" id='widgetCustomHtml2f41caef-46b7-43dd-a321-bd9289144b54' class="widget widgetCustomHtml skin16 narrow" >
2702	<div class="widgetBody pageStyles" id="widgetBody2f41caef-46b7-43dd-a321-bd9289144b54">
2703		<div id="customHtml2f41caef-46b7-43dd-a321-bd9289144b54"><div><style>
2704  /* CP icon */
2705  .cpBylineIconTS {
2706  }
2707  /* CP Text */
2708  .cpBylineTextTS,
2709  .cpBylineTextTS a:link {
2710  }
2711
2712  .cpBylineTS {
2713    text-align: center;
2714  }
2715  
2716  .cpBylineIconTS {
2717    fill: currentColor;
2718    width: 39px;
2719    height: 26px;
2720    display: inline;
2721    vertical-align: middle;
2722  }
2723</style>
2724
2725<div class="widgetItem cpBylineTS">
2726  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
2727    <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>
2728    <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>
2729  </svg>
2730  <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
2731</div>
2732</div></div>
2733	</div>
2734
2735	</div>
2736
2737	</div> <!-- inner column -->
2738
2739	</div> <!-- inner row -->
2740
2741			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2742
2743
2744	</div>
2745</div></div>
2746</div>
2747</div>
2748
2749            </div>
2750        </div>
2751    </div>
2752
2753<link href="/745732998.css" rel="stylesheet" type="text/css" />
2754
2755<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
2756	<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">
2757		<div class="cp-Splash-header">
2758			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
2759			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
2760				<svg id="iconClose" viewBox="0 0 25 25">
2761					<polygon style="fill:currentcolor"
2762							 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>
2763				</svg>
2764			</button>
2765		</div>
2766		<div class="cp-Splash-body">
2767			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
2768				<!-- Content from the Froala Editor will go here. -->
2769				Loading
2770			</div>
2771		</div>
2772		<div class="cp-Splash-footer">
2773			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
2774			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
2775		</div>
2776	</div>
2777</div>
2778
2779<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2779
2779
2780<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2780
2780
2781<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2781
2781
2782<script>
2783
2784		$(document).ready(function () {
2785			var filter = {
2786				targetId: '501',
2787				targetType: 1
2788			}
2789
2790			new SplashModalRender().triggerRender(filter);
2791		});
2792</script>
2792
2793
2794
2795	
2796	
2797	
2798	
2799
2800
2801
2802	
2803
2804
2805
2806
2807
2808
2809    
2809<script src="/-1442400649.js" type="text/javascript"></script>
2809
2810    <!-- Fixed Nav Adjustment -->
2811<script>
2812window.Pages = window.Pages || {};
2813$.when(window.Pages.toolBarDeferred).done(function () {
2814	var $divToolbars = $('#divToolbars');
2815	var $fixedBar = $('#structuralContainer22');
2816	var $contentShift = $('#structuralContainer4');
2817	var setupExtraToolbar = function () {
2818		window.setTimeout(function(){
2819			//if ($('body').hasClass("wide")) {
2820			if (!window.matchMedia('screen and (max-width: 66em)').matches) {
2821				$fixedBar.css('margin-top', $divToolbars.height() + 'px');
2822				$contentShift.css('padding-top', $fixedBar.height() + 'px');
2823			}else{
2824				$fixedBar.css('margin-top', 'auto');
2825				$contentShift.css('padding-top', 'auto');
2826			}
2827		}, 100);
2828	};
2829	cpMedia.register('screen and (max-width: 66em)', {
2830		setup: function () {
2831			window.setTimeout(setupExtraToolbar, 220);
2832		},
2833		match: function () {
2834			$fixedBar.css('margin-top', 'auto');
2835			$contentShift.css('padding-top', 'auto');
2836		},
2837		unmatch: function () {
2838			setupExtraToolbar();
2839		}
2840	});
2841	window.Pages.onResizeHandlers.push(setupExtraToolbar);
2842});
2843$(function(){
2844	if($('#doneEditing').length === 1){
2845		$('#structuralContainer22').removeClass('fixedTop');
2846	}
2847});
2848</script>
2848
2849<!-- Fixed Nav End -->
2850	
2851<!-- Fixed Nav Adjustment -->
2852<script>
2853  function getValueTS(elem, attr) {
2854    const val = elem.css(attr);
2855    if (val === undefined) return undefined;
2856    const num = parseInt(val, 10);
2857    if (num === NaN) return undefined;
2858    return num;
2859  }
2860
2861  function clampTS(number, min, max) {
2862    return Math.min(Math.max(number, min), max);
2863  }
2864
2865  function isPageEditingTS() {
2866    return (
2867      $("#doneEditing").length > 0 || // In live edit
2868      typeof DesignCenter !== "undefined" // In theme manager
2869    );
2870  }
2871
2872  const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/;
2873  function isTransparentTS(elem) {
2874    const bg = elem.css('background-color');
2875    if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false;
2876    const matchState = bg.match(bgColorRegexTS);
2877    if (!matchState || matchState.length !== 5) return false;
2878    const alpha = parseFloat(matchState[4], 10);
2879    if (!(alpha >= 0 && alpha < 1)) return false;
2880    return true;
2881  }
2882
2883  function iterateLeftpads(cb) {
2884    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
2885    for (let i = 0; i < containersTS.length; i++) {
2886      const containerTS = containersTS[i];
2887      // Skip the body container and anything with data-skip-leftpad
2888      if (
2889        containerTS.id !== "bodyContainerTS" &&
2890        containerTS.getAttribute('data-skip-leftpad') === null
2891      ) {
2892        cb(containerTS);
2893      }
2894    }
2895  }
2896
2897  const anchor = $("#divToolbars");
2898
2899  // Outer banner padding (push banner down)
2900  const outerSizingTS = $("#bannerContainerTS");
2901  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
2902  const innerSizingTS = $("#bannerSizingTS");
2903  const bodyContainerTS = $("#bodyContainerTS");
2904
2905  const forceUnfixClassTS = "forceUnfixTS";
2906
2907  const fixedTopTS = $(".fixedTopTS");
2908  const fixedBottomTS = $(".fixedBottomTS");
2909  const fixedLeftTS = $(".fixedLeftTS");
2910
2911  var initialTopTS;
2912  var topAttachTS;
2913  if (fixedTopTS && fixedTopTS.length === 1) {
2914    initialTopTS = getValueTS(fixedTopTS, 'top');
2915    const attachment = fixedTopTS.attr('data-attach');
2916    if (attachment) topAttachTS = $("#" + attachment);
2917    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
2918  }
2919
2920  function resizeAdjustmentTS() {
2921    const editing = isPageEditingTS();
2922
2923    // Fixed top script
2924    (function () {
2925      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;
2926
2927      if (editing) {
2928        fixedTopTS[0].classList.add(forceUnfixClassTS);
2929      } else {
2930        fixedTopTS[0].classList.remove(forceUnfixClassTS);
2931      }
2932
2933      const topPosition = fixedTopTS.css('position');
2934      if (topPosition === 'fixed') {
2935        if (topAttachTS) {
2936          scrollAdjustmentTS();
2937        } else {
2938          const anchorHeight = anchor.outerHeight() - 1;
2939          fixedTopTS.css('top', anchorHeight + initialTopTS);
2940        }
2941      } else {
2942        fixedTopTS.css('top', initialTopTS);
2943      }
2944
2945      if (topPosition === 'fixed' || topPosition === 'absolute') {
2946        // Bump the banner content down
2947        if (isTransparentTS(fixedTopTS)) {
2948          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1);
2949          outerSizingTS.css('padding-top', '');
2950
2951          try {
2952            window.Pages.onResizeHandlersExecute();
2953          } catch (e) { }
2954        } else {
2955          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
2956          innerSizingTS.css('padding-top', '');
2957        }
2958      } else {
2959        innerSizingTS.css('padding-top', '');
2960        outerSizingTS.css('padding-top', '');
2961      }
2962    })();
2963
2964    // Fixed bottom script
2965    (function () {
2966      if (!fixedBottomTS || fixedBottomTS.length === 0) return;
2967
2968      // If the widget has gone narrow, force unfix
2969      if (editing || fixedBottomTS.outerHeight() > 200) {
2970        fixedBottomTS[0].classList.add(forceUnfixClassTS);
2971      } else {
2972        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
2973      }
2974
2975      if (fixedBottomTS.css('position') === 'fixed') {
2976        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
2977      } else {
2978        bodyContainerTS.css('padding-bottom', '');
2979      }
2980    })();
2981
2982    // Fixed left script
2983    (function () {
2984      if (!fixedLeftTS || fixedLeftTS.length === 0) return;
2985
2986      if (editing) {
2987        fixedLeftTS[0].classList.add(forceUnfixClassTS);
2988      } else {
2989        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
2990      }
2991
2992      if (fixedLeftTS.css('position') === 'fixed') {
2993        const anchorHeight = anchor.outerHeight() - 1;
2994        fixedLeftTS.css('top', anchorHeight);
2995        const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
2996        iterateLeftpads(function (containerTS) {
2997          const containerBoundingTS = containerTS.getBoundingClientRect();
2998          if (containerBoundingTS.left <= leftBoundingTS.right) {
2999            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
3000          }
3001        });
3002      } else {
3003        fixedLeftTS.css('top', '');
3004        iterateLeftpads(function (containerTS) {
3005          $(containerTS).css('padding-left', '');
3006        });
3007      }
3008    })();
3009  }
3010
3011  function scrollAdjustmentTS() {
3012    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
3013    const topPosition = fixedTopTS.css('position');
3014    if (topPosition === 'fixed' || topPosition === 'absolute') {
3015      const anchorBounding = anchor[0].getBoundingClientRect();
3016      const attachBounding = topAttachTS[0].getBoundingClientRect();
3017      const scrollTop = $(window).scrollTop();
3018
3019      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
3020    } else {
3021      fixedTopTS.css('top', initialTopTS);
3022    }
3023  }
3024
3025  $(window).load(function () {
3026    setTimeout(function () {
3027      resizeAdjustmentTS();
3028    }, 350);
3029
3030    $(window).scroll(function () {
3031      scrollAdjustmentTS();
3032    });
3033
3034    var adjustTimeoutTS;
3035    $(window).resize(function () {
3036      clearTimeout(adjustTimeoutTS);
3037      adjustTimeoutTS = setTimeout(function () {
3038        resizeAdjustmentTS();
3039      }, 350);
3040    });
3041
3042    $.when(window.Pages.angularToolbarComplete).done(function () {
3043      resizeAdjustmentTS();
3044    });
3045  });
3046</script>
3046
3047<!-- End Fixed Nav Adjustment -->
3048
3049
3050<script async src=https://www.googletagmanager.com/gtag/js?id=G-B3EZVM9RG6></script>
3050
3051
3052<script> 
vendor: 127 bytes, line 3052
3052window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
3052G-B3EZVM9RG6
vendor: 4 bytes, line 3052
3052'); 
3052</script>
3052<!-- AudioEye --> 
3052<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>
3052 <!-- End AudioEye -->
3053
3054
3055    
3055<script type="text/javascript">
3056        $(function () {
3057            document.cookie = "responsiveGhost=0; path=/";
3058        });
3059        $(window).on("load", function () {
3060            $('body').addClass('doneLoading').removeClass('hideContent');
3061
3062            if ($('#404Content').length > 0)
3063                $('div#bodyWrapper').css('padding', '0px');
3064        });
3065    </script>
3065
3066
3067    <noscript>
3068        <style>
3069            body.hideContent {
3070                opacity: 1 !important;
3071            }
3072        </style>
3073    </noscript>
3074
3075        
3076<div style="display: none;">
3077	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
3078
3079		<symbol id="iconArrow--left" viewbox="0 0 25 25">
3080			<title>Arrow Left</title>
3081			<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>
3082		</symbol>
3083
3084		<symbol id="iconArrow--right" viewbox="0 0 25 25">
3085			<title>Arrow Right</title>
3086			<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>
3087		</symbol>
3088
3089	</svg>
3090</div>
3091    
3091<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>
3091
3092    
3093
3094    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
3095        <div style="display: none;">
3096            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
3097                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
3098                    <title>Slideshow Left Arrow</title>
3099                    <g>
3100                        <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>
3101                    </g>
3102                </symbol>
3103                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
3104                    <title>Slideshow Right Arrow</title>
3105                    <g>
3106                        <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>
3107                    </g>
3108                </symbol>
3109            </svg>
3110        </div>
3111    
3112	
3113	
3114
3115    <div id="root-picker-outlet"></div>
3116</body>
3117</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.