PageSourceSearch

https://cityofpensacola.com/Search/Index?departmentId=-1&module=0&page=1&perPage=10

html cityofpensacola.com collected 2026-10-02 03:40:43 UTC 133,735 bytes, 3,483 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5
6	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
7<!-- Google Tag Manager for GA4 -->
8				
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-VS22VQY2JN';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 = false;
96		window.responsiveMenuHeight = '';
97		window.responsiveMenuFontSize = '';
98		window.isContentAdvisor = false;
99		(function () {
100			window.setSizeCookie = function () {
101				document.cookie = "dpi=" + window.devicePixelRatio + "; path=/";
102				document.cookie = "viewportWidth=" + window.innerWidth + "; path=/";
103				document.cookie = "viewportHeight=" + window.innerHeight + "; path=/";
104				if (screen && screen.width && screen.height) {
105					document.cookie = "screenWidth=" + screen.width + "; path=/";
106					document.cookie = "screenHeight=" + screen.height + "; path=/";
107				}
108				document.cookie = "responsiveGhost=1; path=/";
109			};
110
111			setSizeCookie();
112		}());
113	</script>
113
114		<meta name="viewport" content="width=device-width, initial-scale=1">
115
116	
116<script async src="https://docaccess.com/docbox.js"></script>
116
117	
118	
119	
120	<meta name="theme-color" content="rgb(30, 57, 94)">
121	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
122	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
123		<title>Search • Pensacola, FL • CivicEngage</title>
124
125			
125<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
125
126	
126<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
126
127	
128
129	<!--[if IE 6]>
129<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
129<![endif]-->
130	<!--[if IE 7]>
130<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
130<![endif]-->
131	<!--[if IE 8]>
131<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
131<![endif]-->
132	<!--[if IE 9]>
132<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
132<![endif]-->
133	
133<script type="text/javascript"><!--
134	var intCountryCode = 840;
135	var order = '';
136//--></script>
136
137	
138	<link href="/-2140275272.css" rel="stylesheet" type="text/css" />	<link href="/583370419.css" rel="stylesheet" type="text/css" />
139
140	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
141	
141<script type="text/javascript">
142		window.Pages = window.Pages || {};
143		// FrontEnd RWD initialization
144		window.Pages.rwdReady = $.Deferred();
145		window.Pages.toolBarDeferred = $.Deferred();
146		window.Pages.rwdSetupComplete = $.Deferred();
147		window.Pages.megaMenuLoaded = $.Deferred();
148		window.Pages.angularToolbarComplete = $.Deferred();
149		window.Pages.frontEndToolbarComplete = $.Deferred();
150	</script>
150
151	<!--CPHeadContent-->
152	
152<script src="/739942322.js" type="text/javascript"></script>
152
153	
154	
155	
156	
156<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
156
157	
157<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
157
158	<link rel="stylesheet" type="text/css" href="/Areas/Search/Assets/Styles/Home2017.css" />
159	<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
160	<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
161
162
163
164	
164<script src="/1657590475.js" type="text/javascript"></script>
164
165
166
167
168	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
169	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
170	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
171	<!--[if lt IE 9]>
171<script type="text/javascript" src="/Scripts/html5.js"></script>
171<![endif]-->
172
173	
173<script type="text/javascript">
174		setEditorVariables(false, 840);
175		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
176	</script>
176
177	
177<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
177
178</head>
179<body class="wide " >
180
181    
181<script>jQuery(document).click(function (event) {
182	var target = jQuery(event.target);
183	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
184		var text = target.attr('title');
185		
186		if (!text.length) {
187			text = "N/A";
188		}
189		ga('send',
190			{
191				hitType: 'event',
192				eventCategory: 'Image',
193				eventAction: 'Image - ' + text,
194				eventLabel: window.location.href
195			});
196	}
197	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
198		var text = "";
199		if (target.parents('.button')[0]) {
200			text = target.parents('.button').first().text();
201		} else if (target.text().length) {
202			text = target.text();
203		} else if (target.attr('title').length) {
204			text = target.attr('title');
205		}
206		if (!text.length) {
207			text = "N/A";
208		}
209		ga('send',
210			{
211				hitType: 'event',
212				eventCategory: 'Button',
213				eventAction: 'Button - ' + text,
214				eventLabel: window.location.href
215			});
216	}
217	if (target.parents('.widgetCustomHtml').length) {
218		ga('send',
219			{
220				hitType: 'event',
221				eventCategory: 'Custom Html',
222				eventAction: 'Custom Html Clicked',
223				eventLabel: window.location.href
224			});
225	}
226	if (target.parents('.editor').length) {
227		ga('send',
228			{
229				hitType: 'event',
230				eventCategory: 'Editor',
231				eventAction: 'Editor Link Clicked',
232				eventLabel: window.location.href
233			});
234	}
235	if (target.parents('.GraphicLinks').length) {
236		var text = "";
237		var targetGraphicLink = target;
238		if (target.hasClass('widgetGraphicLinksLink')) {
239			targetGraphicLink = jQuery(target.children()[0]);
240		}
241		if (targetGraphicLink.hasClass('text')) {
242			text = targetGraphicLink.text();
243		} else if (targetGraphicLink.attr('src').length) {
244			if (targetGraphicLink.attr('alt').length) {
245				text = targetGraphicLink.attr('alt');
246			} else {
247				text = targetGraphicLink.attr('src');
248			}
249		} else {
250			text = "N/A";
251		}
252		ga('send',
253			{
254				hitType: 'event',
255				eventCategory: 'Graphic Links',
256				eventAction: 'Graphic Link - ' + text,
257				eventLabel: window.location.href
258			});
259	}
260	if (target.parents('.InfoAdvanced').length) {
261		ga('send',
262			{
263				hitType: 'event',
264				eventCategory: 'Info Advanced',
265				eventAction: 'Info Advanced Clicked',
266				eventLabel: window.location.href
267			});
268	}
269	if (target.parents('.list').length) {
270		ga('send',
271			{
272				hitType: 'event',
273				eventCategory: 'List',
274				eventAction: 'List Clicked',
275				eventLabel: window.location.href
276			});
277	}
278	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
279		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
280		var breadCrumbs = [];
281		jQuery('.breadCrumbs > li').each(function () {
282			 breadCrumbs.push(this.textContent);
283		});
284		var pageTitle = breadCrumbs.join('>');
285		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
286		var text = "";
287		if (pageTitle) {
288			text += pageTitle + " | ";
289		} else {
290			text += document.title + ' - ';
291		}
292		if (target.text() == "" && megaMenuText == "") {
293			text += "N/A";
294		} else if (target.text().length && megaMenuText.length) {
295			if (megaMenuText == target.text()) {
296				text += megaMenuText;
297			} else {
298				text += megaMenuText + " - " + subTitleText + " - " + target.text();
299			}
300		} else if (target.text() == "") {
301			text += megaMenuText;
302		} else {
303			text += target.text();
304		}
305		if (!text.length) {
306			text = "N/A";
307		}
308		ga('send',
309			{
310				hitType: 'event',
311				eventCategory: 'Mega Menu',
312				eventAction: 'Mega Menu : ' + text,
313				eventLabel: window.location.href
314			});
315	}
316	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
317		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
318		if (!text.length) {
319			text = "N/A";
320		}
321		ga('send',
322			{
323				hitType: 'event',
324				eventCategory: 'News Flash',
325				eventAction: 'News Flash - ' + text,
326				eventLabel: window.location.href
327			});
328	}
329	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
330		var text = target.text();
331		if (!text.length) {
332			text = "N/A";
333		}
334		ga('send',
335			{
336				hitType: 'event',
337				eventCategory: 'Quick Links',
338				eventAction: 'Quick Links - ' + text,
339				eventLabel: window.location.href
340			});
341	}
342	if (target.attr('src') && target.parents('.cpSlideshow').length) {
343		var text = target.attr('title');
344		if (!text.length) {
345			text = "N/A";
346		}
347		ga('send',
348			{
349				hitType: 'event',
350				eventCategory: 'Slideshow',
351				eventAction: 'Slideshow - ' + text,
352				eventLabel: window.location.href
353			});
354	}
355	if (target.parents('.widgetText').length) {
356		ga('send',
357			{
358				hitType: 'event',
359				eventCategory: 'Text',
360				eventAction: 'Text Link Clicked',
361				eventLabel: window.location.href
362			});
363	}
364});</script>
364
365	<div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;">
366	<div class="cp-PopOver-header">
367		<h3 class="cp-PopOver-title"></h3>
368		<button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)">
369			<svg class="cp-Icon--close" alt="close" title="close">
370				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use>
371			</svg>
372		</button>
373	</div>
374	<div id="cpPopOverBody" class="cp-PopOver-body">
375		<form id="cpPopOverForm" name="cpPopOverForm" novalidate></form>
376	</div>
377	<div id="cpPopOverFooter" class="cp-PopOver-footer">
378		<div class="cp-BtnGroup" id="actionButtons">
379			<!-- Action buttons will be dynamically added here -->
380		</div>
381	</div>
382</div>
383    <div id="fb-root"></div>
384<div id=skipToContentLinks>
385<a href="#contentarea" target="_self" class="skipToContentLink">Skip to Main Content</a>
386</div>
387    <form id="frmReferenceFormForTelerikEditorDialogs"></form>
388
389        <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />
390
391
392
393    <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
394    <input type="hidden" id="hdnStructureID" value="13" />
395    <input type="hidden" id="hdnContentCollectionID" value="966d6571-f72c-49b2-9ba1-311a08f17f19" />
396    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
397    <input type="hidden" id="hdnThemeID" value="110" />
398    <input type="hidden" id="pageIsFrontEnd" value="true" />
399    <input type="hidden" id="pageModuleID" value="82" />
400    <input type="hidden" id="pagePageID" />
401
402        <input type="hidden" id="hdnModuleID" value="82" />
403    <div id="stickyPlaceholder"></div>
404    <div id="outer-wrap" class="outer-wrap">
405        <div id="inner-wrap" class="inner-wrap">
406                <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
407                    
408<style>
409@import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700); 
410.alertText .customAlert {
411    color: #EAEAEA;
412    display: inline-block;
413    font-family: 'Open Sans Condensed', sans-serif; 
414    text-transform: uppercase;
415    font-weight: bold;
416    height: 27px;
417    left: 57px;
418    line-height: 27px;
419    overflow: hidden;
420    position: absolute;
421    top: 15px;
422    white-space: nowrap;
423    width: 268px;
424}
425</style>
426  <div id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: #222222;">
427    <div id="1_divAlertToolbarInner" class="alertToolbarInner" style="font-size: 16px;">
428        <a href="/AlertCenter.aspx" id="1_lnkAlertText" class="alertText" style="border-right: 1px solid #000000;">
429            <img src="/ImageRepository/Document?documentID=27281" id="1_imgDot" alt="Emergency Alert" class="redDot" />
430            <span id="1_customAlert" class="customAlert">NATURAL GAS CUSTOMER</span>
431        </a>
432        <span id="1_spnAlertContainer" class="alertContainer"><a href="https://cityofpensacola.com/DocumentCenter/View/27907/Post-Judgment-Notice" target="_blank" class="alert" style="border-left: 1px solid #635e65; border-right: 1px solid #000000;background: #030303 url(/Common/images/AlertCenter/alertBarBlackTextBckg.png) repeat-x; color: #FFFFFF;">
433	IMPORTANT NOTICE OF SETTLEMENT: If you were a Natural Gas Customer after Aug. 5, 2011, you may be entitled to a refund of portions of your payments.
434	<span style="color: #FC4C2F;">CLICK HERE FOR MORE INFO ABOUT THE SETTLEMENT</span>
435</a>
436</span>
437    </div>
438  </div>
439  <div id="1_divAlertBarEmpty" class="alertBarEmpty"></div>
440  
441
442
443
444<!-- Begin Signed Out Bar -->
445<div class="cpToolbar user public">
446    <div class="inner selfClear">
447        <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. &nbsp;&nbsp;</span></p>
448        <ul class="nav secondary">
449	        <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li>
450        </ul>
451    </div>
452</div>
453<script>
454    $(document).ready(function () {
455        $('#signedOutToolbarCreateProfileButton').click(function (event) {
456            event.preventDefault();
457            window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin;
458        });
459
460			
461				$('#loggedOutToolbarSignInButton').click(function (event) {
462					event.preventDefault();
463					window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host;
464				});
465			
466
467		if ('False' == 'True') {
468            $('#loggedOutToolbarSignInButton').hide();
469		}
470    })
471</script>
471
472<!-- End Signed Out Bar -->
473
474                </div>
475            <div id="bodyWrapper">
476                <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
477                
478<div data-cpRole="structuralContainer" id="bodyContainerTS">
479<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"><div class="inner"><div class="inner">
480<div class="siteWrap4" id="flexHeaderTS"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">
481
482
483
484
485				<a id="bannerLogoTS-401" style="			display: block; text-align: center;
486" class="bannerObject" href="/" target="_self"><img alt="City of Pensacola Florida Home Page" class="bannerObject" height="140" src="/ImageRepository/Document?documentID=28659" width="600" /></a>
487</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
488<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
489--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!--
490			--><!--
491			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavCityGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/City-Government" target = "_self" >   City Government  </a>			<!--
492			--><!--
493			--></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!--
494			--><!--
495			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavResidents" class="navMainItem mainNavItem mainNavItem2 " href="/31/Residents" target = "_self" >   Residents  </a>			<!--
496			--><!--
497			--></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!--
498			--><!--
499			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavBusiness" class="navMainItem mainNavItem mainNavItem3 " href="/101/Business" target = "_self" >   Business  </a>			<!--
500			--><!--
501			--></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!--
502			--><!--
503			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavVisiting" class="navMainItem mainNavItem mainNavItem4 " href="/35/Visiting" target = "_self" >   Visiting  </a>			<!--
504			--><!--
505			--></li><!----><li id="MainItem2758" class="topMenuItem" role="none" data-pageid="2758" data-displaymegamenu="True"><!--
506			--><!--
507			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu2758" id = "mainNavOnlineServices" class="navMainItem mainNavItem mainNavItem5 " href="/2758/Online-Services" target = "_self" >   Online Services  </a>			<!--
508			--><!--
509			--></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!--
510			--><!--
511			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem6 " href="/9/How-Do-I" target = "_self" >   How Do I?  </a>			<!--
512			--><!--
513			--></li><!---->
514</ol>
515
516
517	
517<script type="text/javascript">
518		(function () {
519			function setupMenu() {
520				const menuID = 'mainNavMenu';
521				const menuType = MAIN_MENU;
522
523				//setup menu manager properties for main menu
524				if (!menuManager.mobileMainNav && true)
525					menuManager.adjustMainItemsWidth('#' + menuID);
526				menuManager.isMainMenuEditable = false;
527				menuManager.mainMenuMaxSubMenuLevels = 4;
528				menuManager.setMOMMode(2, menuType);
529
530				//Init main menu
531				const setupDraggable = menuManager.isMainMenuEditable;
532				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=82&themeID=110&menuContainerID=mainNav';
533
534				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
535				menuManager.mainMenuInit = true;
536				menuManager.mainMenuTextResizer = true;
537				if (1.00 > 0)
538					menuManager.mainMenuTextResizerRatio = 1.00;
539				if (window.isResponsiveEnabled)
540					menuManager.mainMenuReady.resolve();
541
542			}
543
544			if (document.readyState === "complete"
545				|| document.readyState === "loaded"
546				|| document.readyState === "interactive") {
547				setupMenu();
548				return;
549			}
550
551			document.addEventListener("DOMContentLoaded", setupMenu);
552		})();
553	</script>
553
554
555
556<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="cc9563ed49-06c7-4a21-885f-5fe7b540e580" data-containerid="9563ed49-06c7-4a21-885f-5fe7b540e580" class="pageContent cpGrid cpGrid24 showInMobile">
557				                
558
559
560
561	</div>
562</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal">	<div id="cc079528ea-b5ea-4db9-b739-f503ff84de8c" data-containerid="079528ea-b5ea-4db9-b739-f503ff84de8c" class="pageContent cpGrid cpGrid24 showInMobile">
563				                
564
565
566
567	</div>
568</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal">	<div id="cccc62630e-2aa6-485f-9b82-19e3c962ae20" data-containerid="cc62630e-2aa6-485f-9b82-19e3c962ae20" class="pageContent cpGrid cpGrid24 showInMobile">
569				                
570
571
572
573	</div>
574</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal">	<div id="cca89dc9fb-d230-40ce-8d3e-f2d1858d87ad" data-containerid="a89dc9fb-d230-40ce-8d3e-f2d1858d87ad" class="pageContent cpGrid cpGrid24 showInMobile">
575				                
576
577
578
579	</div>
580</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2758" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2758 hidden" data-orientation="horizontal">	<div id="cc8df7dfa2-b184-4197-9059-3c7384de392a" data-containerid="8df7dfa2-b184-4197-9059-3c7384de392a" class="pageContent cpGrid cpGrid24 showInMobile">
581				                
582
583
584
585	</div>
586</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal">	<div id="cc391353aa-c5df-4984-812b-142852742cf0" data-containerid="391353aa-c5df-4984-812b-142852742cf0" class="pageContent cpGrid cpGrid24 showInMobile">
587				                
588
589
590
591	</div>
592</aside></aside></nav></div></div></div>
593</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
594<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS">
595<div data-cpRole="structuralContainer" id="bannerSearchTS">
596<div class="siteWrap4"><div data-cpRole="contentContainer" id="searchTS1">	<div id="ccffff5f40-7511-4a79-a92e-03cd41e35536" data-containerid="ffff5f40-7511-4a79-a92e-03cd41e35536" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="28">
597				                
598
599		<div class="row outer wide"><!--
600--><div class="outer col col9 first" style="" data-widgetcontainerid="e8ab211a-09e7-4e43-a121-bfd0ca62341d">�				
601	<div class="row nest first last wide">�
602	
603	<div class="inner col col9 first last idd67a102e-3788-4309-8153-9ac5cf5d4eeb" style="" data-widgetcontainerid="d67a102e-3788-4309-8153-9ac5cf5d4eeb">�	
604<div data-widget-id="3e993534-15c9-4709-9c05-f3a06ba8c080" data-widget-controller-path="/GraphicLinks/Widget">
605
606
607
608
609<div id="graphicLinkWidget3e993534-15c9-4709-9c05-f3a06ba8c080" class="widget widgetGraphicLinks skin96 widgetOptionSet69 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
610	<div class="widgetHeader">
611		<div class="">
612				</div>
613	</div>
614	<div class="widgetBody cpGrid cpGrid4 ">
615		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
616				<div class="row autoWidths center wide">
617					<!--
618--><div class="col col1 first "><ul class="semanticList"><!--
619	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://cityofpensacola.com/facebook" target="_self">
620
621<img src="/ImageRepository/Document?documentID=28710" 
622     class="graphicButtonLink" alt="Facebook" 
623     onmouseover="this.src='/ImageRepository/Document?documentID=28710'" 
624	onmouseout="this.src='/ImageRepository/Document?documentID=28710'"
625     onfocus="this.src='/ImageRepository/Document?documentID=28710'" 
626	onblur="this.src='/ImageRepository/Document?documentID=28710'"> 
627</a></li><!--
628--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
629	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://cityofpensacola.com/twitter" target="_self">
630
631<img src="/ImageRepository/Document?documentID=28720" 
632     class="graphicButtonLink" alt="X" 
633     onmouseover="this.src='/ImageRepository/Document?documentID=28720'" 
634	onmouseout="this.src='/ImageRepository/Document?documentID=28720'"
635     onfocus="this.src='/ImageRepository/Document?documentID=28720'" 
636	onblur="this.src='/ImageRepository/Document?documentID=28720'"> 
637</a></li><!--
638--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
639	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://cityofpensacola.com/youtube" target="_self">
640
641<img src="/ImageRepository/Document?documentID=28721" 
642     class="graphicButtonLink" alt="YouTube" 
643     onmouseover="this.src='/ImageRepository/Document?documentID=28721'" 
644	onmouseout="this.src='/ImageRepository/Document?documentID=28721'"
645     onfocus="this.src='/ImageRepository/Document?documentID=28721'" 
646	onblur="this.src='/ImageRepository/Document?documentID=28721'"> 
647</a></li><!--
648--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
649	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://cityofpensacola.com/instagram" target="_self">
650
651<img src="/ImageRepository/Document?documentID=28711" 
652     class="graphicButtonLink" alt="Instagram" 
653     onmouseover="this.src='/ImageRepository/Document?documentID=28711'" 
654	onmouseout="this.src='/ImageRepository/Document?documentID=28711'"
655     onfocus="this.src='/ImageRepository/Document?documentID=28711'" 
656	onblur="this.src='/ImageRepository/Document?documentID=28711'"> 
657</a></li><!--
658--></ul></div><!--				-->
659				</div>
660			</nav>
661		</div>
662	<div class="widgetFooter">
663			</div>
664</div>
665</div>
666
667	</div> <!-- inner column -->
668
669	</div> <!-- inner row -->
670
671			</div><!-- outer column --><!----><div class="outer col col15 last" style="" data-widgetcontainerid="1564e0d9-0b5a-4ade-876f-72804ebf7489">�				
672	<div class="row nest first last wide">�
673	
674	<div class="inner col col15 first last id28b3c196-45f7-4370-adb8-897ff4629b83" style="" data-widgetcontainerid="28b3c196-45f7-4370-adb8-897ff4629b83">�	
675<div data-widget-id="c0f06967-8f43-4071-83ee-099909e1fa3d" data-widget-controller-path="/Layout/WidgetSearch">
676	
677	
677<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
677
678	
678<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
678
679	
679<script defer type="text/javascript">
680
681		$(document).ready(function () {
682			try {
683				// Minimum characters required before performing a search/autocomplete
684				var minPrefixLength = 3;
685				var autoCompleteDebounceDelay = 500;
686				var searchFieldSelector = "#searchField" + 'c0f06967-8f43-4071-83ee-099909e1fa3d';
687				var checkboxSelector = "#ysnSearchOnlyDept" + 'c0f06967-8f43-4071-83ee-099909e1fa3d';
688				var buttonSelector = ".widgetSearchButton" + 'c0f06967-8f43-4071-83ee-099909e1fa3d';
689				var autoCompleteCache = {};
690				var autoCompleteCacheKeys = [];
691				var autoCompleteCacheLimit = 25;
692				var currentAutoCompleteRequest = null;
693				var currentAutoCompleteRequestKey = null;
694				var autoCompleteDebounceTimer = null;
695				var autoCompleteDebounceKey = null;
696				var pendingAutoCompleteResponses = [];
697
698				function normalizeAutoCompleteTerm(term) {
699					return $.trim((term || "") + "").replace(/\s+/g, " ");
700				}
701
702				function shouldSearch(term) {
703					return normalizeAutoCompleteTerm(term).length >= minPrefixLength;
704				}
705
706				function getAutoCompleteUrl() {
707					return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : '');
708				}
709
710				function getAutoCompleteCacheKey(requestUrl, term) {
711					return requestUrl + "|" + term.toLowerCase();
712				}
713
714				function cacheAutoCompleteResult(cacheKey, data) {
715					if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
716						autoCompleteCacheKeys.push(cacheKey);
717						if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) {
718							delete autoCompleteCache[autoCompleteCacheKeys.shift()];
719						}
720					}
721					autoCompleteCache[cacheKey] = data;
722				}
723
724				function respondToPendingAutoComplete(data) {
725					var responses = pendingAutoCompleteResponses;
726					pendingAutoCompleteResponses = [];
727					for (var i = 0; i < responses.length; i++) {
728						responses[i](data);
729					}
730				}
731
732				function cancelPendingAutoComplete() {
733					clearTimeout(autoCompleteDebounceTimer);
734					autoCompleteDebounceKey = null;
735					if (currentAutoCompleteRequest != null) {
736						currentAutoCompleteRequest.abort();
737						currentAutoCompleteRequest = null;
738					}
739					currentAutoCompleteRequestKey = null;
740					respondToPendingAutoComplete([]);
741				}
742
743				function createWidgetAutoCompleteSource(options) {
744					return function (request, response) {
745						var term = normalizeAutoCompleteTerm(request.term);
746						if (!options.shouldSearch(term)) {
747							response([]);
748							return;
749						}
750
751						var requestUrl = options.url();
752						var cacheKey = getAutoCompleteCacheKey(requestUrl, term);
753						if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
754							response(autoCompleteCache[cacheKey]);
755							if (options.success) {
756								options.success(autoCompleteCache[cacheKey]);
757							}
758							return;
759						}
760
761						if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) {
762							pendingAutoCompleteResponses.push(response);
763							return;
764						}
765
766						cancelPendingAutoComplete();
767						autoCompleteDebounceKey = cacheKey;
768						pendingAutoCompleteResponses.push(response);
769						autoCompleteDebounceTimer = setTimeout(function () {
770							autoCompleteDebounceKey = null;
771							currentAutoCompleteRequestKey = cacheKey;
772							currentAutoCompleteRequest = $.ajax({
773								url: requestUrl,
774								dataType: "json",
775								timeout: options.timeout,
776								data: {
777									term: term,
778								},
779								success: function (data) {
780									if (currentAutoCompleteRequestKey === cacheKey) {
781										cacheAutoCompleteResult(cacheKey, data);
782										respondToPendingAutoComplete(data);
783										if (options.success) {
784											options.success(data);
785										}
786									}
787								},
788								error: function (xmlhttprequest, textstatus, message) {
789									if (textstatus === "abort") {
790										return;
791									}
792
793									if (options.error) {
794										options.error(xmlhttprequest, textstatus, message);
795									}
796
797									respondToPendingAutoComplete([]);
798								},
799								complete: function (xmlhttprequest) {
800									if (currentAutoCompleteRequest === xmlhttprequest) {
801										currentAutoCompleteRequest = null;
802										currentAutoCompleteRequestKey = null;
803									}
804								}
805							});
806						}, options.delay);
807					};
808				}
809
810				// click handler for search buttons
811				$(buttonSelector).click(function (e) {
812					e.preventDefault();
813					var $btn = $(this);
814					var $field = $btn.siblings(".widgetSearchBox");
815					var term = $field.val() + "";
816					if (!shouldSearch(term)) {
817						// do nothing until user types enough characters
818						$field.focus();
819						return;
820					}
821
822					if ($(checkboxSelector).is(':checked') || false)
823					{
824						doWidgetSearch($.trim(term), Number(0));
825					}
826					else {
827						doWidgetSearch($.trim(term), 0);
828					}
829				});
830
831				// enter key handler for the search field
832				$(searchFieldSelector).keypress(function (e) {
833					var code = e.which || e.keyCode;
834					if (code === 13) {
835						e.preventDefault();
836						var $this = $(this);
837						var term = $this.val() + "";
838						if (!shouldSearch(term)) {
839							// do nothing until user types enough characters
840							$this.focus();
841							return false;
842						}
843
844						if ($(checkboxSelector).is(':checked') || false) {
845							doWidgetSearch($.trim(term), Number(0));
846						} else {
847							doWidgetSearch($.trim(term), 0);
848						}
849						return false;
850					}
851					return true;
852				});
853
854				// autocomplete: set minLength and guard source
855				if (true) {
856					var $searchField = $(searchFieldSelector).autocomplete({
857						minLength: minPrefixLength,
858						source: createWidgetAutoCompleteSource({
859							delay: autoCompleteDebounceDelay,
860							timeout: 10000,
861							shouldSearch: shouldSearch,
862							url: getAutoCompleteUrl,
863							success: function () {
864								$('.autoCompleteError').remove();
865							},
866							error: function (xmlhttprequest, textstatus, message) {
867								if (textstatus === "timeout") {
868									if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0)
869										$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector));
870								}
871							}
872						}),
873						html: true,
874						delay: 0,
875						select: function (event, ui) {
876							$(this).val(ui.item.value);
877							$(this).next().click();
878						}
879					});
880
881					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
882						return $("<li class=\"itemList\"></li>")
883							.data("ui-autocomplete-item", item)
884							.append("<a>" + item.label + "</a>")
885							.appendTo(ul);
886					};
887				}
888
889				// keep searchBtnApplyQuery consistent with prefix rule
890				window.searchBtnApplyQuery = function() {
891					var $field = $(searchFieldSelector);
892					var term = $field.val() + "";
893					if (shouldSearch(term)) {
894						// update href for the icon/button (if present)
895						var btn = document.getElementById("btnSearchIcon");
896						if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term));
897					} else {
898						var btn = document.getElementById("btnSearchIcon");
899						if (btn) btn.href = "#";
900					}
901				};
902			}
903			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.
904		});
905	</script>
905
906
907	<section id="widgetPreviewSearch" class="widget widgetSearch skin91 widgetOptionSet81" style="display: block;" aria-label="Search">
908				<!-- For the button right and inside -->
909		<div class="widgetBody buttonRightInside">
910			<input class="widgetSearchBox widgetSearchBoxc0f06967-8f43-4071-83ee-099909e1fa3d" cp5ph="true" id="searchFieldc0f06967-8f43-4071-83ee-099909e1fa3d" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" />
911						<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonc0f06967-8f43-4071-83ee-099909e1fa3d" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=28695" data-image="/ImageRepository/Document?documentID=28694" src="/ImageRepository/Document?documentID=28694" /></a>
912
913			<label class="searchLabel" aria-hidden="true" for="searchFieldc0f06967-8f43-4071-83ee-099909e1fa3d">Search</label>
914		</div>
915
916	</section>
917
918
919<style scoped>
920	  
921		.widgetSearch ::-webkit-input-placeholder {
922		color: #fff;
923	  }
924		.widgetSearch :-moz-placeholder { /* Firefox 18- */
925	   color: #fff;
926	}
927		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
928	   color: #fff;
929	}
930	.widgetSearch :-ms-input-placeholder {
931	   color: #fff;
932	}
933	
934
935	.widgetSearch .widgetBody .widgetSearchBoxc0f06967-8f43-4071-83ee-099909e1fa3d
936	{
937		color: #fff;
938		background-color: transparent;
939border: none;
940border-left: solid 1px #2F99D5;
941height: 40px;
942font-family: Inter;
943font-size: 15px;
944padding: 0 46px 0 16px;
945	}
946	.widgetSearch .widgetBody .widgetSearchButtonc0f06967-8f43-4071-83ee-099909e1fa3d
947	{
948		
949	}
950	.widgetSearch .widgetSearch-onlyDeptc0f06967-8f43-4071-83ee-099909e1fa3d
951	{
952		display: inline-block;
953		color: #333;
954		
955		
956		 padding-top: 10px;
957	}
958	#ysnSearchOnlyDeptc0f06967-8f43-4071-83ee-099909e1fa3d
959	{
960		position: relative;
961		top: .125em;
962	}
963
964</style>
965
966<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
967<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
968
969
970
971<script type="text/javascript">
972	//Updates search icons href to have the correct queryString
973	function searchBtnApplyQuery() {
974		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldc0f06967-8f43-4071-83ee-099909e1fa3d").value;
975	}
976</script>
976
977
978</div>
979
980	</div> <!-- inner column -->
981
982	</div> <!-- inner row -->
983
984			</div><!-- outer column --><!--		--></div> <!-- outer row -->
985
986
987	</div>
988</div></div>
989</div>
990</div>
991
992
993
994
995		<div id="bannerImagesJSON402" class="hidden"></div>
996		<div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none">
997			<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>
998			<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>
999		</div>
1000			
1000<script type="text/javascript">
1001				$(window).on("load", function () {
1002					$.when(window.Pages.rwdSetupComplete)
1003						.done(function () {
1004							renderExternalBannerSlideshow('banner1',
1005								{"BannerOptionID":402,"ThemeID":110,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":1600,"BannerOptionID":402,"FileName":"/ImageRepository/Document?documentID=28660","Height":400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":1601,"BannerOptionID":402,"FileName":"/ImageRepository/Document?documentID=28661","Height":400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":1602,"BannerOptionID":402,"FileName":"/ImageRepository/Document?documentID=28662","Height":400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":51,"BannerOptionID":402,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202511251136064163.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
1006								'/App_Themes/2025 - Interior/Images/',
1007								'Rotating');
1008						});
1009				});
1010			</script>
1010
1011
1012</div>
1013</div><!-- Content container --><div data-cpRole="structuralContainer" id="backgroundOverlayTS">
1014<div data-cpRole="structuralContainer" id="mainContainerTS">
1015<div class="siteWrap4"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
1016<div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar">
1017<aside data-cpRole="contentContainer" id="sidebarContainer1TS">	<div id="cc6ab5d395-c795-4c5e-a032-f9ef5b58e87f" data-containerid="6ab5d395-c795-4c5e-a032-f9ef5b58e87f" class="pageContent cpGrid cpGrid24 showInMobile">
1018				                
1019
1020
1021
1022	</div>
1023</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav">
1024
1025
1026
1027
1028
1029	<ol role="menu" id="secondaryMenusecondaryNav" data-parent="4" class="rootNavMenu accordionNav">
1030	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem576" data-pageid="576">
1031		<div class="accordionNavItem">
1032			<a href="/1/Home" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Home</a>
1033		</div>
1034			</li>
1035	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem577" data-pageid="577">
1036		<div class="accordionNavItem">
1037			<a href="/27/City-Government" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Government</a>
1038		</div>
1039			</li>
1040	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem578" data-pageid="578">
1041		<div class="accordionNavItem">
1042			<a href="/122/Departments-Divisions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Departments &amp; Divisions</a>
1043		</div>
1044			</li>
1045	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem579" data-pageid="579">
1046		<div class="accordionNavItem">
1047			<a href="/257/City-Staff" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Staff Directory</a>
1048		</div>
1049			</li>
1050	<li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem580" data-pageid="580">
1051		<div class="accordionNavItem">
1052			<a href="/245/Contact" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Contact Us</a>
1053		</div>
1054			</li>
1055
1056	</ol>
1057
1058
1059	
1059<script type="text/javascript">
1060		(function () {
1061			function setupSecondaryMenuProperties() {
1062				//setup menu manager properties for secondary menu
1063				menuManager.isSideMenuEditable = false;
1064				menuManager.sideMenuMaxSubMenuLevels = 4;
1065				menuManager.sideMenuHasCustomLinks = true;
1066			}
1067
1068			if (document.readyState === "loading") {
1069				document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true });
1070				return;
1071			}
1072
1073			setupSecondaryMenuProperties();
1074		})();
1075	</script>
1075
1076
1077	
1077<script type="text/javascript">
1078		(function () {
1079			function setupAccordionSecondaryNav() {
1080				var $menuContainer = $('#secondaryNav');
1081
1082				$menuContainer.find('*[id^="SideItem"]').each(function () {
1083					var ids = $('[id="' + this.id + '"]');
1084					if (ids.length > 1)
1085						$.each(ids, function (index, value) {
1086							value.id = value.id + '_' + index;
1087						});
1088				});
1089
1090				$menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) {
1091					e.preventDefault();
1092					showHideAccordionMenuForSecondaryNav($(this));
1093				});
1094
1095				$menuContainer.find(".grippy").each(function () {
1096					menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav');
1097				});
1098
1099				$menuContainer.find("li").each(function () {
1100					menuManager.setupDroppableAccordionElement($(this), SIDE_MENU);
1101				});
1102			}
1103
1104			if (document.readyState === "loading") {
1105				document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true });
1106				return;
1107			}
1108
1109			setupAccordionSecondaryNav();
1110		})();
1111	</script>
1111
1112
1113
1114
1115</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS">	<div id="cc3e5b66b3-d3d1-4727-b38d-cf11adfefa89" data-containerid="3e5b66b3-d3d1-4727-b38d-cf11adfefa89" class="pageContent cpGrid cpGrid24 showInMobile">
1116				                
1117
1118
1119
1120	</div>
1121</aside>
1122</div><div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
1123<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
1124<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">		<ol class="semanticList breadCrumbs">
1125			<li><a class="breadCrumb" href="/">Home</a></li><li><a href class="breadCrumb" aria-current="page">Search</a></li>
1126		</ol>
1127
1128	   
1129    
1130</div><div data-cpRole="mainContentContainer" id="moduleContent">
1131	
1132
1133
1134	<div id="searchModuleContent" class="newCP moduleContentNew cp-search">
1135		<div id="contentarea" class="contentMain selfClear">
1136<div class="header">
1137	<div class="graphic">
1138		<a title="Search this site" href="/Search">
1139			<img width="74" height="74" alt="Search icon" src="/Areas/Search/Assets/Images/HomeModuleIconLarge.png" />
1140		</a>
1141	</div>
1142	<div class="text">
1143			<h1><a href="/Search" title="Go back to the search home page">Search</a></h1>
1144		
1145	</div>
1146</div>			<div id="divSearch" class="cp-search-container">
1147				<div id="divSearchStandard" class="cp-search-bar">
1148					<label for="searchPhrase" class="visuallyhidden">Search</label>
1149					<div class="cp-search-barInner">
1150						<input type="text" name="searchPhrase"
1151							   id="searchPhrase" class="cp-search-input"
1152							   placeholder="Type to begin your search..."
1153							   value="">
1154						<a href="#" class="searchSite cp-search-submit">
1155							<svg id="iconSearch" viewbox="0 0 25 25">
1156								<title>Submit Search</title>
1157								<path style="fill:currentcolor;" d="M25,24.458l-6.563-6.537c1.78-1.905,2.879-4.455,2.879-7.262C21.316,4.781,16.535,0,10.657,0S0,4.781,0,10.659 s4.78,10.659,10.657,10.659c2.697,0,5.155-1.015,7.034-2.671l6.573,6.547L25,24.458z M10.657,20.27c-1.295,0-2.554-0.254-3.74-0.755 c-1.144-0.484-2.172-1.178-3.055-2.06c-0.881-0.88-1.574-1.909-2.06-3.056c-0.501-1.182-0.755-2.44-0.755-3.74 S1.301,8.1,1.802,6.918c0.485-1.146,1.178-2.173,2.06-3.056c0.884-0.883,1.912-1.575,3.055-2.059 c1.184-0.501,2.444-0.756,3.74-0.756c1.298,0,2.557,0.255,3.741,0.756c1.145,0.485,2.172,1.177,3.055,2.059 c0.883,0.884,1.576,1.913,2.06,3.056c0.501,1.184,0.755,2.444,0.755,3.74s-0.254,2.556-0.755,3.74 c-0.485,1.146-1.178,2.173-2.06,3.056c-0.883,0.882-1.91,1.574-3.055,2.06C13.213,20.016,11.954,20.27,10.657,20.27z"></path>
1158							</svg>
1159						</a>
1160						<input id="departmentId" type="hidden" value="-1"/>
1161					</div>
1162				</div>
1163			</div>
1164				<ol id="searchTabs" class="cp-Tabs-list" role="tablist" aria-label="Search tabs for site, agenda and minutes, municode and social" aria-orientation="horizontal">
1165					<li id="cp-SearchTab-Site" class="cp-Tabs-tab is-active" role="tab" aria-controls="divSearchResults" aria-selected="true">
1166						<a href="#siteSearch" id="siteSearch" class="cp-Tabs-link cp-Tabs-click-link">
1167							<svg class="cp-Tabs-linkArrow">
1168								<use xlink:href="#iconArrow--right"></use>
1169							</svg>
1170							Site Content
1171						</a>
1172					</li>
1173											<li id="cp-MuniCode-Site" class="cp-Tabs-tab" role="tab" aria-controls="divSearchResultsMuniCode" aria-selected="false">
1174							<a href="#MuniCodeSearch" id="MuniCodeSearch" class="cp-Tabs-link cp-Tabs-click-link">
1175								<svg class="cp-Tabs-linkArrow">
1176									<use xlink:href="#iconArrow--right"></use>
1177								</svg>
1178								Municipal Code
1179							</a>
1180						</li>
1181														</ol>
1182					<fieldset id="divMunicodeStrip" style="display: none; margin-bottom: 2rem;">
1183						<legend>Search Criteria</legend>
1184						<label class="ae-label">
1185							<input checked="checked" id="searchCodes" name="MuniCodeSearchCriteria" type="radio" value="Codes" />
1186							Codes
1187						</label>
1188						<label class="ae-label">
1189							<input id="searchOrdinances" name="MuniCodeSearchCriteria" type="radio" value="Ordinances" />
1190							Ordinances
1191						</label>
1192						<label class="ae-label">
1193							<input id="searchDocuments" name="MuniCodeSearchCriteria" type="radio" value="Documents" />
1194							Documents
1195						</label>
1196					</fieldset>
1197					<div id="divSearchResultsMuniCode" class="cp-search-results" style="display:none;" role="tabpanel" aria-labelledby="cp-MuniCode-Site">
1198					</div>
1199			
1200<div class="cp-search-typeToggle">
1201	<a id="advancedSearch" href="#advancedSearch" style="display: inline-block;">Advanced Search</a>
1202	<a id="standardSearch" href="#standardSearch" style="display: none;">Standard Search</a>
1203</div>
1204<div id="divSearchAdvanced">
1205	<div id="advSearchForm" class="cp-search-advanced cp-search-advanced--hidden" aria-expanded="true">
1206		<table border="0" cellpadding="0" cellspacing="0" class="cp-search-advancedTable">
1207			<tbody>
1208				<tr>
1209					<td colspan="2" class="cp-search-advancedHeader">
1210						Find pages with...
1211					</td>
1212					<td class="cp-search-advancedInstruction cp-search-advancedHeader">
1213						To do this in the search box
1214					</td>
1215				</tr>
1216				<tr>
1217					<td>
1218						<label for="txtSearchAnd"><span class="cp-search-advancedHeader">all</span> these words:</label>
1219					</td>
1220					<td>
1221						<input class="advSearchBox" name="txtSearchAnd" type="text" id="txtSearchAnd" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);">
1222					</td>
1223					<td class="cp-search-advancedInstruction">
1224						Enter your key words: <span class="cp-search-advancedCode">sugar glider</span>
1225					</td>
1226				</tr>
1227				<tr>
1228					<td>
1229						<label for="txtSearchPhrase">this <span class="cp-search-advancedHeader">exact word or phrase</span>:</label>
1230					</td>
1231					<td>
1232						<input class="advSearchBox" name="txtSearchPhrase" type="text" id="txtSearchPhrase" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);">
1233					</td>
1234					<td class="cp-search-advancedInstruction">
1235						Use quotes for exact phrases: <span class="cp-search-advancedCode">“sugar glider”</span>
1236					</td>
1237				</tr>
1238				<tr>
1239					<td>
1240						<label for="txtSearchOr"><span class="cp-search-advancedHeader">any</span> of these words:</label>
1241					</td>
1242					<td>
1243						<input class="advSearchBox" name="txtSearchOr" type="text" id="txtSearchOr" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);">
1244					</td>
1245					<td class="cp-search-advancedInstruction">
1246						Type OR between the key words you want included: <span class="cp-search-advancedCode">marsupial OR pet</span>
1247					</td>
1248				</tr>
1249				<tr>
1250					<td>
1251						<label for="txtSearchNot"><span class="cp-search-advancedHeader">none</span> of these words:</label>
1252					</td>
1253					<td>
1254						<input class="advSearchBox" name="txtSearchNot" type="text" id="txtSearchNot" size="20" maxlength="100" onfocus="this.select();" onkeypress="return handleEnter(event);">
1255					</td>
1256					<td class="cp-search-advancedInstruction">
1257						Use a minus sign before words you don’t want included: <span class="cp-search-advancedCode">-chair –pastry</span>
1258					</td>
1259				</tr>
1260				<tr>
1261					<td colspan="3" class="cp-search-advancedHeader">
1262						Then narrow your results by...
1263					</td>
1264				</tr>
1265				<tr>
1266					<td>
1267						<label for="SearchContentType"><span>Content Type</span>:</label>
1268					</td>
1269					<td>
1270						<select id="SearchContentType" name="SearchContentType">
1271							<option value="all" selected="selected">All Content</option>
1272									<option value="activities">Activities</option>
1273									<option value="agendas">Agendas</option>
1274									<option value="alerts">Alerts</option>
1275									<option value="bids">Bids</option>
1276									<option value="calendar">Calendar</option>
1277									<option value="civicsend">CivicSend</option>
1278									<option value="documents">Documents</option>
1279									<option value="faqs">FAQs</option>
1280									<option value="forms">Forms</option>
1281									<option value="images">Images</option>
1282									<option value="news">News</option>
1283									<option value="people">People</option>
1284									<option value="places">Places</option>
1285									<option value="social">Social</option>
1286
1287							<option value="webpages">Webpages</option>
1288						</select>
1289					</td>
1290				</tr>
1291					<tr>
1292						<td>
1293							<label for="selectedDepartmentHeader"><span class="bold">Department</span>:</label>
1294						</td>
1295						<td>
1296							<select id="selectedDepartmentHeader" name="DepartmentId"><option value="">All</option>
1297<option value="0">None</option>
1298<option value="132">Parks &amp; Recreation</option>
1299<option value="683">Port of Pensacola | City of Pensacola</option>
1300<option value="711">Pensacola Fire Department</option>
1301<option value="733">Pensacola Police Department | City of Pensacola</option>
1302<option value="735">
1302Vince J. Whibbs Sr. Community Maritime Park | City of Pensacola</option>
1303<option value="2797">Parks &amp; Recreation</option>
1304<option value="2798">Community Maritime Park</option>
1305<option value="2799">City DBE on Home</option>
1306<option value="2928">Transition Team</option>
1307<option value="3451">Performance Pensacola</option>
1308<option value="3645">City Rebrand</option>
1309<option value="3650">CP Pensacola Police Department</option>
1310</select>
1311						</td>
1312					</tr>
1313			</tbody>
1314		</table>
1315	</div>
1316</div>
1317			<div id="divSearchResults" class="cp-search-results" role="tabpanel" aria-labelledby="cp-SearchTab-Site">
1318				
1319
1320<div id="divMainContentSearch">
1321	<!-- cp-search-resultsLoading -->
1322	<h2 class="visuallyhidden">Search Results</h2>
1323<div data-currentpage="1">
1324	<input id="UseAutoComplete" name="UseAutoComplete" type="hidden" value="True" />
1325
1326	<p class="cp-search-status">
1327	</p>
1328</div>
1329		</div>
1330<script type="text/javascript">
1331	$('#paginationOption').change(function () {
1332		loadSearchResultPageList(1, $('#paginationOption').val());
1333	});
1334
1335	var autoExpandAdvancedSearch = 'false';
1336	
1337	if (autoExpandAdvancedSearch == 'true') {
1338		$('.cp-search-advanced').attr('aria-expanded', 'true');
1339		$('.cp-search-advanced').removeClass('cp-search-advanced--hidden');
1340		$('#standardSearch').show();
1341		$('#advancedSearch').hide();
1342	}
1343
1344    //Remove invaild tag(strong) from href for search site result.
1345	$("a[href*='strong']").each(function () {
1346        var validHref = $(this).attr('href').replace(/<strong>/gi, '').replace(/<\/strong>/gi, '');
1347	    $(this).attr('href', validHref);
1348	});
1349
1350        $('input[type=radio][name=SearchCriteria]').unbind('change').change(function () {            
1351			loadCivicClerkIndexResults(0, 10);
1352		});
1353
1354            $('input[type=radio][name=MuniCodeSearchCriteria]').unbind('change').change(function () {
1355				loadMunicodeSearch(1, 10);
1356            });
1357
1358	$('.cp-Tabs-click-link').unbind('click').click(function (e) {
1359		var $this = $(this);
1360		loadTabResults($this);
1361		return false;
1362	});
1363</script>
1363
1364
1365			</div>
1366		</div>
1367	</div>
1368
1369	
1370	<div class="newCP">
1371
1372	</div>
1373</div>
1374</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent">	<div id="cca118f5d9-47d6-4740-a97c-f0aaa5888f8e" data-containerid="a118f5d9-47d6-4740-a97c-f0aaa5888f8e" class="pageContent cpGrid cpGrid24 showInMobile">
1375				                
1376
1377
1378
1379	</div>
1380</aside>
1381</div>
1382</div></div>
1383</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
1384<div class="siteWrap4"><div data-cpRole="contentContainer" id="gbsTS">	<div id="cc5eaad601-e4b6-4ae0-9f6b-7a17dec20be4" data-containerid="5eaad601-e4b6-4ae0-9f6b-7a17dec20be4" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35">
1385				                
1386
1387		<div class="row outer wide"><!--
1388--><div class="outer col col8 first" style="" data-widgetcontainerid="acf809c1-e901-4571-902a-4d1c1bd28a12">�				
1389	<div class="row nest first last wide">�
1390	
1391	<div class="inner col col8 first last id7f146f71-5330-4f78-ae2b-ee8acd1431b4" style="" data-widgetcontainerid="7f146f71-5330-4f78-ae2b-ee8acd1431b4">�	
1392<div data-widget-id="c8aee4bd-c943-4872-874a-d04d8bc077ca" data-widget-controller-path="/GraphicLinks/Widget">
1393
1394
1395
1396
1397<div id="graphicLinkWidgetc8aee4bd-c943-4872-874a-d04d8bc077ca" class="widget widgetGraphicLinks skin94 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:21em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1398	<div class="widgetHeader">
1399		<div class="">
1400				</div>
1401	</div>
1402	<div class="widgetBody cpGrid cpGrid2 ">
1403		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1404				<div class="row   wide">
1405					<!--
1406--><div class="col col1 first "><ul class="semanticList"><!--
1407	    --><li class="widgetItem GraphicLinks">
1408
1409<div>
1410	<a href="https://myaccount.pensacolaenergy.gov/" target="_blank" class="fancyButton fancyButton1856 "  aria-label="Pay Your Bill Opens in new window">
1411		<span>
1412			<span><span class="text">Pay Your Bill</span></span>
1413		</span>
1414	</a>
1415</div>
1416		<style scoped="scoped">.fancyButton1856.fancyButton:link,.fancyButton1856.fancyButton:visited, .fancyButton1856div.fancyButton{
1417	background-repeat: no-repeat;
1418	background-position: left top;
1419position: relative;
1420}
1421
1422.fancyButton1856:after {
1423content: "";
1424position: absolute;
1425background-color: #2F99D5;
1426border: solid 5px #FFF;
1427height: 120px;
1428width: 120px;
1429border-radius: 50%;
1430box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
1431top: 23px;
1432left: 50%;
1433transform: translateX(-50%);
1434transition: all .3s ease-in-out;
1435box-sizing: border-box;
1436}
1437
1438.fancyButton1856:before {
1439content: "";
1440position: absolute;
1441background: url(/ImageRepository/Document?documentID=28671) center no-repeat;
1442background-size: contain;
1443height: 0;
1444width: 0;
1445top: 83px;
1446left: 50%;
1447transform: translateX(-50%);
1448transition: all .3s ease-in-out;}
1449.fancyButton1856.fancyButton:hover,.fancyButton1856.fancyButton:focus,.fancyButton1856.fancyButton:active,.fancyButton1856.fancyButton.hover{
1450	background-repeat: no-repeat;
1451	background-position: left top;
1452}
1453
1454.fancyButton1856:is(:hover,:focus,:active):before {
1455top: 0;
1456height: 126px;
1457width: 162px;}
1458.fancyButton1856.fancyButton:link > span,.fancyButton1856.fancyButton:visited > span, .fancyButton1856div.fancyButton > span{
1459}
1460.fancyButton1856.fancyButton:hover > span,.fancyButton1856.fancyButton:focus > span,.fancyButton1856.fancyButton:active > span,.fancyButton1856.fancyButton.hover > span{
1461}
1462.fancyButton1856.fancyButton .text{
1463	color: rgb(50, 48, 39);
1464	font-size: 1.2em;
1465	font-family: "Inter";
1466	padding-top: 162px;
1467	font-weight: 500;
1468	text-decoration: none;
1469	padding-top: 162px;
1470	background-image: url('/ImageRepository/Document?documentID=28668');
1471	background-repeat: no-repeat;
1472	background-position: center 40px ;
1473position: relative;
1474z-index: 2;
1475line-height: 1.2;
1476background-size: 86px;
1477transition: all .3s ease-in-out;
1478-webkit-transition: all .3s ease-in-out;
1479}
1480.fancyButton1856.fancyButton:hover .text,.fancyButton1856.fancyButton:focus .text,.fancyButton1856.fancyButton:active .text,.fancyButton1856.fancyButton.hover .text{
1481	text-decoration: underline;
1482	background-repeat: no-repeat;
1483	background-position: center 35px ;
1484background-size: 96px;
1485}
1486</style>
1487
1488 </li><!--
1489--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1490	    --><li class="widgetItem GraphicLinks">
1491
1492<div>
1493	<a href="https://parkpensacola.com/" target="_self" class="fancyButton fancyButton1927 " >
1494		<span>
1495			<span><span class="text">Park Pensacola</span></span>
1496		</span>
1497	</a>
1498</div>
1499		<style scoped="scoped">.fancyButton1927.fancyButton:link,.fancyButton1927.fancyButton:visited, .fancyButton1927div.fancyButton{
1500	background-repeat: no-repeat;
1501	background-position: left top;
1502position: relative;
1503}
1504
1505.fancyButton1927:after {
1506content: "";
1507position: absolute;
1508background-color: #8B321C;
1509border: solid 5px #FFF;
1510height: 120px;
1511width: 120px;
1512border-radius: 50%;
1513box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
1514top: 23px;
1515left: 50%;
1516transform: translateX(-50%);
1517transition: all .3s ease-in-out;
1518box-sizing: border-box;
1519}
1520
1521.fancyButton1927:before {
1522content: "";
1523position: absolute;
1524background: url(/ImageRepository/Document?documentID=28673) center no-repeat;
1525background-size: contain;
1526height: 0;
1527width: 0;
1528top: 83px;
1529left: 50%;
1530transform: translateX(-50%);
1531transition: all .3s ease-in-out;}
1532.fancyButton1927.fancyButton:hover,.fancyButton1927.fancyButton:focus,.fancyButton1927.fancyButton:active,.fancyButton1927.fancyButton.hover{
1533	background-repeat: no-repeat;
1534	background-position: left top;
1535}
1536
1537.fancyButton1927:is(:hover,:focus,:active):before {
1538top: 0;
1539height: 126px;
1540width: 162px;}
1541.fancyButton1927.fancyButton:link > span,.fancyButton1927.fancyButton:visited > span, .fancyButton1927div.fancyButton > span{
1542}
1543.fancyButton1927.fancyButton:hover > span,.fancyButton1927.fancyButton:focus > span,.fancyButton1927.fancyButton:active > span,.fancyButton1927.fancyButton.hover > span{
1544}
1545.fancyButton1927.fancyButton .text{
1546	color: rgb(50, 48, 39);
1547	font-size: 1.2em;
1548	font-family: "Inter";
1549	padding-top: 162px;
1550	font-weight: 500;
1551	text-decoration: none;
1552	padding-top: 162px;
1553	background-image: url(/ImageRepository/Document?documentID=29146);
1554	background-repeat: no-repeat;
1555	background-position: center 40px ;
1556position: relative;
1557z-index: 2;
1558line-height: 1.2;
1559background-size: 86px;
1560transition: all .3s ease-in-out;
1561-webkit-transition: all .3s ease-in-out;
1562}
1563.fancyButton1927.fancyButton:hover .text,.fancyButton1927.fancyButton:focus .text,.fancyButton1927.fancyButton:active .text,.fancyButton1927.fancyButton.hover .text{
1564	text-decoration: underline;
1565	background-repeat: no-repeat;
1566	background-position: center 35px ;
1567background-size: 96px;
1568}
1569</style>
1570
1571 </li><!--
1572--></ul></div><!--				-->
1573				</div>
1574			</nav>
1575		</div>
1576	<div class="widgetFooter">
1577			</div>
1578</div>
1579</div>
1580
1581	</div> <!-- inner column -->
1582
1583	</div> <!-- inner row -->
1584
1585			</div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="05bac20f-887d-4e20-a855-3255836d15eb">�				
1586	<div class="row nest first last wide">�
1587	
1588	<div class="inner col col8 first last id8f9ec115-ad67-4636-af8c-3124c67e461f" style="" data-widgetcontainerid="8f9ec115-ad67-4636-af8c-3124c67e461f">�	
1589<div data-widget-id="550fb9f6-d2be-4a96-a499-cc547d6a7f73" data-widget-controller-path="/GraphicLinks/Widget">
1590
1591
1592
1593
1594<div id="graphicLinkWidget550fb9f6-d2be-4a96-a499-cc547d6a7f73" class="widget widgetGraphicLinks skin94 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:21em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1595	<div class="widgetHeader">
1596		<div class="">
1597				</div>
1598	</div>
1599	<div class="widgetBody cpGrid cpGrid2 ">
1600		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1601				<div class="row   wide">
1602					<!--
1603--><div class="col col1 first "><ul class="semanticList"><!--
1604	    --><li class="widgetItem GraphicLinks">
1605
1606<div>
1607	<a href="https://www.governmentjobs.com/careers/pensacola" target="_self" class="fancyButton fancyButton1858 " >
1608		<span>
1609			<span><span class="text">Jobs</span></span>
1610		</span>
1611	</a>
1612</div>
1613		<style scoped="scoped">.fancyButton1858.fancyButton:link,.fancyButton1858.fancyButton:visited, .fancyButton1858div.fancyButton{
1614	background-repeat: no-repeat;
1615	background-position: left top;
1616position: relative;
1617}
1618
1619.fancyButton1858:after {
1620content: "";
1621position: absolute;
1622background-color: #7FBC42;
1623border: solid 5px #FFF;
1624height: 120px;
1625width: 120px;
1626border-radius: 50%;
1627box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
1628top: 23px;
1629left: 50%;
1630transform: translateX(-50%);
1631transition: all .3s ease-in-out;
1632box-sizing: border-box;
1633}
1634
1635.fancyButton1858:before {
1636content: "";
1637position: absolute;
1638background: url(/ImageRepository/Document?documentID=28672) center no-repeat;
1639background-size: contain;
1640height: 0;
1641width: 0;
1642top: 83px;
1643left: 50%;
1644transform: translateX(-50%);
1645transition: all .3s ease-in-out;}
1646.fancyButton1858.fancyButton:hover,.fancyButton1858.fancyButton:focus,.fancyButton1858.fancyButton:active,.fancyButton1858.fancyButton.hover{
1647	background-repeat: no-repeat;
1648	background-position: left top;
1649}
1650
1651.fancyButton1858:is(:hover,:focus,:active):before {
1652top: 0;
1653height: 126px;
1654width: 162px;}
1655.fancyButton1858.fancyButton:link > span,.fancyButton1858.fancyButton:visited > span, .fancyButton1858div.fancyButton > span{
1656}
1657.fancyButton1858.fancyButton:hover > span,.fancyButton1858.fancyButton:focus > span,.fancyButton1858.fancyButton:active > span,.fancyButton1858.fancyButton.hover > span{
1658}
1659.fancyButton1858.fancyButton .text{
1660	color: rgb(50, 48, 39);
1661	font-size: 1.2em;
1662	font-family: "Inter";
1663	padding-top: 162px;
1664	font-weight: 500;
1665	text-decoration: none;
1666	padding-top: 162px;
1667	background-image: url('/ImageRepository/Document?documentID=28665');
1668	background-repeat: no-repeat;
1669	background-position: center 40px ;
1670position: relative;
1671z-index: 2;
1672line-height: 1.2;
1673background-size: 86px;
1674transition: all .3s ease-in-out;
1675-webkit-transition: all .3s ease-in-out;
1676}
1677.fancyButton1858.fancyButton:hover .text,.fancyButton1858.fancyButton:focus .text,.fancyButton1858.fancyButton:active .text,.fancyButton1858.fancyButton.hover .text{
1678	text-decoration: underline;
1679	background-repeat: no-repeat;
1680	background-position: center 35px ;
1681background-size: 96px;
1682}
1683</style>
1684
1685 </li><!--
1686--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1687	    --><li class="widgetItem GraphicLinks">
1688
1689<div>
1690	<a href="https://www.mgoconnect.org/cp/home?returnUrl=%2Fcp%2Fportal" target="_blank" class="fancyButton fancyButton1859 "  aria-label="Permitting Opens in new window">
1691		<span>
1692			<span><span class="text">Permitting</span></span>
1693		</span>
1694	</a>
1695</div>
1696		<style scoped="scoped">.fancyButton1859.fancyButton:link,.fancyButton1859.fancyButton:visited, .fancyButton1859div.fancyButton{
1697	background-repeat: no-repeat;
1698	background-position: left top;
1699position: relative;
1700}
1701
1702.fancyButton1859:after {
1703content: "";
1704position: absolute;
1705background-color: #FEC025;
1706border: solid 5px #FFF;
1707height: 120px;
1708width: 120px;
1709border-radius: 50%;
1710box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
1711top: 23px;
1712left: 50%;
1713transform: translateX(-50%);
1714transition: all .3s ease-in-out;
1715box-sizing: border-box;
1716}
1717
1718.fancyButton1859:before {
1719content: "";
1720position: absolute;
1721background: url(/ImageRepository/Document?documentID=28676) center no-repeat;
1722background-size: contain;
1723height: 0;
1724width: 0;
1725top: 83px;
1726left: 50%;
1727transform: translateX(-50%);
1728transition: all .3s ease-in-out;}
1729.fancyButton1859.fancyButton:hover,.fancyButton1859.fancyButton:focus,.fancyButton1859.fancyButton:active,.fancyButton1859.fancyButton.hover{
1730	background-repeat: no-repeat;
1731	background-position: left top;
1732}
1733
1734.fancyButton1859:is(:hover,:focus,:active):before {
1735top: 0;
1736height: 126px;
1737width: 162px;}
1738.fancyButton1859.fancyButton:link > span,.fancyButton1859.fancyButton:visited > span, .fancyButton1859div.fancyButton > span{
1739}
1740.fancyButton1859.fancyButton:hover > span,.fancyButton1859.fancyButton:focus > span,.fancyButton1859.fancyButton:active > span,.fancyButton1859.fancyButton.hover > span{
1741}
1742.fancyButton1859.fancyButton .text{
1743	color: rgb(50, 48, 39);
1744	font-size: 1.2em;
1745	font-family: "Inter";
1746	padding-top: 162px;
1747	font-weight: 500;
1748	text-decoration: none;
1749	padding-top: 162px;
1750	background-image: url('/ImageRepository/Document?documentID=28670');
1751	background-repeat: no-repeat;
1752	background-position: center 40px ;
1753position: relative;
1754z-index: 2;
1755line-height: 1.2;
1756background-size: 86px;
1757transition: all .3s ease-in-out;
1758-webkit-transition: all .3s ease-in-out;
1759}
1760.fancyButton1859.fancyButton:hover .text,.fancyButton1859.fancyButton:focus .text,.fancyButton1859.fancyButton:active .text,.fancyButton1859.fancyButton.hover .text{
1761	text-decoration: underline;
1762	background-repeat: no-repeat;
1763	background-position: center 35px ;
1764background-size: 96px;
1765}
1766</style>
1767
1768 </li><!--
1769--></ul></div><!--				-->
1770				</div>
1771			</nav>
1772		</div>
1773	<div class="widgetFooter">
1774			</div>
1775</div>
1776</div>
1777
1778	</div> <!-- inner column -->
1779
1780	</div> <!-- inner row -->
1781
1782			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="1cafd1aa-8b0c-44ab-9975-3f47f5857d1d">�				
1783	<div class="row nest first last wide">�
1784	
1785	<div class="inner col col8 first last idfde0c2d0-50ab-4464-b5c6-885e2f419f49" style="" data-widgetcontainerid="fde0c2d0-50ab-4464-b5c6-885e2f419f49">�	
1786<div data-widget-id="2792914b-27c8-497a-9c6e-169f7d2a5f85" data-widget-controller-path="/GraphicLinks/Widget">
1787
1788
1789
1790
1791<div id="graphicLinkWidget2792914b-27c8-497a-9c6e-169f7d2a5f85" class="widget widgetGraphicLinks skin94 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:21em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1792	<div class="widgetHeader">
1793		<div class="">
1794				</div>
1795	</div>
1796	<div class="widgetBody cpGrid cpGrid2 ">
1797		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1798				<div class="row   wide">
1799					<!--
1800--><div class="col col1 first "><ul class="semanticList"><!--
1801	    --><li class="widgetItem GraphicLinks">
1802
1803<div>
1804	<a href="/428/Live-Meeting-Video" target="_self" class="fancyButton fancyButton1860 " >
1805		<span>
1806			<span><span class="text">Live Video</span></span>
1807		</span>
1808	</a>
1809</div>
1810		<style scoped="scoped">.fancyButton1860.fancyButton:link,.fancyButton1860.fancyButton:visited, .fancyButton1860div.fancyButton{
1811	background-repeat: no-repeat;
1812	background-position: left top;
1813position: relative;
1814}
1815
1816.fancyButton1860:after {
1817content: "";
1818position: absolute;
1819background-color: #F8A277;
1820border: solid 5px #FFF;
1821height: 120px;
1822width: 120px;
1823border-radius: 50%;
1824box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
1825top: 23px;
1826left: 50%;
1827transform: translateX(-50%);
1828transition: all .3s ease-in-out;
1829box-sizing: border-box;
1830}
1831
1832.fancyButton1860:before {
1833content: "";
1834position: absolute;
1835background: url(/ImageRepository/Document?documentID=28674) center no-repeat;
1836background-size: contain;
1837height: 0;
1838width: 0;
1839top: 83px;
1840left: 50%;
1841transform: translateX(-50%);
1842transition: all .3s ease-in-out;}
1843.fancyButton1860.fancyButton:hover,.fancyButton1860.fancyButton:focus,.fancyButton1860.fancyButton:active,.fancyButton1860.fancyButton.hover{
1844	background-repeat: no-repeat;
1845	background-position: left top;
1846}
1847
1848.fancyButton1860:is(:hover,:focus,:active):before {
1849top: 0;
1850height: 126px;
1851width: 162px;}
1852.fancyButton1860.fancyButton:link > span,.fancyButton1860.fancyButton:visited > span, .fancyButton1860div.fancyButton > span{
1853}
1854.fancyButton1860.fancyButton:hover > span,.fancyButton1860.fancyButton:focus > span,.fancyButton1860.fancyButton:active > span,.fancyButton1860.fancyButton.hover > span{
1855}
1856.fancyButton1860.fancyButton .text{
1857	color: rgb(50, 48, 39);
1858	font-size: 1.2em;
1859	font-family: "Inter";
1860	padding-top: 162px;
1861	font-weight: 500;
1862	text-decoration: none;
1863	padding-top: 162px;
1864	background-image: url('/ImageRepository/Document?documentID=28666');
1865	background-repeat: no-repeat;
1866	background-position: center 40px ;
1867position: relative;
1868z-index: 2;
1869line-height: 1.2;
1870background-size: 86px;
1871transition: all .3s ease-in-out;
1872-webkit-transition: all .3s ease-in-out;
1873}
1874.fancyButton1860.fancyButton:hover .text,.fancyButton1860.fancyButton:focus .text,.fancyButton1860.fancyButton:active .text,.fancyButton1860.fancyButton.hover .text{
1875	text-decoration: underline;
1876	background-repeat: no-repeat;
1877	background-position: center 35px ;
1878background-size: 96px;
1879}
1880</style>
1881
1882 </li><!--
1883--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1884	    --><li class="widgetItem GraphicLinks">
1885
1886<div>
1887	<a href="/290/Pensacola-311-Citizen-Support" target="_self" class="fancyButton fancyButton1928 " >
1888		<span>
1889			<span><span class="text">Pensacola 311</span></span>
1890		</span>
1891	</a>
1892</div>
1893		<style scoped="scoped">.fancyButton1928.fancyButton:link,.fancyButton1928.fancyButton:visited, .fancyButton1928div.fancyButton{
1894	background-repeat: no-repeat;
1895	background-position: left top;
1896position: relative;
1897}
1898
1899.fancyButton1928:after {
1900content: "";
1901position: absolute;
1902background-color: #2ABEC3;
1903border: solid 5px #FFF;
1904height: 120px;
1905width: 120px;
1906border-radius: 50%;
1907box-shadow: rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, rgba(0, 0, 0, 0.05) 0px 4px 6px -2px, inset rgba(0, 0, 0, 0.1) 0px 10px 15px -3px, inset rgba(0, 0, 0, 0.05) 0px 4px 6px -2px;
1908top: 23px;
1909left: 50%;
1910transform: translateX(-50%);
1911transition: all .3s ease-in-out;
1912box-sizing: border-box;
1913}
1914
1915.fancyButton1928:before {
1916content: "";
1917position: absolute;
1918background: url(/ImageRepository/Document?documentID=28675) center no-repeat;
1919background-size: contain;
1920height: 0;
1921width: 0;
1922top: 83px;
1923left: 50%;
1924transform: translateX(-50%);
1925transition: all .3s ease-in-out;}
1926.fancyButton1928.fancyButton:hover,.fancyButton1928.fancyButton:focus,.fancyButton1928.fancyButton:active,.fancyButton1928.fancyButton.hover{
1927	background-repeat: no-repeat;
1928	background-position: left top;
1929}
1930
1931.fancyButton1928:is(:hover,:focus,:active):before {
1932top: 0;
1933height: 126px;
1934width: 162px;}
1935.fancyButton1928.fancyButton:link > span,.fancyButton1928.fancyButton:visited > span, .fancyButton1928div.fancyButton > span{
1936}
1937.fancyButton1928.fancyButton:hover > span,.fancyButton1928.fancyButton:focus > span,.fancyButton1928.fancyButton:active > span,.fancyButton1928.fancyButton.hover > span{
1938}
1939.fancyButton1928.fancyButton .text{
1940	color: rgb(50, 48, 39);
1941	font-size: 1.2em;
1942	font-family: "Inter";
1943	padding-top: 162px;
1944	font-weight: 500;
1945	text-decoration: none;
1946	padding-top: 162px;
1947	background-image: url(/ImageRepository/Document?documentID=28669);
1948	background-repeat: no-repeat;
1949	background-position: center 40px ;
1950position: relative;
1951z-index: 2;
1952line-height: 1.2;
1953background-size: 86px;
1954transition: all .3s ease-in-out;
1955-webkit-transition: all .3s ease-in-out;
1956}
1957.fancyButton1928.fancyButton:hover .text,.fancyButton1928.fancyButton:focus .text,.fancyButton1928.fancyButton:active .text,.fancyButton1928.fancyButton.hover .text{
1958	text-decoration: underline;
1959	background-repeat: no-repeat;
1960	background-position: center 35px ;
1961background-size: 96px;
1962}
1963</style>
1964
1965 </li><!--
1966--></ul></div><!--				-->
1967				</div>
1968			</nav>
1969		</div>
1970	<div class="widgetFooter">
1971			</div>
1972</div>
1973</div>
1974
1975	</div> <!-- inner column -->
1976
1977	</div> <!-- inner row -->
1978
1979			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1980
1981
1982	</div>
1983</div></div>
1984</div>
1985</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1">
1986    <div class="siteWrap4">
1987      <div data-cpRole="contentContainer" id="homeContent1a"></div>
1988    </div>
1989  </div> --><!-- Footer --><div data-cpRole="structuralContainer" id="footerOverlayTS">
1990<div data-cpRole="structuralContainer" id="upperFooterTS">
1991<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerLogosTS">	<div id="ccd71034b4-9050-4973-a1aa-4a1697a5fa90" data-containerid="d71034b4-9050-4973-a1aa-4a1697a5fa90" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
1992				                
1993
1994		<div class="row outer wide"><!--
1995--><div class="outer col col24 first last" style="" data-widgetcontainerid="29804b51-2608-46a8-903f-719bd558f19a">�				
1996	<div class="row nest first last wide">�
1997	
1998	<div class="inner col col24 first last id47b8076b-d169-4f3f-bfa6-82e8e1a5bedd" style="" data-widgetcontainerid="47b8076b-d169-4f3f-bfa6-82e8e1a5bedd">�	
1999<div data-widget-id="9213ff1b-e8cd-435c-93eb-a9a8088fcb97" data-widget-controller-path="/GraphicLinks/Widget">
2000
2001
2002
2003
2004<div id="graphicLinkWidget9213ff1b-e8cd-435c-93eb-a9a8088fcb97" class="widget widgetGraphicLinks skin103 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:73em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2005	<div class="widgetHeader">
2006		<div class="">
2007				</div>
2008	</div>
2009	<div class="widgetBody cpGrid cpGrid5 ">
2010		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2011				<div class="row   wide">
2012					<!--
2013--><div class="col col1 first "><ul class="semanticList"><!--
2014	    --><li class="widgetItem GraphicLinks">
2015
2016<div>
2017	<a href="https://www.cityofpensacola.com/132/Parks-Recreation" target="_self" class="fancyButton fancyButton1885 " >
2018		<span>
2019			<span><span class="text"><br></span></span>
2020		</span>
2021	</a>
2022</div>
2023		<style scoped="scoped">.fancyButton1885.fancyButton:link,.fancyButton1885.fancyButton:visited, .fancyButton1885div.fancyButton{
2024	padding-top: 20px;
2025	padding-bottom: 20px;
2026	padding-right: 20px;
2027	padding-left: 20px;
2028	background-image: url('/ImageRepository/Document?documentID=28707');
2029	background-repeat: no-repeat;
2030	background-position: center center;
2031max-width: 275px;
2032height: 200px;
2033background-size: cover;
2034margin: 0 auto;
2035position: relative;
2036display: grid;
2037border-radius: 20px;
2038overflow: hidden;
2039}
2040
2041.fancyButton1885:before {
2042content: "";
2043position: absolute;
2044background: rgba(0, 0, 0, 0.35);
2045height: 100%;
2046width: 100%;
2047left: 0;
2048top: 0;}
2049.fancyButton1885.fancyButton:hover,.fancyButton1885.fancyButton:focus,.fancyButton1885.fancyButton:active,.fancyButton1885.fancyButton.hover{
2050	background-repeat: no-repeat;
2051	background-position: center center;
2052}
2053.fancyButton1885.fancyButton:link > span,.fancyButton1885.fancyButton:visited > span, .fancyButton1885div.fancyButton > span{
2054}
2055.fancyButton1885.fancyButton:hover > span,.fancyButton1885.fancyButton:focus > span,.fancyButton1885.fancyButton:active > span,.fancyButton1885.fancyButton.hover > span{
2056}
2057.fancyButton1885.fancyButton .text{
2058	text-decoration: none;
2059	background-image: url('/ImageRepository/Document?documentID=28954');
2060	background-repeat: no-repeat;
2061	background-position: center center;
2062position: relative;
2063z-index: 2;
2064background-size: contain;
2065}
2066.fancyButton1885.fancyButton:hover .text,.fancyButton1885.fancyButton:focus .text,.fancyButton1885.fancyButton:active .text,.fancyButton1885.fancyButton.hover .text{
2067	text-decoration: none;
2068	background-repeat: no-repeat;
2069	background-position: center center;
2070
2071
2072}
2073</style>
2074
2075 </li><!--
2076--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
2077	    --><li class="widgetItem GraphicLinks">
2078
2079<div>
2080	<a href="https://www.pensacolaforward.com/cra/community-redevelopment/" target="_self" class="fancyButton fancyButton1886 " >
2081		<span>
2082			<span><span class="text"><br></span></span>
2083		</span>
2084	</a>
2085</div>
2086		<style scoped="scoped">.fancyButton1886.fancyButton:link,.fancyButton1886.fancyButton:visited, .fancyButton1886div.fancyButton{
2087	padding-top: 20px;
2088	padding-bottom: 20px;
2089	padding-right: 20px;
2090	padding-left: 20px;
2091	background-image: url('/ImageRepository/Document?documentID=28730');
2092	background-repeat: no-repeat;
2093	background-position: center center;
2094max-width: 275px;
2095height: 200px;
2096background-size: cover;
2097margin: 0 auto;
2098position: relative;
2099display: grid;
2100border-radius: 20px;
2101overflow: hidden;
2102}
2103
2104.fancyButton1886:before {
2105content: "";
2106position: absolute;
2107background: rgba(0, 0, 0, 0.35);
2108height: 100%;
2109width: 100%;
2110left: 0;
2111top: 0;}
2112.fancyButton1886.fancyButton:hover,.fancyButton1886.fancyButton:focus,.fancyButton1886.fancyButton:active,.fancyButton1886.fancyButton.hover{
2113	background-repeat: no-repeat;
2114	background-position: center center;
2115}
2116.fancyButton1886.fancyButton:link > span,.fancyButton1886.fancyButton:visited > span, .fancyButton1886div.fancyButton > span{
2117}
2118.fancyButton1886.fancyButton:hover > span,.fancyButton1886.fancyButton:focus > span,.fancyButton1886.fancyButton:active > span,.fancyButton1886.fancyButton.hover > span{
2119}
2120.fancyButton1886.fancyButton .text{
2121	text-decoration: none;
2122	background-image: url('/ImageRepository/Document?documentID=28902');
2123	background-repeat: no-repeat;
2124	background-position: center center;
2125position: relative;
2126z-index: 2;
2127background-size: contain;
2128}
2129.fancyButton1886.fancyButton:hover .text,.fancyButton1886.fancyButton:focus .text,.fancyButton1886.fancyButton:active .text,.fancyButton1886.fancyButton.hover .text{
2130	text-decoration: none;
2131	background-repeat: no-repeat;
2132	background-position: center center;
2133
2134
2135}
2136</style>
2137
2138 </li><!--
2139--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
2140	    --><li class="widgetItem GraphicLinks">
2141
2142<div>
2143	<a href="https://flypensacola.com" target="_self" class="fancyButton fancyButton1887 " >
2144		<span>
2145			<span><span class="text"><br></span></span>
2146		</span>
2147	</a>
2148</div>
2149		<style scoped="scoped">.fancyButton1887.fancyButton:link,.fancyButton1887.fancyButton:visited, .fancyButton1887div.fancyButton{
2150	padding-top: 20px;
2151	padding-bottom: 20px;
2152	padding-right: 20px;
2153	padding-left: 20px;
2154	background-image: url('/ImageRepository/Document?documentID=28728');
2155	background-repeat: no-repeat;
2156	background-position: center center;
2157max-width: 275px;
2158height: 200px;
2159background-size: cover;
2160margin: 0 auto;
2161position: relative;
2162display: grid;
2163border-radius: 20px;
2164overflow: hidden;
2165}
2166
2167.fancyButton1887:before {
2168content: "";
2169position: absolute;
2170background: rgba(0, 0, 0, 0.35);
2171height: 100%;
2172width: 100%;
2173left: 0;
2174top: 0;}
2175.fancyButton1887.fancyButton:hover,.fancyButton1887.fancyButton:focus,.fancyButton1887.fancyButton:active,.fancyButton1887.fancyButton.hover{
2176	background-repeat: no-repeat;
2177	background-position: center center;
2178}
2179.fancyButton1887.fancyButton:link > span,.fancyButton1887.fancyButton:visited > span, .fancyButton1887div.fancyButton > span{
2180}
2181.fancyButton1887.fancyButton:hover > span,.fancyButton1887.fancyButton:focus > span,.fancyButton1887.fancyButton:active > span,.fancyButton1887.fancyButton.hover > span{
2182}
2183.fancyButton1887.fancyButton .text{
2184	text-decoration: none;
2185	background-image: url('/ImageRepository/Document?documentID=28905');
2186	background-repeat: no-repeat;
2187	background-position: center center;
2188position: relative;
2189z-index: 2;
2190background-size: contain;
2191}
2192.fancyButton1887.fancyButton:hover .text,.fancyButton1887.fancyButton:focus .text,.fancyButton1887.fancyButton:active .text,.fancyButton1887.fancyButton.hover .text{
2193	text-decoration: none;
2194	background-repeat: no-repeat;
2195	background-position: center center;
2196
2197
2198}
2199</style>
2200
2201 </li><!--
2202--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
2203	    --><li class="widgetItem GraphicLinks">
2204
2205<div>
2206	<a href="/683/Port-of-Pensacola" target="_self" class="fancyButton fancyButton1888 " >
2207		<span>
2208			<span><span class="text"><br></span></span>
2209		</span>
2210	</a>
2211</div>
2212		<style scoped="scoped">.fancyButton1888.fancyButton:link,.fancyButton1888.fancyButton:visited, .fancyButton1888div.fancyButton{
2213	padding-top: 20px;
2214	padding-bottom: 20px;
2215	padding-right: 20px;
2216	padding-left: 20px;
2217	background-image: url('/ImageRepository/Document?documentID=28731');
2218	background-repeat: no-repeat;
2219	background-position: center center;
2220max-width: 275px;
2221height: 200px;
2222background-size: cover;
2223margin: 0 auto;
2224position: relative;
2225display: grid;
2226border-radius: 20px;
2227overflow: hidden;
2228}
2229
2230.fancyButton1888:before {
2231content: "";
2232position: absolute;
2233background: rgba(0, 0, 0, 0.35);
2234height: 100%;
2235width: 100%;
2236left: 0;
2237top: 0;}
2238.fancyButton1888.fancyButton:hover,.fancyButton1888.fancyButton:focus,.fancyButton1888.fancyButton:active,.fancyButton1888.fancyButton.hover{
2239	background-repeat: no-repeat;
2240	background-position: center center;
2241}
2242.fancyButton1888.fancyButton:link > span,.fancyButton1888.fancyButton:visited > span, .fancyButton1888div.fancyButton > span{
2243}
2244.fancyButton1888.fancyButton:hover > span,.fancyButton1888.fancyButton:focus > span,.fancyButton1888.fancyButton:active > span,.fancyButton1888.fancyButton.hover > span{
2245}
2246.fancyButton1888.fancyButton .text{
2247	text-decoration: none;
2248	background-image: url('/ImageRepository/Document?documentID=28904');
2249	background-repeat: no-repeat;
2250	background-position: center center;
2251position: relative;
2252z-index: 2;
2253background-size: contain;
2254}
2255.fancyButton1888.fancyButton:hover .text,.fancyButton1888.fancyButton:focus .text,.fancyButton1888.fancyButton:active .text,.fancyButton1888.fancyButton.hover .text{
2256	text-decoration: none;
2257	background-repeat: no-repeat;
2258	background-position: center center;
2259
2260
2261}
2262</style>
2263
2264 </li><!--
2265--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2266	    --><li class="widgetItem GraphicLinks">
2267
2268<div>
2269	<a href="https://pensacolaenergy.com/" target="_self" class="fancyButton fancyButton1889 " >
2270		<span>
2271			<span><span class="text"><br></span></span>
2272		</span>
2273	</a>
2274</div>
2275		<style scoped="scoped">.fancyButton1889.fancyButton:link,.fancyButton1889.fancyButton:visited, .fancyButton1889div.fancyButton{
2276	padding-top: 20px;
2277	padding-bottom: 20px;
2278	padding-right: 20px;
2279	padding-left: 20px;
2280	background-image: url('/ImageRepository/Document?documentID=28729');
2281	background-repeat: no-repeat;
2282	background-position: center center;
2283max-width: 275px;
2284height: 200px;
2285background-size: cover;
2286margin: 0 auto;
2287position: relative;
2288display: grid;
2289border-radius: 20px;
2290overflow: hidden;
2291}
2292
2293.fancyButton1889:before {
2294content: "";
2295position: absolute;
2296background: rgba(0, 0, 0, 0.35);
2297height: 100%;
2298width: 100%;
2299left: 0;
2300top: 0;}
2301.fancyButton1889.fancyButton:hover,.fancyButton1889.fancyButton:focus,.fancyButton1889.fancyButton:active,.fancyButton1889.fancyButton.hover{
2302	background-repeat: no-repeat;
2303	background-position: center center;
2304}
2305.fancyButton1889.fancyButton:link > span,.fancyButton1889.fancyButton:visited > span, .fancyButton1889div.fancyButton > span{
2306}
2307.fancyButton1889.fancyButton:hover > span,.fancyButton1889.fancyButton:focus > span,.fancyButton1889.fancyButton:active > span,.fancyButton1889.fancyButton.hover > span{
2308}
2309.fancyButton1889.fancyButton .text{
2310	text-decoration: none;
2311	background-image: url('/ImageRepository/Document?documentID=28903');
2312	background-repeat: no-repeat;
2313	background-position: center center;
2314position: relative;
2315z-index: 2;
2316background-size: contain;
2317}
2318.fancyButton1889.fancyButton:hover .text,.fancyButton1889.fancyButton:focus .text,.fancyButton1889.fancyButton:active .text,.fancyButton1889.fancyButton.hover .text{
2319	text-decoration: none;
2320	background-repeat: no-repeat;
2321	background-position: center center;
2322
2323
2324}
2325</style>
2326
2327 </li><!--
2328--></ul></div><!--				-->
2329				</div>
2330			</nav>
2331		</div>
2332	<div class="widgetFooter">
2333			</div>
2334</div>
2335</div>
2336
2337	</div> <!-- inner column -->
2338
2339	</div> <!-- inner row -->
2340
2341			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2342
2343
2344	</div>
2345</div></div>
2346</div><footer data-cpRole="structuralContainer" id="footerContainerTS">
2347<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerTS">	<div id="ccd07f940e-8975-411b-a5e2-f80faa3beecc" data-containerid="d07f940e-8975-411b-a5e2-f80faa3beecc" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="70">
2348				                
2349
2350		<div class="row outer wide"><!--
2351--><div class="outer col col3 first" style="" data-widgetcontainerid="e5500f6f-ee22-41f1-93c6-28f43770601a">�				
2352	<div class="row nest first last wide">�
2353	
2354	<div class="inner col col3 first last idfc8c0307-706b-4beb-8f82-bfeda7d51ef7" style="" data-widgetcontainerid="fc8c0307-706b-4beb-8f82-bfeda7d51ef7">�	
2355    <div data-widget-id="d0a9e269-b5ef-4dee-b6fa-3a5367a14f92" data-widget-controller-path="/InfoAdvanced/Widget">
2356
2357
2358
2359
2360
2361	<section id="divInfoAdvd0a9e269-b5ef-4dee-b6fa-3a5367a14f92" class="widget widgetInfoAdvanced skin93 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerd0a9e269-b5ef-4dee-b6fa-3a5367a14f92">
2362			<header class="widgetHeader" id="headerd0a9e269-b5ef-4dee-b6fa-3a5367a14f92">
2363		<div class="">
2364					<h3 >Contact Us</h3>
2365								</div>
2366	</header>
2367	<div class="widgetBody  cpGrid cpGrid1 ">
2368		<div class="row  wide">
2369					<div class="col col1 first last">
2370						<ol class="pageStyles semanticList">
2371
2372<li class="InfoAdvanced widgetItem fr-view">
2373	<p>222 W Main Street</p>
2374</li>
2375<li class="InfoAdvanced widgetItem fr-view">
2376	<p>Pensacola, FL 32502</p>
2377</li>
2378<li class="InfoAdvanced widgetItem fr-view">
2379	<p>Main: <a href="tel:8504351603">850-435-1603</a></p>
2380</li>
2381<li class="InfoAdvanced widgetItem fr-view">
2382	<p>Phone: 311 or <a href="tel:8504365555">850-436-5555</a></p>
2383</li>
2384<li class="InfoAdvanced widgetItem fr-view">
2385	<p>Fax: 850-435-1611</p>
2386</li>
2387<li class="InfoAdvanced widgetItem fr-view">
2388	<p>TTY/D: <a href="tel:8504351666">850-435-1666</a></p><p><br></p>
2389</li>
2390<li class="InfoAdvanced widgetItem fr-view">
2391	<p><a href="/directory.aspx">Staff Directory</a></p>
2392</li>						</ol>
2393					</div>
2394		</div>
2395	</div>
2396	<div class="widgetFooter">
2397
2398	</div>
2399
2400	</section>
2401
2402
2403
2404<script type="text/javascript">
2405	//Render slideshow if info advacned items contain one.
2406	$(document).ready(function (e) {
2407		$('#divInfoAdvd0a9e269-b5ef-4dee-b6fa-3a5367a14f92 .InfoAdvanced.widgetItem').each(function () {
2408			renderSlideshowIfApplicable($(this));		
2409		});
2410	});
2411</script>
2411</div>
2412	</div> <!-- inner column -->
2413
2414	</div> <!-- inner row -->
2415
2416			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="7b5d01e6-75f0-4b16-ad77-e293e400d934">�				
2417	<div class="row nest first last wide">�
2418	
2419	<div class="inner col col1 first last id44401513-0b6a-4e72-be7c-b22cf8f353f5" style="" data-widgetcontainerid="44401513-0b6a-4e72-be7c-b22cf8f353f5">�	
2420
2421<div class="widget widgetSpacer" id="1ded3685-eb07-41cc-a920-8d8570a9946f"></div>
2422	</div> <!-- inner column -->
2423
2424	</div> <!-- inner row -->
2425
2426			</div><!-- outer column --><!----><div class="outer col col3" style="" data-widgetcontainerid="d7fcd383-ef91-4149-8302-331b698ecb1c">�				
2427	<div class="row nest first last wide">�
2428	
2429	<div class="inner col col3 first last idfc6ae411-45db-479f-8253-4f3c0ef7ec30" style="" data-widgetcontainerid="fc6ae411-45db-479f-8253-4f3c0ef7ec30">�	
2430<div data-widget-id="4eb2224c-2165-49f0-845c-3f367198eada" data-widget-controller-path="/GraphicLinks/Widget">
2431
2432
2433
2434
2435<div id="graphicLinkWidget4eb2224c-2165-49f0-845c-3f367198eada" class="widget widgetGraphicLinks skin93 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2436	<div class="widgetHeader">
2437		<div class="">
2438			<h3 id="GraphicLinkHeaderText" class="" >Social Media</h3>
2439				</div>
2440	</div>
2441	<div class="widgetBody cpGrid cpGrid1 ">
2442		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2443					<ul class="semanticList">
2444						<!--
2445	    --><li class="widgetItem GraphicLinks">
2446
2447<div>
2448	<a href="https://www.facebook.com/cityofpensacola" target="_self" class="fancyButton fancyButton1877 " >
2449		<span>
2450			<span><span class="text">Facebook</span></span>
2451		</span>
2452	</a>
2453</div>
2454		<style scoped="scoped">.fancyButton1877.fancyButton:link,.fancyButton1877.fancyButton:visited, .fancyButton1877div.fancyButton{
2455	padding-left: 28px;
2456	background-image: url('/ImageRepository/Document?documentID=28710');
2457	background-repeat: no-repeat;
2458	background-position: left center;
2459background-size: 18px;
2460width: fit-content;}
2461.fancyButton1877.fancyButton:hover,.fancyButton1877.fancyButton:focus,.fancyButton1877.fancyButton:active,.fancyButton1877.fancyButton.hover{
2462	background-repeat: no-repeat;
2463	background-position: left center;
2464}
2465.fancyButton1877.fancyButton:link > span,.fancyButton1877.fancyButton:visited > span, .fancyButton1877div.fancyButton > span{
2466}
2467.fancyButton1877.fancyButton:hover > span,.fancyButton1877.fancyButton:focus > span,.fancyButton1877.fancyButton:active > span,.fancyButton1877.fancyButton.hover > span{
2468}
2469.fancyButton1877.fancyButton .text{
2470	color: rgb(255, 255, 255);
2471	font-family: "Inter";
2472	text-align: left;
2473	font-style: normal;
2474	text-decoration: none;
2475	background-repeat: no-repeat;
2476	background-position: left top;
2477
2478
2479}
2480.fancyButton1877.fancyButton:hover .text,.fancyButton1877.fancyButton:focus .text,.fancyButton1877.fancyButton:active .text,.fancyButton1877.fancyButton.hover .text{
2481	text-decoration: underline;
2482	background-repeat: no-repeat;
2483	background-position: left top;
2484
2485
2486}
2487</style>
2488
2489 </li><!--
2490	    --><li class="widgetItem GraphicLinks">
2491
2492<div>
2493	<a href="https://cityofpensacola.com/instagram" target="_self" class="fancyButton fancyButton1880 " >
2494		<span>
2495			<span><span class="text">Instagram</span></span>
2496		</span>
2497	</a>
2498</div>
2499		<style scoped="scoped">.fancyButton1880.fancyButton:link,.fancyButton1880.fancyButton:visited, .fancyButton1880div.fancyButton{
2500	padding-left: 28px;
2501	background-image: url('/ImageRepository/Document?documentID=28711');
2502	background-repeat: no-repeat;
2503	background-position: left center;
2504background-size: 18px;
2505width: fit-content;}
2506.fancyButton1880.fancyButton:hover,.fancyButton1880.fancyButton:focus,.fancyButton1880.fancyButton:active,.fancyButton1880.fancyButton.hover{
2507	background-repeat: no-repeat;
2508	background-position: left center;
2509}
2510.fancyButton1880.fancyButton:link > span,.fancyButton1880.fancyButton:visited > span, .fancyButton1880div.fancyButton > span{
2511}
2512.fancyButton1880.fancyButton:hover > span,.fancyButton1880.fancyButton:focus > span,.fancyButton1880.fancyButton:active > span,.fancyButton1880.fancyButton.hover > span{
2513}
2514.fancyButton1880.fancyButton .text{
2515	color: rgb(255, 255, 255);
2516	font-family: "Inter";
2517	text-align: left;
2518	font-style: normal;
2519	text-decoration: none;
2520	background-repeat: no-repeat;
2521	background-position: left top;
2522
2523
2524}
2525.fancyButton1880.fancyButton:hover .text,.fancyButton1880.fancyButton:focus .text,.fancyButton1880.fancyButton:active .text,.fancyButton1880.fancyButton.hover .text{
2526	text-decoration: underline;
2527	background-repeat: no-repeat;
2528	background-position: left top;
2529
2530
2531}
2532</style>
2533
2534 </li><!--
2535	    --><li class="widgetItem GraphicLinks">
2536
2537<div>
2538	<a href="https://cityofpensacola.com/linkedin" target="_self" class="fancyButton fancyButton1882 " >
2539		<span>
2540			<span><span class="text">LinkedIn</span></span>
2541		</span>
2542	</a>
2543</div>
2544		<style scoped="scoped">.fancyButton1882.fancyButton:link,.fancyButton1882.fancyButton:visited, .fancyButton1882div.fancyButton{
2545	padding-left: 28px;
2546	background-image: url('/ImageRepository/Document?documentID=28712');
2547	background-repeat: no-repeat;
2548	background-position: left center;
2549background-size: 18px;
2550width: fit-content;}
2551.fancyButton1882.fancyButton:hover,.fancyButton1882.fancyButton:focus,.fancyButton1882.fancyButton:active,.fancyButton1882.fancyButton.hover{
2552	background-repeat: no-repeat;
2553	background-position: left center;
2554}
2555.fancyButton1882.fancyButton:link > span,.fancyButton1882.fancyButton:visited > span, .fancyButton1882div.fancyButton > span{
2556}
2557.fancyButton1882.fancyButton:hover > span,.fancyButton1882.fancyButton:focus > span,.fancyButton1882.fancyButton:active > span,.fancyButton1882.fancyButton.hover > span{
2558}
2559.fancyButton1882.fancyButton .text{
2560	color: rgb(255, 255, 255);
2561	font-family: "Inter";
2562	text-align: left;
2563	font-style: normal;
2564	text-decoration: none;
2565	background-repeat: no-repeat;
2566	background-position: left top;
2567
2568
2569}
2570.fancyButton1882.fancyButton:hover .text,.fancyButton1882.fancyButton:focus .text,.fancyButton1882.fancyButton:active .text,.fancyButton1882.fancyButton.hover .text{
2571	text-decoration: underline;
2572	background-repeat: no-repeat;
2573	background-position: left top;
2574
2575
2576}
2577</style>
2578
2579 </li><!--
2580	    --><li class="widgetItem GraphicLinks">
2581
2582<div>
2583	<a href="https://cityofpensacola.com/twitter" target="_self" class="fancyButton fancyButton1878 " >
2584		<span>
2585			<span><span class="text">X</span></span>
2586		</span>
2587	</a>
2588</div>
2589		<style scoped="scoped">.fancyButton1878.fancyButton:link,.fancyButton1878.fancyButton:visited, .fancyButton1878div.fancyButton{
2590	padding-left: 28px;
2591	background-image: url('/ImageRepository/Document?documentID=28720');
2592	background-repeat: no-repeat;
2593	background-position: left center;
2594background-size: 18px;
2595width: fit-content;}
2596.fancyButton1878.fancyButton:hover,.fancyButton1878.fancyButton:focus,.fancyButton1878.fancyButton:active,.fancyButton1878.fancyButton.hover{
2597	background-repeat: no-repeat;
2598	background-position: left center;
2599}
2600.fancyButton1878.fancyButton:link > span,.fancyButton1878.fancyButton:visited > span, .fancyButton1878div.fancyButton > span{
2601}
2602.fancyButton1878.fancyButton:hover > span,.fancyButton1878.fancyButton:focus > span,.fancyButton1878.fancyButton:active > span,.fancyButton1878.fancyButton.hover > span{
2603}
2604.fancyButton1878.fancyButton .text{
2605	color: rgb(255, 255, 255);
2606	font-family: "Inter";
2607	text-align: left;
2608	font-style: normal;
2609	text-decoration: none;
2610	background-repeat: no-repeat;
2611	background-position: left top;
2612
2613
2614}
2615.fancyButton1878.fancyButton:hover .text,.fancyButton1878.fancyButton:focus .text,.fancyButton1878.fancyButton:active .text,.fancyButton1878.fancyButton.hover .text{
2616	text-decoration: underline;
2617	background-repeat: no-repeat;
2618	background-position: left top;
2619
2620
2621}
2622</style>
2623
2624 </li><!--
2625	    --><li class="widgetItem GraphicLinks">
2626
2627<div>
2628	<a href="https://cityofpensacola.com/youtube" target="_self" class="fancyButton fancyButton1879 " >
2629		<span>
2630			<span><span class="text">YouTube</span></span>
2631		</span>
2632	</a>
2633</div>
2634		<style scoped="scoped">.fancyButton1879.fancyButton:link,.fancyButton1879.fancyButton:visited, .fancyButton1879div.fancyButton{
2635	padding-left: 28px;
2636	background-image: url('/ImageRepository/Document?documentID=28721');
2637	background-repeat: no-repeat;
2638	background-position: left center;
2639background-size: 18px;
2640width: fit-content;}
2641.fancyButton1879.fancyButton:hover,.fancyButton1879.fancyButton:focus,.fancyButton1879.fancyButton:active,.fancyButton1879.fancyButton.hover{
2642	background-repeat: no-repeat;
2643	background-position: left center;
2644}
2645.fancyButton1879.fancyButton:link > span,.fancyButton1879.fancyButton:visited > span, .fancyButton1879div.fancyButton > span{
2646}
2647.fancyButton1879.fancyButton:hover > span,.fancyButton1879.fancyButton:focus > span,.fancyButton1879.fancyButton:active > span,.fancyButton1879.fancyButton.hover > span{
2648}
2649.fancyButton1879.fancyButton .text{
2650	color: rgb(255, 255, 255);
2651	font-family: "Inter";
2652	text-align: left;
2653	font-style: normal;
2654	text-decoration: none;
2655	background-repeat: no-repeat;
2656	background-position: left top;
2657
2658
2659}
2660.fancyButton1879.fancyButton:hover .text,.fancyButton1879.fancyButton:focus .text,.fancyButton1879.fancyButton:active .text,.fancyButton1879.fancyButton.hover .text{
2661	text-decoration: underline;
2662	background-repeat: no-repeat;
2663	background-position: left top;
2664
2665
2666}
2667</style>
2668
2669 </li><!--
2670					-->
2671					</ul>
2672			</nav>
2673		</div>
2674	<div class="widgetFooter">
2675			</div>
2676</div>
2677</div>
2678
2679	</div> <!-- inner column -->
2680
2681	</div> <!-- inner row -->
2682
2683			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="44b02754-f4ca-4327-9cd1-967abc7e7228">�				
2684	<div class="row nest first last wide">�
2685	
2686	<div class="inner col col1 first last id3eb9baca-be90-4059-9473-d71d55090f86" style="" data-widgetcontainerid="3eb9baca-be90-4059-9473-d71d55090f86">�	
2687
2688<div class="widget widgetSpacer" id="b55700e3-471b-4bd1-863d-27264c3d766e"></div>
2689	</div> <!-- inner column -->
2690
2691	</div> <!-- inner row -->
2692
2693			</div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="0b8b7f49-4b62-4625-8912-0dc90b8a5883">�				
2694	<div class="row nest first last wide">�
2695	
2696	<div class="inner col col4 first last id15e78193-223a-440b-aaee-f1879c2c723b" style="" data-widgetcontainerid="15e78193-223a-440b-aaee-f1879c2c723b">�	
2697	<div data-widget-id="c6607957-7741-42e2-a4fb-2e233c30c8d4" data-widget-controller-path="/QuickLinks/Widget">
2698
2699
2700
2701
2702
2703
2704
2705
2706	<section id="widgetQuicklinkc6607957-7741-42e2-a4fb-2e233c30c8d4" class="widget widgetQuickLinks skin93 widgetOptionSet22 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderc6607957-7741-42e2-a4fb-2e233c30c8d4">
2707			<header class="widgetHeader" id="quickLinksHeaderc6607957-7741-42e2-a4fb-2e233c30c8d4">
2708		<div class="">
2709					<h3><a  style="" href="/QuickLinks.aspx?CID=228" >Popular Pages</a></h3>
2710						</div>
2711	</header>
2712	<div class="widgetBody cpGrid cpGrid1 ">
2713        <div class="row  narrow">
2714				<div class="col col1 first last">
2715					<ol class="semanticList">
2716
2717    <li style="position:relative" class="widgetItem QuickLinks">
2718        <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a>
2719        <div class="widgetMeta"></div>
2720    </li>
2721
2722    <li style="position:relative" class="widgetItem QuickLinks">
2723        <a class="widgetDesc widgetQuickLinksLink" href="/134/Office-of-the-Mayor" target="_self" >Office of the Mayor</a>
2724        <div class="widgetMeta"></div>
2725    </li>
2726
2727    <li style="position:relative" class="widgetItem QuickLinks">
2728        <a class="widgetDesc widgetQuickLinksLink" href="/125/City-Council" target="_self" >City Council</a>
2729        <div class="widgetMeta"></div>
2730    </li>
2731
2732    <li style="position:relative" class="widgetItem QuickLinks">
2733        <a class="widgetDesc widgetQuickLinksLink" href="/122/Departments-Divisions" target="_self" >Departments & Divisions</a>
2734        <div class="widgetMeta"></div>
2735    </li>
2736
2737    <li style="position:relative" class="widgetItem QuickLinks">
2738        <a class="widgetDesc widgetQuickLinksLink" href="/218/Employment-Opportunities" target="_self" >Employment Opportunities</a>
2739        <div class="widgetMeta"></div>
2740    </li>
2741
2742    <li style="position:relative" class="widgetItem QuickLinks">
2743        <a class="widgetDesc widgetQuickLinksLink" href="https://pensacola.maps.arcgis.com/apps/opsdashboard/index.html#/ffa46a7981604f928aba26f4275139f6" target="_self" >Capital Improvements Dashboard</a>
2744        <div class="widgetMeta"></div>
2745    </li>
2746
2747    <li style="position:relative" class="widgetItem QuickLinks">
2748        <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofpensacola.com/3057/5G-Small-Cell-Antenna-Permit-Application" target="_self" >5G Permit Applications</a>
2749        <div class="widgetMeta"></div>
2750    </li>
2751					</ol>
2752				</div>
2753		</div>
2754        
2755	</div>
2756	<div class="widgetFooter">
2757	</div>
2758	<div class="addItemModal hidden">
2759		<div class="url hidden">/QuickLinks.aspx</div>
2760	</div>
2761
2762	</section>
2763</div>
2764
2765	</div> <!-- inner column -->
2766
2767	</div> <!-- inner row -->
2768
2769			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="61d96e81-c975-4a1f-973a-1c520d889042">�				
2770	<div class="row nest first last wide">�
2771	
2772	<div class="inner col col1 first last id913fd150-f340-4a6b-9785-809f350e0b41" style="" data-widgetcontainerid="913fd150-f340-4a6b-9785-809f350e0b41">�	
2773
2774<div class="widget widgetSpacer" id="3b590fdb-e837-459c-9958-c2a812e21d04"></div>
2775	</div> <!-- inner column -->
2776
2777	</div> <!-- inner row -->
2778
2779			</div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="e9b8f891-dcaa-4aba-85fb-3556d73c2277">�				
2780	<div class="row nest first last wide">�
2781	
2782	<div class="inner col col4 first last id125d6ad5-f8d4-4ebf-9d4e-e5f10c804532" style="" data-widgetcontainerid="125d6ad5-f8d4-4ebf-9d4e-e5f10c804532">�	
2783	<div data-widget-id="a6ebaabb-f303-47fa-9ce2-ebb7296f5c33" data-widget-controller-path="/QuickLinks/Widget">
2784
2785
2786
2787
2788
2789
2790
2791
2792	<section id="widgetQuicklinka6ebaabb-f303-47fa-9ce2-ebb7296f5c33" class="widget widgetQuickLinks skin93 widgetOptionSet22 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeadera6ebaabb-f303-47fa-9ce2-ebb7296f5c33">
2793			<header class="widgetHeader" id="quickLinksHeadera6ebaabb-f303-47fa-9ce2-ebb7296f5c33">
2794		<div class="">
2795					<h3><a  style="" href="/QuickLinks.aspx?CID=229" >Site Links</a></h3>
2796						</div>
2797	</header>
2798	<div class="widgetBody cpGrid cpGrid1 ">
2799        <div class="row  narrow">
2800				<div class="col col1 first last">
2801					<ol class="semanticList">
2802
2803    <li style="position:relative" class="widgetItem QuickLinks">
2804        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a>
2805        <div class="widgetMeta"></div>
2806    </li>
2807
2808    <li style="position:relative" class="widgetItem QuickLinks">
2809        <a class="widgetDesc widgetQuickLinksLink" href="/2757/ADA-Title-VI-and-Privacy-Info" target="_self" >ADA Accessibility Information</a>
2810        <div class="widgetMeta"></div>
2811    </li>
2812
2813    <li style="position:relative" class="widgetItem QuickLinks">
2814        <a class="widgetDesc widgetQuickLinksLink" href="https://igsupport.cityofpensacola.com" target="_blank"  aria-label="Employee Online Services (through March 31, 2026) opens in new window">Employee Online Services (through March 31, 2026)</a>
2815        <div class="widgetMeta"></div>
2816    </li>
2817
2818    <li style="position:relative" class="widgetItem QuickLinks">
2819        <a class="widgetDesc widgetQuickLinksLink" href="https://cityofpensacolafl.employeeaccess.tylerapp.com/main" target="_blank"  aria-label=
2819"Employee Access opens in new window">Employee Access</a>
2820        <div class="widgetMeta"></div>
2821    </li>
2822
2823    <li style="position:relative" class="widgetItem QuickLinks">
2824        <a class="widgetDesc widgetQuickLinksLink" href="https://cityofpensacolafl.employeeaccess.tylerapp.com/resident/dashboard" target="_self" >Former Employee Access</a>
2825        <div class="widgetMeta"></div>
2826    </li>
2827
2828    <li style="position:relative" class="widgetItem QuickLinks">
2829        <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofpensacola.com/2901/Fair-Housing" target="_self" >Fair Housing</a>
2830        <div class="widgetMeta"></div>
2831    </li>
2832
2833    <li style="position:relative" class="widgetItem QuickLinks">
2834        <a class="widgetDesc widgetQuickLinksLink" href="/1026/Flooding-and-Hurricane-Preparedness" target="_self" >Flooding & Hurricane Preparedness</a>
2835        <div class="widgetMeta"></div>
2836    </li>
2837
2838    <li style="position:relative" class="widgetItem QuickLinks">
2839        <a class="widgetDesc widgetQuickLinksLink" href="/959/Title-VI" target="_self" >Title VI and Nondiscrimination Information</a>
2840        <div class="widgetMeta"></div>
2841    </li>
2842
2843    <li style="position:relative" class="widgetItem QuickLinks">
2844        <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx?EID=204" target="_self" >Webmaster Info</a>
2845        <div class="widgetMeta"></div>
2846    </li>
2847					</ol>
2848				</div>
2849		</div>
2850        
2851	</div>
2852	<div class="widgetFooter">
2853	</div>
2854	<div class="addItemModal hidden">
2855		<div class="url hidden">/QuickLinks.aspx</div>
2856	</div>
2857
2858	</section>
2859</div>
2860
2861	</div> <!-- inner column -->
2862
2863	</div> <!-- inner row -->
2864
2865			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="38ac3854-7a42-4fc4-bd48-f88ca2c17681">�				
2866	<div class="row nest first last wide">�
2867	
2868	<div class="inner col col1 first last idad5e462f-d50a-4630-a1d4-be90fff40d84" style="" data-widgetcontainerid="ad5e462f-d50a-4630-a1d4-be90fff40d84">�	
2869
2870<div class="widget widgetSpacer" id="ff9e7ed1-b7ca-4521-80fe-c1316dcb4be4"></div>
2871	</div> <!-- inner column -->
2872
2873	</div> <!-- inner row -->
2874
2875			</div><!-- outer column --><!----><div class="outer col col6 last" style="" data-widgetcontainerid="5dbf74ee-3e1c-4ace-ad0f-66c82bf4c930">�				
2876	<div class="row nest first last wide">�
2877	
2878	<div class="inner col col6 first last idb5562ca4-576c-4e00-865a-8e88b6df3506" style="" data-widgetcontainerid="b5562ca4-576c-4e00-865a-8e88b6df3506">�	
2879    <div data-widget-id="f0955d06-f25f-46e0-a164-88b25a17cd4e" data-widget-controller-path="/InfoAdvanced/Widget">
2880
2881
2882
2883
2884
2885	<section id="divInfoAdvf0955d06-f25f-46e0-a164-88b25a17cd4e" class="widget widgetInfoAdvanced skin91 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2886			<header class="widgetHeader" id="headerf0955d06-f25f-46e0-a164-88b25a17cd4e">
2887		<div class="">
2888								</div>
2889	</header>
2890	<div class="widgetBody  cpGrid cpGrid1 ">
2891		<div class="row  wide">
2892					<div class="col col1 first last">
2893						<ol class="pageStyles semanticList">
2894
2895<li class="InfoAdvanced widgetItem fr-view">
2896	<p><a href="/"><img src="/ImageRepository/Document?documentId=28709" class="fr-dib" alt="City of Pensacola Florida Home Page"></a></p>
2897</li>						</ol>
2898					</div>
2899		</div>
2900	</div>
2901	<div class="widgetFooter">
2902
2903	</div>
2904
2905	</section>
2906
2907
2908
2909<script type="text/javascript">
2910	//Render slideshow if info advacned items contain one.
2911	$(document).ready(function (e) {
2912		$('#divInfoAdvf0955d06-f25f-46e0-a164-88b25a17cd4e .InfoAdvanced.widgetItem').each(function () {
2913			renderSlideshowIfApplicable($(this));		
2914		});
2915	});
2916</script>
2916</div>
2917	</div> <!-- inner column -->
2918
2919	</div> <!-- inner row -->
2920
2921			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2922
2923
2924	</div>
2925</div></div>
2926</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS">
2927<div class="siteWrap4"><div data-cpRole="contentContainer" id="poweredByTS">	<div id="cc7eb51b65-1f89-4e79-a40a-a09db25780cd" data-containerid="7eb51b65-1f89-4e79-a40a-a09db25780cd" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
2928				                
2929
2930		<div class="row outer wide"><!--
2931--><div class="outer col col24 first last" style="" data-widgetcontainerid="c33fd07a-b8dc-4e05-a36c-f88e803f9b94">�				
2932	<div class="row nest first last wide">�
2933	
2934	<div class="inner col col24 first last id5a378df2-1074-4a55-a215-7a5b0e130618" style="" data-widgetcontainerid="5a378df2-1074-4a55-a215-7a5b0e130618">�	
2935 
2936	<div data-widget-id='d5cd3d4b-6d13-4fd8-85e5-506f794248b3' data-moduleName="customHtml" id='widgetCustomHtmld5cd3d4b-6d13-4fd8-85e5-506f794248b3' class="widget widgetCustomHtml skin91 narrow" >
2937	<div class="widgetBody pageStyles" id="widgetBodyd5cd3d4b-6d13-4fd8-85e5-506f794248b3">
2938		<div id="customHtmld5cd3d4b-6d13-4fd8-85e5-506f794248b3"><div><style>
2939  /* CP icon */
2940  .cpBylineIconTS {
2941    color: #fff;
2942  }
2943  /* CP Text */
2944  .cpBylineTextTS,
2945  .cpBylineTextTS a:link {
2946    color: #fff;
2947  }
2948
2949  .cpBylineTextTS a:visited {
2950    color: #fff;
2951  }
2952
2953  .cpBylineTextTS a {
2954    text-decoration: underline!important;
2955  }
2956
2957  .cpBylineTS {
2958    text-align: center;
2959  }
2960  
2961  .cpBylineIconTS {
2962    fill: currentColor;
2963    width: 39px;
2964    height: 26px;
2965    display: inline;
2966    vertical-align: middle;
2967  }
2968</style>
2969
2970<div class="widgetItem cpBylineTS">
2971  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
2972    <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>
2973    <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>
2974  </svg>
2975  <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
2976</div></div></div>
2977	</div>
2978
2979	</div>
2980
2981	</div> <!-- inner column -->
2982
2983	</div> <!-- inner row -->
2984
2985			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2986
2987
2988	</div>
2989</div></div>
2990</div>
2991</div>
2992</div>
2993
2994            </div>
2995        </div>
2996    </div>
2997
2998
2999<link href="/745732998.css" rel="stylesheet" type="text/css" />
3000
3001<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
3002	<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">
3003		<div class="cp-Splash-header">
3004			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
3005			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
3006				<svg id="iconClose" viewBox="0 0 25 25">
3007					<polygon style="fill:currentcolor"
3008							 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>
3009				</svg>
3010			</button>
3011		</div>
3012		<div class="cp-Splash-body">
3013			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
3014				<!-- Content from the Froala Editor will go here. -->
3015				Loading
3016			</div>
3017		</div>
3018		<div class="cp-Splash-footer">
3019			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
3020			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
3021		</div>
3022	</div>
3023</div>
3024
3025<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3025
3025
3026<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3026
3026
3027<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3027
3027
3028<script>
3029
3030		$(document).ready(function () {
3031			var filter = {
3032				targetId: '',
3033				targetType: 0
3034			}
3035
3036			new SplashModalRender().triggerRender(filter);
3037		});
3038</script>
3038
3039
3040	
3041	
3042	
3043	
3043<script type="text/javascript">
3044	$(document).ready(function () {
3045		$('#paginationOption').change(function () {
3046			loadSearchResultPageList(1, $(this).val());
3047		});
3048
3049		$('.cp-search-typeToggle a').click(function(e) {
3050			e.preventDefault();
3051			if ($('.cp-search-advanced').attr('aria-expanded') == 'false') {
3052				$('.cp-search-advanced').attr('aria-expanded', 'true');
3053			}
3054			else {
3055				$('.cp-search-advanced').attr('aria-expanded', 'false');
3056			}
3057			$('.cp-search-advanced').toggleClass('cp-search-advanced--hidden');
3058			$('.cp-search-typeToggle a').toggle();
3059		});
3060
3061		var autoExpandAdvancedSearch = 'false';
3062		if (autoExpandAdvancedSearch === 'true') {
3063			$('.cp-search-advanced').attr('aria-expanded', 'true');
3064			$('.cp-search-advanced').removeClass('cp-search-advanced--hidden');
3065			$('#standardSearch').show();
3066			$('#advancedSearch').hide();
3067		}
3068
3069		const archiveSocialLink = document.getElementById("ArchiveSocialSearch");
3070
3071		if (archiveSocialLink) {
3072			const searchInput = document.getElementById("searchPhrase");
3073			const link = new URL(archiveSocialLink.href);
3074
3075			searchInput.addEventListener("input", function () {
3076				const searchPhrase = searchInput?.value.trim();
3077				link.searchParams.set("query.terms[0].text", searchPhrase);
3078				archiveSocialLink.href = link.href;
3079			});
3080		}
3081		const nextRequestSearch = document.getElementById("NextRequestSearch");
3082
3083		if (nextRequestSearch) {
3084			const searchInput = document.getElementById("searchPhrase");
3085			const link = new URL(nextRequestSearch.href);
3086
3087			searchInput.addEventListener("input", function () {
3088				const searchPhrase = searchInput?.value.trim();
3089				link.searchParams.set("search_term", searchPhrase);
3090				nextRequestSearch.href = link.href;
3091			});
3092		}
3093	});
3094	</script>
3094
3095
3096
3097	
3098
3099
3100
3101
3102
3103
3104    
3104<script src="/-1442400649.js" type="text/javascript"></script>
3104
3105    <!-- Back to Top -->
3106<script>
3107$(document).ready(function() {
3108	if (!window.matchMedia('screen and (max-width: 40em)').matches) {
3109		$(window).scroll(function() {
3110			if ($(this).scrollTop() > 200) {
3111				$('.backtotop_ts').fadeIn(200);
3112			} else {
3113				$('.backtotop_ts').fadeOut(200);
3114			}
3115		});
3116	}
3117
3118	$('.backtotop_ts').click(function(event) {
3119		event.preventDefault();
3120		
3121		$('html, body').animate({scrollTop: 0}, 500);
3122	})
3123});
3124</script>
3124
3125<!-- End Back to Top -->
3126
3127
3128<!-- Fixed Nav Adjustment -->
3129<script>
3130  function getValueTS(elem, attr) {
3131    const val = elem.css(attr);
3132    if (val === undefined) return undefined;
3133    const num = parseInt(val, 10);
3134    if (num === NaN) return undefined;
3135    return num;
3136  }
3137
3138  function clampTS(number, min, max) {
3139    return Math.min(Math.max(number, min), max);
3140  }
3141
3142  function isPageEditingTS() {
3143    return (
3144      $("#doneEditing").length > 0 || // In live edit
3145      typeof DesignCenter !== "undefined" // In theme manager
3146    );
3147  }
3148
3149  const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/;
3150  function isTransparentTS(elem) {
3151    const bg = elem.css('background-color');
3152    if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false;
3153    const matchState = bg.match(bgColorRegexTS);
3154    if (!matchState || matchState.length !== 5) return false;
3155    const alpha = parseFloat(matchState[4], 10);
3156    if (!(alpha >= 0 && alpha < 1)) return false;
3157    return true;
3158  }
3159
3160  function iterateLeftpads(cb) {
3161    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
3162    for (let i = 0; i < containersTS.length; i++) {
3163      const containerTS = containersTS[i];
3164      // Skip the body container and anything with data-skip-leftpad
3165      if (
3166        containerTS.id !== "bodyContainerTS" &&
3167        containerTS.getAttribute('data-skip-leftpad') === null
3168      ) {
3169        cb(containerTS);
3170      }
3171    }
3172  }
3173
3174  const anchor = $("#divToolbars");
3175  const anchor2 = $("#headerContainerTS")
3176
3177  // Outer banner padding (push banner down)
3178  const outerSizingTS = $("#bannerContainerTS");
3179  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
3180  const innerSizingTS = $("#bannerSizingTS");
3181  const bodyContainerTS = $("#bodyContainerTS");
3182
3183  const forceUnfixClassTS = "forceUnfixTS";
3184
3185  const fixedTopTS = $(".fixedTopTS");
3186  const fixedBottomTS = $(".fixedBottomTS");
3187  const fixedLeftTS = $(".fixedLeftTS");
3188
3189  var initialTopTS;
3190  var topAttachTS;
3191  if (fixedTopTS && fixedTopTS.length === 1) {
3192    initialTopTS = getValueTS(fixedTopTS, 'top');
3193    const attachment = fixedTopTS.attr('data-attach');
3194    if (attachment) topAttachTS = $("#" + attachment);
3195    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
3196  }
3197
3198  function resizeAdjustmentTS() {
3199    const editing = isPageEditingTS();
3200
3201    // Fixed top script
3202    (function () {
3203      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;
3204
3205      if (editing) {
3206        fixedTopTS[0].classList.add(forceUnfixClassTS);
3207      } else {
3208        fixedTopTS[0].classList.remove(forceUnfixClassTS);
3209      }
3210
3211      const topPosition = fixedTopTS.css('position');
3212      if (topPosition === 'fixed') {
3213        if (topAttachTS) {
3214          scrollAdjustmentTS();
3215        } else {
3216          const anchorHeight = anchor.outerHeight() - 1;
3217          fixedTopTS.css('top', anchorHeight + initialTopTS);
3218        }
3219      } else {
3220        fixedTopTS.css('top', initialTopTS);
3221      }
3222
3223      if (topPosition === 'fixed' || topPosition === 'absolute') {
3224        // Bump the banner content down
3225        if (isTransparentTS(fixedTopTS)) {
3226          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1);
3227          outerSizingTS.css('padding-top', '');
3228
3229          try {
3230            window.Pages.onResizeHandlersExecute();
3231          } catch (e) { }
3232        } else {
3233          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
3234          innerSizingTS.css('padding-top', '');
3235        }
3236      } else {
3237        innerSizingTS.css('padding-top', '');
3238        outerSizingTS.css('padding-top', '');
3239      }
3240    })();
3241
3242    // Fixed bottom script
3243    (function () {
3244      if (!fixedBottomTS || fixedBottomTS.length === 0) return;
3245
3246      // If the widget has gone narrow, force unfix
3247      if (editing || fixedBottomTS.outerHeight() > 200) {
3248        fixedBottomTS[0].classList.add(forceUnfixClassTS);
3249      } else {
3250        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
3251      }
3252
3253      if (fixedBottomTS.css('position') === 'fixed') {
3254        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
3255      } else {
3256        bodyContainerTS.css('padding-bottom', '');
3257      }
3258    })();
3259
3260    // Fixed left script
3261    (function () {
3262      if (!fixedLeftTS || fixedLeftTS.length === 0) return;
3263
3264      if (editing) {
3265        fixedLeftTS[0].classList.add(forceUnfixClassTS);
3266      } else {
3267        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
3268      }
3269
3270      if (fixedLeftTS.css('position') === 'fixed') {
3271        const anchorHeight = anchor.outerHeight() - 1;
3272        fixedLeftTS.css('top', anchorHeight);
3273        const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
3274        iterateLeftpads(function (containerTS) {
3275          const containerBoundingTS = containerTS.getBoundingClientRect();
3276          if (containerBoundingTS.left <= leftBoundingTS.right) {
3277            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
3278          }
3279        });
3280      } else {
3281        fixedLeftTS.css('top', '');
3282        iterateLeftpads(function (containerTS) {
3283          $(containerTS).css('padding-left', '');
3284        });
3285      }
3286    })();
3287  }
3288
3289  function scrollAdjustmentTS() {
3290    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
3291    const topPosition = fixedTopTS.css('position');
3292    if (topPosition === 'fixed' || topPosition === 'absolute') {
3293      const anchorBounding = anchor[0].getBoundingClientRect();
3294      const attachBounding = topAttachTS[0].getBoundingClientRect();
3295      const scrollTop = $(window).scrollTop();
3296
3297      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
3298    } else {
3299      fixedTopTS.css('top', initialTopTS);
3300    }
3301  }
3302
3303  $(window).load(function () {
3304    setTimeout(function () {
3305      resizeAdjustmentTS();
3306    }, 350);
3307
3308    $(window).scroll(function () {
3309      scrollAdjustmentTS();
3310    });
3311
3312    var adjustTimeoutTS;
3313    $(window).resize(function () {
3314      clearTimeout(adjustTimeoutTS);
3315      adjustTimeoutTS = setTimeout(function () {
3316        resizeAdjustmentTS();
3317      }, 350);
3318    });
3319
3320    $.when(window.Pages.angularToolbarComplete).done(function () {
3321      resizeAdjustmentTS();
3322    });
3323  });
3324</script>
3324
3325<!-- End Fixed Nav Adjustment -->
3326
3327
3328<!-- Move banner to outer wrap --> 
3329<script> 
3330function moveBannerToOuterWrap() { 
3331    if ($(".fixedBannerTS").length) { 
3332		if ($("#bannerDivbanner2").length) { 
3333			$("#bannerDivbanner2").appendTo("#outer-wrap"); 
3334		} else { 
3335			setTimeout(function() { 
3336				moveBannerToOuterWrap(); 
3337			}, 500); 
3338		} 
3339	}
3340} 
3341moveBannerToOuterWrap(); 
3342</script>
3342 
3343<style> 
3344#structuralContainer1 { 
3345    background-color: transparent !important; 
3346} 
3347</style> 
3348<!-- end move banner to outer wrap -->
3349
3350<!--- Polimorphic Script --->
3351<script>
3352  customHtml = `<iframe title="Polimorphic Chat" aria-label="Polimorphic Chat" frameborder="0" id="chatFrame" src="https://app.polimorphic.com/react/organizations/pensacola_fl/chat" style="
3353    position: fixed;
3354    bottom: 90px;
3355    right: 20px;
3356    z-index: 10000000;
3357    border-radius: 8px;
3358    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.1);
3359    height: 0;
3360    width: 0;
3361"></iframe>
3362<div id="greetingText" style="color: #FFFFFF; font-family: inherit; position: fixed; bottom: 90px; right: 20px;; z-index: 10000000; border-radius: 5px; box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 24px; visibility: visible; background: #2F99D5; border: 2px solid #FFFFFF; padding: 10px; cursor: pointer;" onclick="this.style.visibility='hidden';document.getElementById('chatButton').click()">How can I help you today?</div>
3363<button onclick="const frame = document.getElementById('chatFrame');
3364const chatButton = document.getElementById('chatButton');
3365const chatIcon = document.getElementById('chatIcon');
3366const closeIcon = document.getElementById('closeIcon');
3367const greetingText = document.getElementById('greetingText');
3368if (chatButton.getAttribute('active') === 'false') {
3369  chatButton.setAttribute('active', 'true');
3370  frame.style.height = 'min(-100px + 100vh, 780px)';
3371  frame.style.width = 'min(100vw - 40px, 581px)';
3372    frame.focus();
3373  chatIcon.style.display = 'none';
3374  closeIcon.style.display = 'flex';
3375  if (greetingText) {
3376    greetingText.style.visibility = 'hidden';
3377  }
3378} else {
3379  chatButton.setAttribute('active', 'false');
3380  frame.style.height = '0';
3381  frame.style.width = '0';
3382  chatIcon.style.display = 'flex';
3383  closeIcon.style.display = 'none';
3384}" id="chatButton" class="poli-chat-embed-element" active="false" style="position: fixed; bottom: 20px; right: 20px;; z-index: 2147483647; background-color: transparent; border: none; cursor: pointer; display: flex; align-items: center; justify-content: center; transition: transform 0.2s; transform: scale(1); pointer-events: auto; opacity: 1;" onmouseover="this.style.transform='scale(1.15)'" onmouseout="this.style.transform='scale(1)'" aria-label="Toggle chat">
3385    <div  id="chatIcon"  style="color: #FFFFFF;
3386  background: #2F99D5;
3387  border: 2px solid #FFFFFF;
3388  min-width: 56px; max-width: 56px; height: 56px; min-height: 56px; border-radius: 50%;
3389  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
3390  justify-content: center; align-items: center; display: flex;
3391  "><svg style="width: 24px; height: 24px; fill: #FFFFFF; opacity: 1;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
3392        <path fill="currentColor" d="M12 2C6.477 2 2 6.477 2 12c0 1.82.487 3.53 1.338 5L2 22l5-1.338C8.47 21.513 10.18 22 12 22c5.523 0 10-4.477 10-10S17.523 2 12 2zm0 18c-1.657 0-3.224-.393-4.615-1.088L4.5 19.5l.588-2.885C4.393 15.224 4 13.657 4 12c0-4.418 3.582-8 8-8s8 3.582 8 8-3.582 8-8 8z"></path>
3393      </svg></div>
3394      <div id="closeIcon" style="color: #FFFFFF;
3395  background: #2F99D5;
3396  border: 2px solid #FFFFFF;
3397  min-width: 56px; max-width: 56px; height: 56px; min-height: 56px; border-radius: 50%;
3398  box-shadow: rgba(0, 0, 0, 0.1) 0px 2px 12px;
3399  justify-content: center; align-items: center; display: flex;
3400   border-color: FFFFFF; display: none;">
3401      <svg style="width: 24px; height: 24px; fill: #FFFFFF;  opacity: 1;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
3402        <path fill="currentColor" d="M19 6.41L17.59 5 12 10.59 6.41 5 5 6.41 10.59 12 5 17.59 6.41 19 12 13.41 17.59 19 19 17.59 13.41 12z"></path>
3403      </svg>
3404      </div>
3405    </button>`
3406  function addToBody(htmlContent) {
3407    const temp = document.createElement('div');
3408    temp.innerHTML = htmlContent;
3409    while (temp.firstChild) {
3410      document.body.appendChild(temp.firstChild);
3411    }
3412  }
3413  addToBody(customHtml);
3414  </script>
3414
3415
3416
3417
3418<script>
vendor: 327 bytes, line 3418
3418(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','
3418GTM-PVD2M98L
vendor: 3 bytes, line 3418
3418');
3418</script>
3418
3419
3420
3421    
3421<script type="text/javascript">
3422        $(function () {
3423            document.cookie = "responsiveGhost=0; path=/";
3424        });
3425        $(window).on("load", function () {
3426            $('body').addClass('doneLoading').removeClass('hideContent');
3427
3428            if ($('#404Content').length > 0)
3429                $('div#bodyWrapper').css('padding', '0px');
3430        });
3431    </script>
3431
3432
3433    <noscript>
3434        <style>
3435            body.hideContent {
3436                opacity: 1 !important;
3437            }
3438        </style>
3439    </noscript>
3440
3441        
3442<div style="display: none;">
3443	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
3444
3445		<symbol id="iconArrow--left" viewbox="0 0 25 25">
3446			<title>Arrow Left</title>
3447			<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>
3448		</symbol>
3449
3450		<symbol id="iconArrow--right" viewbox="0 0 25 25">
3451			<title>Arrow Right</title>
3452			<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>
3453		</symbol>
3454
3455	</svg>
3456</div>
3457    
3457<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Inter:300,300italic,500,600,700,800,900,regular|Open+Sans:300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Permanent+Marker:regular|Playfair+Display:700,regular|');</script>
3457
3458    
3459
3460    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
3461        <div style="display: none;">
3462            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
3463                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
3464                    <title>Slideshow Left Arrow</title>
3465                    <g>
3466                        <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>
3467                    </g>
3468                </symbol>
3469                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
3470                    <title>Slideshow Right Arrow</title>
3471                    <g>
3472                        <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>
3473                    </g>
3474                </symbol>
3475            </svg>
3476        </div>
3477    
3478	
3479	
3480
3481    <div id="root-picker-outlet"></div>
3482</body>
3483</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.