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