PageSourceSearch

https://www.opelika-al.gov/

html opelika-al.gov collected 2026-10-02 15:08:11 UTC 152,930 bytes, 3,871 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-HXZ56Q9RF3';w[l]=w[l]||[];w[l].push({'gtm.start':
9				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
10				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
11				'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
12				})(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12
13				<!-- End Google Tag Manager for GA4 -->
14				
14<script type='text/javascript'>
15					var enableTelemetry = 'false'
16					var aiConfig = {
17					instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f'						
18					}
19					var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig);
20					window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length;
21					// Add telemetry initializer
22					appInsights.queue.push(function() {
23						appInsights.context.addTelemetryInitializer(function(envelope) {
24							var telemetryItem = envelope.data.baseData;
25							// To check the telemetry item’s type:
26							if (!false)
27							{
28								//If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that
29								if (envelope.name.indexOf('.Event') == -1)
30									return false;
31							}
32						});
33					});						
34					appInsights.trackPageView();
35				</script>
35
36	
36<script>
37		function populateAntiForgery(token) {
38			var input = document.createElement("input");
39			input.name = "__RequestVerificationToken";
40			input.type = "hidden";
41			input.value = token;
42			var absPat = /^https?:\/\/|^\/\//i;
43			var forms = document.getElementsByTagName("form");
44			for (var i = 0; i < forms.length; i++) {
45				if (forms[i].method == "post" &&
46					!forms[i].querySelector('[name="__RequestVerificationToken"]') &&
47					!absPat.test(forms[i].getAttribute("action"))) {
48					forms[i].appendChild(input.cloneNode());
49				}
50			}
51		}
52
53		function getAntiForgeryToken(callback, error) {
54			var xhr = new XMLHttpRequest();
55			xhr.open("GET", "/antiforgery");
56			xhr.addEventListener("load", function() {
57				try {
58					if (this.status !== 200) {
59						throw Error("Invalid status. Could not retrieve antiforgery token.");
60		}
61					var obj = JSON.parse(this.responseText);
62					callback(obj.token);
63				} catch (e) {
64					typeof error === "function" && error(e);
65				}
66			});
67			xhr.send();
68		}
69
70		getAntiForgeryToken(function(token) {
71			if (document.readyState === "complete"
72				|| document.readyState === "loaded" 
73				|| document.readyState === "interactive") {
74				populateAntiForgery(token);
75				return;
76			}
77			document.addEventListener("DOMContentLoaded", function() {
78				populateAntiForgery(token);
79			}, false);
80		}, console.error);
81			</script>
81
82			
83
84	
84<script type="text/javascript">
85		window.departmentHeader = {};
86		window.pageSectionTracker = {};
87		window.isResponsiveEnabled = true;
88		window.isRemoveSetHeights= true;
89		if (window.isRemoveSetHeights) {
90			document.documentElement.className += ' removeSetHeights';
91		}
92		window.mainMenuMediaQuery = 'screen and (max-width: 40em)';
93		window.isMobileBrowserIncludingTablets = false;
94		window.fixedResponsiveMenu = false;
95		window.fullWidthResponsiveMenu = false;
96		window.responsiveMenuHeight = '';
97		window.responsiveMenuFontSize = '';
98		window.isContentAdvisor = false;
99		(function () {
100			window.setSizeCookie = function () {
101				document.cookie = "dpi=" + window.devicePixelRatio + "; path=/";
102				document.cookie = "viewportWidth=" + window.innerWidth + "; path=/";
103				document.cookie = "viewportHeight=" + window.innerHeight + "; path=/";
104				if (screen && screen.width && screen.height) {
105					document.cookie = "screenWidth=" + screen.width + "; path=/";
106					document.cookie = "screenHeight=" + screen.height + "; path=/";
107				}
108				document.cookie = "responsiveGhost=1; path=/";
109			};
110
111			setSizeCookie();
112		}());
113	</script>
113
114		<meta name="viewport" content="width=device-width, initial-scale=1">
115
116	
116<script async src="https://docaccess.com/docbox.js"></script>
116
117	
118	<meta name="category0" content="Home" />
119
120	
121	<meta name="theme-color" content="rgb(72, 94, 81)">
122	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
123	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
124		<title>Opelika, AL | Official Website</title>
125
126		<meta name="description" content="">
127		<meta name="keywords" content="Home">
128			
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128
129	
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129
130	
131
132	<!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]-->
133	<!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]-->
134	<!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]-->
135	<!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]-->
136	
136<script type="text/javascript"><!--
137	var intCountryCode = 840;
138	var order = '';
139//--></script>
139
140	
141<link href="/-681783051.css" rel="stylesheet" type="text/css" />	<link href="/-2140275272.css" rel="stylesheet" type="text/css" />	<link href="/-871936455.css" rel="stylesheet" type="text/css" />
142
143	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
144	
144<script type="text/javascript">
145		window.Pages = window.Pages || {};
146		// FrontEnd RWD initialization
147		window.Pages.rwdReady = $.Deferred();
148		window.Pages.toolBarDeferred = $.Deferred();
149		window.Pages.rwdSetupComplete = $.Deferred();
150		window.Pages.megaMenuLoaded = $.Deferred();
151		window.Pages.angularToolbarComplete = $.Deferred();
152		window.Pages.frontEndToolbarComplete = $.Deferred();
153	</script>
153
154	<!--CPHeadContent-->
155	
155<script src="/739942322.js" type="text/javascript"></script>
155
156	
157	
158	
159	
160
161
162
163
164	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
165	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
166	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
167	<!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]-->
168
169	
169<script type="text/javascript">
170		setEditorVariables(false, 840);
171		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
172	</script>
172
173	
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173
174</head>
175<body class="wide " >
176
177    
177<script>jQuery(document).click(function (event) {
178	var target = jQuery(event.target);
179	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
180		var text = target.attr('title');
181		
182		if (!text.length) {
183			text = "N/A";
184		}
185		ga('send',
186			{
187				hitType: 'event',
188				eventCategory: 'Image',
189				eventAction: 'Image - ' + text,
190				eventLabel: window.location.href
191			});
192	}
193	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
194		var text = "";
195		if (target.parents('.button')[0]) {
196			text = target.parents('.button').first().text();
197		} else if (target.text().length) {
198			text = target.text();
199		} else if (target.attr('title').length) {
200			text = target.attr('title');
201		}
202		if (!text.length) {
203			text = "N/A";
204		}
205		ga('send',
206			{
207				hitType: 'event',
208				eventCategory: 'Button',
209				eventAction: 'Button - ' + text,
210				eventLabel: window.location.href
211			});
212	}
213	if (target.parents('.widgetCustomHtml').length) {
214		ga('send',
215			{
216				hitType: 'event',
217				eventCategory: 'Custom Html',
218				eventAction: 'Custom Html Clicked',
219				eventLabel: window.location.href
220			});
221	}
222	if (target.parents('.editor').length) {
223		ga('send',
224			{
225				hitType: 'event',
226				eventCategory: 'Editor',
227				eventAction: 'Editor Link Clicked',
228				eventLabel: window.location.href
229			});
230	}
231	if (target.parents('.GraphicLinks').length) {
232		var text = "";
233		var targetGraphicLink = target;
234		if (target.hasClass('widgetGraphicLinksLink')) {
235			targetGraphicLink = jQuery(target.children()[0]);
236		}
237		if (targetGraphicLink.hasClass('text')) {
238			text = targetGraphicLink.text();
239		} else if (targetGraphicLink.attr('src').length) {
240			if (targetGraphicLink.attr('alt').length) {
241				text = targetGraphicLink.attr('alt');
242			} else {
243				text = targetGraphicLink.attr('src');
244			}
245		} else {
246			text = "N/A";
247		}
248		ga('send',
249			{
250				hitType: 'event',
251				eventCategory: 'Graphic Links',
252				eventAction: 'Graphic Link - ' + text,
253				eventLabel: window.location.href
254			});
255	}
256	if (target.parents('.InfoAdvanced').length) {
257		ga('send',
258			{
259				hitType: 'event',
260				eventCategory: 'Info Advanced',
261				eventAction: 'Info Advanced Clicked',
262				eventLabel: window.location.href
263			});
264	}
265	if (target.parents('.list').length) {
266		ga('send',
267			{
268				hitType: 'event',
269				eventCategory: 'List',
270				eventAction: 'List Clicked',
271				eventLabel: window.location.href
272			});
273	}
274	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
275		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
276		var breadCrumbs = [];
277		jQuery('.breadCrumbs > li').each(function () {
278			 breadCrumbs.push(this.textContent);
279		});
280		var pageTitle = breadCrumbs.join('>');
281		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
282		var text = "";
283		if (pageTitle) {
284			text += pageTitle + " | ";
285		} else {
286			text += document.title + ' - ';
287		}
288		if (target.text() == "" && megaMenuText == "") {
289			text += "N/A";
290		} else if (target.text().length && megaMenuText.length) {
291			if (megaMenuText == target.text()) {
292				text += megaMenuText;
293			} else {
294				text += megaMenuText + " - " + subTitleText + " - " + target.text();
295			}
296		} else if (target.text() == "") {
297			text += megaMenuText;
298		} else {
299			text += target.text();
300		}
301		if (!text.length) {
302			text = "N/A";
303		}
304		ga('send',
305			{
306				hitType: 'event',
307				eventCategory: 'Mega Menu',
308				eventAction: 'Mega Menu : ' + text,
309				eventLabel: window.location.href
310			});
311	}
312	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
313		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
314		if (!text.length) {
315			text = "N/A";
316		}
317		ga('send',
318			{
319				hitType: 'event',
320				eventCategory: 'News Flash',
321				eventAction: 'News Flash - ' + text,
322				eventLabel: window.location.href
323			});
324	}
325	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
326		var text = target.text();
327		if (!text.length) {
328			text = "N/A";
329		}
330		ga('send',
331			{
332				hitType: 'event',
333				eventCategory: 'Quick Links',
334				eventAction: 'Quick Links - ' + text,
335				eventLabel: window.location.href
336			});
337	}
338	if (target.attr('src') && target.parents('.cpSlideshow').length) {
339		var text = target.attr('title');
340		if (!text.length) {
341			text = "N/A";
342		}
343		ga('send',
344			{
345				hitType: 'event',
346				eventCategory: 'Slideshow',
347				eventAction: 'Slideshow - ' + text,
348				eventLabel: window.location.href
349			});
350	}
351	if (target.parents('.widgetText').length) {
352		ga('send',
353			{
354				hitType: 'event',
355				eventCategory: 'Text',
356				eventAction: 'Text Link Clicked',
357				eventLabel: window.location.href
358			});
359	}
360});</script>
360
361	<div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;">
362	<div class="cp-PopOver-header">
363		<h3 class="cp-PopOver-title"></h3>
364		<button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)">
365			<svg class="cp-Icon--close" alt="close" title="close">
366				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use>
367			</svg>
368		</button>
369	</div>
370	<div id="cpPopOverBody" class="cp-PopOver-body">
371		<form id="cpPopOverForm" name="cpPopOverForm" novalidate></form>
372	</div>
373	<div id="cpPopOverFooter" class="cp-PopOver-footer">
374		<div class="cp-BtnGroup" id="actionButtons">
375			<!-- Action buttons will be dynamically added here -->
376		</div>
377	</div>
378</div>
379    <div id="fb-root"></div>
380<div id=skipToContentLinks>
381<a href="#cc1ba5700b-06c5-49c4-b549-09d3aa0f17d5" target="_self" class="skipToContentLink">Skip to Main Content</a>
382</div>
383    <form id="frmReferenceFormForTelerikEditorDialogs"></form>
384
385        <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />
386
387
388
389    <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
390    <input type="hidden" id="hdnStructureID" value="13" />
391    <input type="hidden" id="hdnContentCollectionID" value="c599fa81-7256-4a91-b6af-42ff8eebfe25" />
392    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
393    <input type="hidden" id="hdnThemeID" value="55" />
394    <input type="hidden" id="pageIsFrontEnd" value="true" />
395    <input type="hidden" id="pageModuleID" />
396    <input type="hidden" id="pagePageID" value="1" />
397
398    <div id="stickyPlaceholder"></div>
399    <div id="outer-wrap" class="outer-wrap">
400        <div id="inner-wrap" class="inner-wrap">
401                <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
402                    
403
404
405
406<!-- Begin Signed Out Bar -->
407<div class="cpToolbar user public">
408    <div class="inner selfClear">
409        <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>
410        <ul class="nav secondary">
411	        <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li>
412        </ul>
413    </div>
414</div>
415<script>
416    $(document).ready(function () {
417        $('#signedOutToolbarCreateProfileButton').click(function (event) {
418            event.preventDefault();
419            window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin;
420        });
421
422			
423				$('#loggedOutToolbarSignInButton').click(function (event) {
424					event.preventDefault();
425					window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host;
426				});
427			
428
429		if ('False' == 'True') {
430            $('#loggedOutToolbarSignInButton').hide();
431		}
432    })
433</script>
433
434<!-- End Signed Out Bar -->
435
436                </div>
437            <div id="bodyWrapper">
438                <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
439                
440<div data-cpRole="structuralContainer" id="bodyContainerTS">
441<!-- <div data-cpRole="banner" id="banner3" class="fixedBannerTS"> --><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS">
442<div data-cpRole="structuralContainer" id="headerWrapTS">
443<div class="siteWrap2"><div data-cpRole="structuralContainer" id="flexHeader1TS" class="headerTS flexTS flex-columnTS justify-betweenTS align-centerTS">
444<div data-cpRole="structuralContainer" id="logoTS">
445<div data-cpRole="banner" id="logoInnerTS" class="bannerLogoTS empty">
446
447
448
449
450				<a id="logoInnerTS-201" style="			display: block; text-align: center;
451" class="bannerObject" href="/" target="_self"><img alt="Opelika Alabama Homepage" class="bannerObject" height="104" src="/ImageRepository/Document?documentID=8953" width="404" /></a>
452</div>
453</div><div data-cpRole="structuralContainer" id="navTS">
454<nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" aria-label="Main">
455<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
456--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!--
457			--><!--
458			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Government" target = "_self" >   Government  </a>			<!--
459			--><!--
460			--></li><!----><li id="MainItem148" class="topMenuItem" role="none" data-pageid="148" data-displaymegamenu="True"><!--
461			--><!--
462			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu148" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2 " href="/148/Departments" target = "_self" >   Departments  </a>			<!--
463			--><!--
464			--></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!--
465			--><!--
466			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem3 " href="/31/Community" target = "_self" >   Community  </a>			<!--
467			--><!--
468			--></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!--
469			--><!--
470			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/9/How-Do-I" target = "_self" >   How Do I...  </a>			<!--
471			--><!--
472			--></li><!---->
473</ol>
474
475
476	
476<script type="text/javascript">
477		(function () {
478			function setupMenu() {
479				const menuID = 'mainNavMenu';
480				const menuType = MAIN_MENU;
481
482				//setup menu manager properties for main menu
483				if (!menuManager.mobileMainNav && false)
484					menuManager.adjustMainItemsWidth('#' + menuID);
485				menuManager.isMainMenuEditable = false;
486				menuManager.mainMenuMaxSubMenuLevels = 4;
487				menuManager.setMOMMode(2, menuType);
488
489				//Init main menu
490				const setupDraggable = menuManager.isMainMenuEditable;
491				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=55&menuContainerID=mainNav';
492
493				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
494				menuManager.mainMenuInit = true;
495				menuManager.mainMenuTextResizer = true;
496				if (1.00 > 0)
497					menuManager.mainMenuTextResizerRatio = 1.00;
498				if (window.isResponsiveEnabled)
499					menuManager.mainMenuReady.resolve();
500
501			}
502
503			if (document.readyState === "complete"
504				|| document.readyState === "loaded"
505				|| document.readyState === "interactive") {
506				setupMenu();
507				return;
508			}
509
510			document.addEventListener("DOMContentLoaded", setupMenu);
511		})();
512	</script>
512
513
514
515<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal">	<div id="ccfa7e30c6-cfaf-45a2-b6a2-9da3f2bf34fa" data-containerid="fa7e30c6-cfaf-45a2-b6a2-9da3f2bf34fa" class="pageContent cpGrid cpGrid24">
516				                
517
518
519
520	</div>
521</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu148" class="contentTop mainNavMegaMenu megaMenuContainer pageID_148 hidden" data-orientation="horizontal">	<div id="ccb102f4f3-61ff-48fc-97e1-cd76adc52b70" data-containerid="b102f4f3-61ff-48fc-97e1-cd76adc52b70" class="pageContent cpGrid cpGrid24">
522				                
523
524
525
526	</div>
527</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal">	<div id="ccb38c7530-595d-4cca-8e3b-48d504cf8a58" data-containerid="b38c7530-595d-4cca-8e3b-48d504cf8a58" class="pageContent cpGrid cpGrid24">
528				                
529
530
531
532	</div>
533</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal">	<div id="cc597e6e07-578a-4805-91e5-b74e17c51143" data-containerid="597e6e07-578a-4805-91e5-b74e17c51143" class="pageContent cpGrid cpGrid24">
534				                
535
536
537
538	</div>
539</aside></aside></nav>
540</div>
541</div></div>
542</div><div data-cpRole="structuralContainer" id="searchTS">
543<div class="siteWrap2"><div data-cpRole="contentContainer" id="searchInnerTS" class="containerTS">	<div id="cc2a5d2337-000c-47ea-bdee-10450f28df7e" data-containerid="2a5d2337-000c-47ea-bdee-10450f28df7e" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="40">
544				                
545
546		<div class="row outer wide"><!--
547--><div class="outer col col12 first" style="" data-widgetcontainerid="d31efcaf-0f5c-4748-9c59-dae187a7d263">�				
548	<div class="row nest first last wide">�
549	
550	<div class="inner col col12 first last id35477353-6c11-4eef-b5f4-71a762269f0d" style="" data-widgetcontainerid="35477353-6c11-4eef-b5f4-71a762269f0d">�	
551<div data-widget-id="7cb4e898-0c71-4309-967f-a6aa07ad420d" data-widget-controller-path="/GraphicLinks/Widget">
552
553
554
555
556<div id="graphicLinkWidget7cb4e898-0c71-4309-967f-a6aa07ad420d" class="widget widgetGraphicLinks skin132 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
557	<div class="widgetHeader">
558		<div class="">
559				</div>
560	</div>
561	<div class="widgetBody cpGrid cpGrid5 ">
562		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
563				<div class="row autoWidths center wide">
564					<!--
565--><div class="col col1 first "><ul class="semanticList"><!--
566	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self">
567
568<img src="/ImageRepository/Document?documentID=8965" 
569     class="graphicButtonLink" alt="Facebook" 
570     onmouseover="this.src='/ImageRepository/Document?documentID=8965'" 
571	onmouseout="this.src='/ImageRepository/Document?documentID=8965'"
572     onfocus="this.src='/ImageRepository/Document?documentID=8965'" 
573	onblur="this.src='/ImageRepository/Document?documentID=8965'"> 
574</a></li><!--
575--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
576	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self">
577
578<img src="/ImageRepository/Document?documentID=8966" 
579     class="graphicButtonLink" alt="Instagram" 
580     onmouseover="this.src='/ImageRepository/Document?documentID=8966'" 
581	onmouseout="this.src='/ImageRepository/Document?documentID=8966'"
582     onfocus="this.src='/ImageRepository/Document?documentID=8966'" 
583	onblur="this.src='/ImageRepository/Document?documentID=8966'"> 
584</a></li><!--
585--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
586	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self">
587
588<img src="/ImageRepository/Document?documentID=8979" 
589     class="graphicButtonLink" alt="YouTube" 
590     onmouseover="this.src='/ImageRepository/Document?documentID=8979'" 
591	onmouseout="this.src='/ImageRepository/Document?documentID=8979'"
592     onfocus="this.src='/ImageRepository/Document?documentID=8979'" 
593	onblur="this.src='/ImageRepository/Document?documentID=8979'"> 
594</a></li><!--
595--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
596	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/city-of-opelika-gov/" target="_blank">
597
598<img src="/ImageRepository/Document?documentID=8967" 
599     class="graphicButtonLink" alt="Linkedin (opens in new window)" 
600     onmouseover="this.src='/ImageRepository/Document?documentID=8967'" 
601	onmouseout="this.src='/ImageRepository/Document?documentID=8967'"
602     onfocus="this.src='/ImageRepository/Document?documentID=8967'" 
603	onblur="this.src='/ImageRepository/Document?documentID=8967'"> 
604</a></li><!--
605--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
606	    --><li class="widgetItem GraphicLinks">
607
608<div>
609	<a href="/" target="_self" class="fancyButton fancyButton539 " >
610		<span>
611			<span><span class="text">Home</span></span>
612		</span>
613	</a>
614</div>
615		<style scoped="scoped">.fancyButton539.fancyButton:link,.fancyButton539.fancyButton:visited, .fancyButton539div.fancyButton{
616	background-color: rgb(90, 117, 101);
617	padding-left: 36px;
618	-webkit-border-top-left-radius: 10px;
619	-moz-border-top-left-radius: 10px;
620	-khtml-border-top-left-radius: 10px;
621	border-top-left-radius: 10px;
622	-webkit-border-top-right-radius: 10px;
623	-moz-border-top-right-radius: 10px;
624	-khtml-border-top-right-radius: 10px;
625	border-top-right-radius: 10px;
626	-webkit-border-bottom-left-radius: 10px;
627	-moz-border-bottom-left-radius: 10px;
628	-khtml-border-bottom-left-radius: 10px;
629	border-bottom-left-radius: 10px;
630	-webkit-border-bottom-right-radius: 10px;
631	-moz-border-bottom-right-radius: 10px;
632	-khtml-border-bottom-right-radius: 10px;
633	border-bottom-right-radius: 10px;
634	background-image: url('/ImageRepository/Document?documentID=8985');
635	background-repeat: no-repeat;
636	background-position: 12px  center;
637	border-top: 1px solid rgb(242, 238, 232);
638	border-left: 1px solid rgb(242, 238, 232);
639	border-right: 1px solid rgb(242, 238, 232);
640	border-bottom: 1px solid rgb(242, 238, 232);
641transition: all .2s ease;
642background-size: 24px;
643box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.20);}
644.fancyButton539.fancyButton:hover,.fancyButton539.fancyButton:focus,.fancyButton539.fancyButton:active,.fancyButton539.fancyButton.hover{
645	background-color: rgb(242, 238, 232);
646	background-image: url('/ImageRepository/Document?documentID=8986');
647	background-repeat: no-repeat;
648	background-position: 12px  center;
649	border-top: 1px solid rgb(242, 238, 232);
650	border-left: 1px solid rgb(242, 238, 232);
651	border-right: 1px solid rgb(242, 238, 232);
652	border-bottom: 1px solid rgb(242, 238, 232);
653}
654.fancyButton539.fancyButton:link > span,.fancyButton539.fancyButton:visited > span, .fancyButton539div.fancyButton > span{
655}
656.fancyButton539.fancyButton:hover > span,.fancyButton539.fancyButton:focus > span,.fancyButton539.fancyButton:active > span,.fancyButton539.fancyButton.hover > span{
657}
658.fancyButton539.fancyButton .text{
659	color: rgb(255, 255, 255);
660	font-size: 1.125em;
661	font-family: "Poppins";
662	text-align: left;
663	padding-top: 8px;
664	padding-bottom: 8px;
665	padding-right: 12px;
666	padding-left: 12px;
667	font-style: normal;
668	text-decoration: none;
669	padding-top: 8px;
670	padding-bottom: 8px;
671	padding-right: 12px;
672	padding-left: 12px;
673	background-repeat: no-repeat;
674	background-position: left top;
675transition: all .2s ease;
676}
677.fancyButton539.fancyButton:hover .text,.fancyButton539.fancyButton:focus .text,.fancyButton539.fancyButton:active .text,.fancyButton539.fancyButton.hover .text{
678	color: rgb(59, 51, 32);
679	text-decoration: underline;
680	background-repeat: no-repeat;
681	background-position: left top;
682
683
684}
685</style>
686
687 </li><!--
688--></ul></div><!--				-->
689				</div>
690			</nav>
691		</div>
692	<div class="widgetFooter">
693			</div>
694</div>
695</div>
696
697	</div> <!-- inner column -->
698
699	</div> <!-- inner row -->
700
701			</div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="5bb6648d-4fcc-4dc2-854a-47f7885b7afc">�				
702	<div class="row nest first last wide">�
703	
704	<div class="inner col col12 first last id0a99b267-2735-4ce0-9443-00052fa2d482" style="" data-widgetcontainerid="0a99b267-2735-4ce0-9443-00052fa2d482">�	
705<div data-widget-id="0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8" data-widget-controller-path="/Layout/WidgetSearch">
706	
707	
707<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
707
708	
708<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
708
709	
709<script defer type="text/javascript">
710
711		$(document).ready(function () {
712			try {
713				// Minimum characters required before performing a search/autocomplete
714				var minPrefixLength = 3;
715				var autoCompleteDebounceDelay = 500;
716				var searchFieldSelector = "#searchField" + '0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8';
717				var checkboxSelector = "#ysnSearchOnlyDept" + '0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8';
718				var buttonSelector = ".widgetSearchButton" + '0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8';
719				var autoCompleteCache = {};
720				var autoCompleteCacheKeys = [];
721				var autoCompleteCacheLimit = 25;
722				var currentAutoCompleteRequest = null;
723				var currentAutoCompleteRequestKey = null;
724				var autoCompleteDebounceTimer = null;
725				var autoCompleteDebounceKey = null;
726				var pendingAutoCompleteResponses = [];
727
728				function normalizeAutoCompleteTerm(term) {
729					return $.trim((term || "") + "").replace(/\s+/g, " ");
730				}
731
732				function shouldSearch(term) {
733					return normalizeAutoCompleteTerm(term).length >= minPrefixLength;
734				}
735
736				function getAutoCompleteUrl() {
737					return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : '');
738				}
739
740				function getAutoCompleteCacheKey(requestUrl, term) {
741					return requestUrl + "|" + term.toLowerCase();
742				}
743
744				function cacheAutoCompleteResult(cacheKey, data) {
745					if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
746						autoCompleteCacheKeys.push(cacheKey);
747						if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) {
748							delete autoCompleteCache[autoCompleteCacheKeys.shift()];
749						}
750					}
751					autoCompleteCache[cacheKey] = data;
752				}
753
754				function respondToPendingAutoComplete(data) {
755					var responses = pendingAutoCompleteResponses;
756					pendingAutoCompleteResponses = [];
757					for (var i = 0; i < responses.length; i++) {
758						responses[i](data);
759					}
760				}
761
762				function cancelPendingAutoComplete() {
763					clearTimeout(autoCompleteDebounceTimer);
764					autoCompleteDebounceKey = null;
765					if (currentAutoCompleteRequest != null) {
766						currentAutoCompleteRequest.abort();
767						currentAutoCompleteRequest = null;
768					}
769					currentAutoCompleteRequestKey = null;
770					respondToPendingAutoComplete([]);
771				}
772
773				function createWidgetAutoCompleteSource(options) {
774					return function (request, response) {
775						var term = normalizeAutoCompleteTerm(request.term);
776						if (!options.shouldSearch(term)) {
777							response([]);
778							return;
779						}
780
781						var requestUrl = options.url();
782						var cacheKey = getAutoCompleteCacheKey(requestUrl, term);
783						if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
784							response(autoCompleteCache[cacheKey]);
785							if (options.success) {
786								options.success(autoCompleteCache[cacheKey]);
787							}
788							return;
789						}
790
791						if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) {
792							pendingAutoCompleteResponses.push(response);
793							return;
794						}
795
796						cancelPendingAutoComplete();
797						autoCompleteDebounceKey = cacheKey;
798						pendingAutoCompleteResponses.push(response);
799						autoCompleteDebounceTimer = setTimeout(function () {
800							autoCompleteDebounceKey = null;
801							currentAutoCompleteRequestKey = cacheKey;
802							currentAutoCompleteRequest = $.ajax({
803								url: requestUrl,
804								dataType: "json",
805								timeout: options.timeout,
806								data: {
807									term: term,
808								},
809								success: function (data) {
810									if (currentAutoCompleteRequestKey === cacheKey) {
811										cacheAutoCompleteResult(cacheKey, data);
812										respondToPendingAutoComplete(data);
813										if (options.success) {
814											options.success(data);
815										}
816									}
817								},
818								error: function (xmlhttprequest, textstatus, message) {
819									if (textstatus === "abort") {
820										return;
821									}
822
823									if (options.error) {
824										options.error(xmlhttprequest, textstatus, message);
825									}
826
827									respondToPendingAutoComplete([]);
828								},
829								complete: function (xmlhttprequest) {
830									if (currentAutoCompleteRequest === xmlhttprequest) {
831										currentAutoCompleteRequest = null;
832										currentAutoCompleteRequestKey = null;
833									}
834								}
835							});
836						}, options.delay);
837					};
838				}
839
840				// click handler for search buttons
841				$(buttonSelector).click(function (e) {
842					e.preventDefault();
843					var $btn = $(this);
844					var $field = $btn.siblings(".widgetSearchBox");
845					var term = $field.val() + "";
846					if (!shouldSearch(term)) {
847						// do nothing until user types enough characters
848						$field.focus();
849						return;
850					}
851
852					if ($(checkboxSelector).is(':checked') || false)
853					{
854						doWidgetSearch($.trim(term), Number(0));
855					}
856					else {
857						doWidgetSearch($.trim(term), 0);
858					}
859				});
860
861				// enter key handler for the search field
862				$(searchFieldSelector).keypress(function (e) {
863					var code = e.which || e.keyCode;
864					if (code === 13) {
865						e.preventDefault();
866						var $this = $(this);
867						var term = $this.val() + "";
868						if (!shouldSearch(term)) {
869							// do nothing until user types enough characters
870							$this.focus();
871							return false;
872						}
873
874						if ($(checkboxSelector).is(':checked') || false) {
875							doWidgetSearch($.trim(term), Number(0));
876						} else {
877							doWidgetSearch($.trim(term), 0);
878						}
879						return false;
880					}
881					return true;
882				});
883
884				// autocomplete: set minLength and guard source
885				if (true) {
886					var $searchField = $(searchFieldSelector).autocomplete({
887						minLength: minPrefixLength,
888						source: createWidgetAutoCompleteSource({
889							delay: autoCompleteDebounceDelay,
890							timeout: 10000,
891							shouldSearch: shouldSearch,
892							url: getAutoCompleteUrl,
893							success: function () {
894								$('.autoCompleteError').remove();
895							},
896							error: function (xmlhttprequest, textstatus, message) {
897								if (textstatus === "timeout") {
898									if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0)
899										$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector));
900								}
901							}
902						}),
903						html: true,
904						delay: 0,
905						select: function (event, ui) {
906							$(this).val(ui.item.value);
907							$(this).next().click();
908						}
909					});
910
911					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
912						return $("<li class=\"itemList\"></li>")
913							.data("ui-autocomplete-item", item)
914							.append("<a>" + item.label + "</a>")
915							.appendTo(ul);
916					};
917				}
918
919				// keep searchBtnApplyQuery consistent with prefix rule
920				window.searchBtnApplyQuery = function() {
921					var $field = $(searchFieldSelector);
922					var term = $field.val() + "";
923					if (shouldSearch(term)) {
924						// update href for the icon/button (if present)
925						var btn = document.getElementById("btnSearchIcon");
926						if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term));
927					} else {
928						var btn = document.getElementById("btnSearchIcon");
929						if (btn) btn.href = "#";
930					}
931				};
932			}
933			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.
934		});
935	</script>
935
936
937	<section id="widgetPreviewSearch" class="widget widgetSearch skin127 widgetOptionSet57" style="display: block;" aria-label="Search">
938				<!-- For the button right and inside -->
939		<div class="widgetBody buttonRightInside">
940			<input class="widgetSearchBox widgetSearchBox0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8" cp5ph="true" id="searchField0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" />
941						<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=8961" data-image="/ImageRepository/Document?documentID=8960" src="/ImageRepository/Document?documentID=8960" /></a>
942
943			<label class="searchLabel" aria-hidden="true" for="searchField0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8">Search</label>
944		</div>
945
946	</section>
947
948
949<style scoped>
950	  
951		.widgetSearch ::-webkit-input-placeholder {
952		color: #FFFFFF;
953	  }
954		.widgetSearch :-moz-placeholder { /* Firefox 18- */
955	   color: #FFFFFF;
956	}
957		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
958	   color: #FFFFFF;
959	}
960	.widgetSearch :-ms-input-placeholder {
961	   color: #FFFFFF;
962	}
963	
964
965	.widgetSearch .widgetBody .widgetSearchBox0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8
966	{
967		color: #FFFFFF;
968		height: 64px;
969border: none;
970border-left: 4px solid #F2EEE8;
971background: #5A7565;
972padding: 0 64px 0 16px;
973font: 400 18px Poppins;
974	}
975	.widgetSearch .widgetBody .widgetSearchButton0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8
976	{
977		margin: 12px 8px 0 0;
978	}
979	.widgetSearch .widgetSearch-onlyDept0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8
980	{
981		display: inline-block;
982		color: #333;
983		
984		
985		 padding-top: 10px;
986	}
987	#ysnSearchOnlyDept0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8
988	{
989		position: relative;
990		top: .125em;
991	}
992
993</style>
994
995<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
996<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
997
998
999
1000<script type="text/javascript">
1001	//Updates search icons href to have the correct queryString
1002	function searchBtnApplyQuery() {
1003		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField0de5249d-6f3e-4bd3-a6e5-5bcefdfc9fc8").value;
1004	}
1005</script>
1005
1006
1007</div>
1008
1009	</div> <!-- inner column -->
1010
1011	</div> <!-- inner row -->
1012
1013			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1014
1015
1016	</div>
1017</div></div>
1018</div>
1019</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
1020<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS">
1021<div data-cpRole="structuralContainer" id="bannerContentTS">
1022<div class="siteWrap2"><div data-cpRole="contentContainer" id="contentTS" class="containerTS">	<div id="cc1b61b7cf-26c3-43e8-80bd-d8730c49b480" data-containerid="1b61b7cf-26c3-43e8-80bd-d8730c49b480" class="pageContent cpGrid cpGrid24 showInMobile">
1023				                
1024
1025
1026
1027	</div>
1028</div></div>
1029</div>
1030</div>
1031
1032
1033
1034
1035		<div id="bannerImagesJSON202" class="hidden"></div>
1036		<div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none">
1037			<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>
1038			<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>
1039		</div>
1040			
1040<script type="text/javascript">
1041				$(window).on("load", function () {
1042					$.when(window.Pages.rwdSetupComplete)
1043						.done(function () {
1044							renderExternalBannerSlideshow('banner1',
1045								{"BannerOptionID":202,"ThemeID":55,"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":324,"BannerOptionID":202,"FileName":"/ImageRepository/Document?documentID=9003","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":326,"BannerOptionID":202,"FileName":"/ImageRepository/Document?documentID=9004","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":327,"BannerOptionID":202,"FileName":"/ImageRepository/Document?documentID=9005","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":328,"BannerOptionID":202,"FileName":"/ImageRepository/Document?documentID=9006","Height":600,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
1046								'/App_Themes/Home/Images/',
1047								'Rotating');
1048						});
1049				});
1050			</script>
1050
1051
1052</div>
1053</div><div data-cpRole="structuralContainer" id="bgWrap1TS"><div class="inner"><div class="inner">
1054<main data-cpRole="structuralContainer" id="mainSectionTS">
1055<div data-cpRole="structuralContainer" id="bgWrap2TS">
1056<!-- CTA Container --><div data-cpRole="structuralContainer" id="ctaContainerTS">
1057<div class="siteWrap2"><div data-cpRole="contentContainer" id="ctaTS" class="containerTS">	<div id="ccebf8bf5d-d33f-4d9b-a757-12eca01af536" data-containerid="ebf8bf5d-d33f-4d9b-a757-12eca01af536" class="pageContent cpGrid cpGrid24 showInMobile">
1058				                
1059
1060		<div class="row outer wide"><!--
1061--><div class="outer col col24 first last" style="" data-widgetcontainerid="44865113-0863-4724-993e-7942985d8a4d">�				
1062	<div class="row nest first last wide">�
1063	
1064	<div class="inner col col24 first last idde3cfc58-d75f-4d38-b40a-f6f26cd1c0e9" style="" data-widgetcontainerid="de3cfc58-d75f-4d38-b40a-f6f26cd1c0e9">�	
1065<div data-widget-id="ccf8faae-a210-4dc8-9e4d-e9ae918d1c73" data-widget-controller-path="/NewsFlash/Widget">
1066
1067
1068
1069
1070
1071
1072
1073
1074
1075
1076
1077
1078
1079
1080
1081	<section class="widget widgetNewsFlash skin136 widgetOptionSet60 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashccf8faae-a210-4dc8-9e4d-e9ae918d1c73" data-elementqueryclasses='{"wide-narrow":"min-width:55em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash">
1082			<div class="widgetBody cpGrid cpGrid3 ">
1083	<div class="row  wide" style="">
1084				<div class="col col1 first ">
1085					<ol class="semanticList">
1086			<li class="widgetItem" data-news-i-d="1303">
1087
1088				<h2 id="newsFlashItemHeader1303" class="widgetTitle">	<a href="/1208/2026---2027-Moratorium" target="_self">Smart Growth Matters Moratorium </a>
1089</h2><div class="widgetDesc">
1090Find updates, meeting times, reports and more on the Smart Growth Matters development moratorium.		<a id="newsFlashReadOn1303" aria-label="Additional Info...: Smart Growth Matters Moratorium" href="/1208/2026---2027-Moratorium" target="_self" class="readOn">Additional Info...</a>
1091</div>
1092
1093			</li>
1094					</ol>
1095				</div>
1096				<div class="col col1  ">
1097					<ol class="semanticList">
1098			<li class="widgetItem" data-news-i-d="1265">
1099
1100				<h2 id="newsFlashItemHeader1265" class="widgetTitle">	<a href="https://survey123.arcgis.com/share/7228285288574dcc96bb90b9e98f9265" target="_self">Opelika Safe Streets for all </a>
1101</h2><div class="widgetDesc">
1102Do you live, work, or travel in the City of Opelika? If yes, we want to hear from you! Your thoughts on road safety are important to us. Click here to be taken to a survey.				<a href="https://survey123.arcgis.com/share/7228285288574dcc96bb90b9e98f9265" target="_self" id="newsFlashReadOn1265" aria-label="Read on...: Opelika Safe Streets for all" class="readOn">Read on...</a>
1103</div>
1104
1105			</li>
1106					</ol>
1107				</div>
1108				<div class="col col1  last">
1109					<ol class="semanticList">
1110			<li class="widgetItem" data-news-i-d="1264">
1111
1112				<h2 id="newsFlashItemHeader1264" class="widgetTitle">	<a href="https://www.opelika-al.gov/1270/Connect-with-Caboose" target="_self">Connect with Caboose </a>
1113</h2><div class="widgetDesc">
1114Click "Let's Chat" below or text "Hello" to Connect with Caboose at 855-955-LIKA (5452) to ask questions, make service requests, and search for information about the City of Opelika.				<a href="https://www.opelika-al.gov/1270/Connect-with-Caboose" target="_self" id="newsFlashReadOn1264" aria-label="Read on...: Connect with Caboose" class="readOn">Read on...</a>
1115</div>
1116
1117			</li>
1118					</ol>
1119				</div>
1120	</div>
1121
1122			</div>
1123	<div class="widgetFooter">
1124	</div>
1125	<div class="addItemModal hidden">
1126		<div class="url hidden">/CivicAlerts.aspx</div>
1127	</div>
1128
1129	</section>
1130
1131
1132
1133
1134
1135
1136
1137
1138</div>
1139	</div> <!-- inner column -->
1140
1141	</div> <!-- inner row -->
1142
1143			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1144
1145
1146	</div>
1147</div></div>
1148</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
1149<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS" class="containerTS">	<div id="cc96536641-657b-40e0-b084-44ed1b73cd05" data-containerid="96536641-657b-40e0-b084-44ed1b73cd05" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="27">
1150				                
1151
1152		<div class="row outer wide"><!--
1153--><div class="outer col col8 first" style="" data-widgetcontainerid="60bcabae-9997-493e-9925-b3cd869bdaed">�				
1154	<div class="row nest first last wide">�
1155	
1156	<div class="inner col col8 first last ided6272ad-6aeb-4574-b2fb-2721c5b88930" style="" data-widgetcontainerid="ed6272ad-6aeb-4574-b2fb-2721c5b88930">�	
1157<div data-widget-id="1ebac594-73dc-4551-88fb-c6c7eed3ebd9" data-widget-controller-path="/GraphicLinks/Widget">
1158
1159
1160
1161
1162<div id="graphicLinkWidget1ebac594-73dc-4551-88fb-c6c7eed3ebd9" class="widget widgetGraphicLinks skin130 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:18em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1163	<div class="widgetHeader">
1164		<div class="">
1165				</div>
1166	</div>
1167	<div class="widgetBody cpGrid cpGrid2 ">
1168		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1169				<div class="row   wide">
1170					<!--
1171--><div class="col col1 first "><ul class="semanticList"><!--
1172	    --><li class="widgetItem GraphicLinks">
1173
1174<div>
1175	<a href="/requesttracker.aspx" target="_self" class="fancyButton fancyButton532 " >
1176		<span>
1177			<span><span class="text"><span class="textStyle1">Report an Issue</span></span></span>
1178		</span>
1179	</a>
1180</div>
1181		<style scoped="scoped">.fancyButton532.fancyButton:link,.fancyButton532.fancyButton:visited, .fancyButton532div.fancyButton{
1182	background-image: url('/ImageRepository/Document?documentID=9060');
1183	background-repeat: no-repeat;
1184	background-position: center .5em ;
1185transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1186position: relative;
1187background-size: 9.5em;
1188}
1189
1190.fancyButton532::after {
1191content: "";
1192position: absolute;
1193left: 50%;
1194top: 2.5em;
1195transform: translate(-50%, 0);
1196width: 5em;
1197height: 5em;
1198background: #FFFFFF00;
1199border-radius: 50%;
1200transition: inherit;
1201box-sizing: border-box;}
1202.fancyButton532.fancyButton:hover,.fancyButton532.fancyButton:focus,.fancyButton532.fancyButton:active,.fancyButton532.fancyButton.hover{
1203	background-repeat: no-repeat;
1204	background-position: center top;
1205}
1206
1207.fancyButton532:is(:hover, :focus, :active)::after {
1208top: 2em;
1209background: #FFFFFF;
1210}
1211.fancyButton532.fancyButton:link > span,.fancyButton532.fancyButton:visited > span, .fancyButton532div.fancyButton > span{
1212}
1213.fancyButton532.fancyButton:hover > span,.fancyButton532.fancyButton:focus > span,.fancyButton532.fancyButton:active > span,.fancyButton532.fancyButton.hover > span{
1214}
1215.fancyButton532.fancyButton .text{
1216	padding-top: 10.5em;
1217	padding-right: .5em;
1218	padding-left: .5em;
1219	text-decoration: none;
1220	padding-top: 10.5em;
1221	padding-right: .5em;
1222	padding-left: .5em;
1223	background-image: url('/ImageRepository/Document?documentID=8982');
1224	background-repeat: no-repeat;
1225	background-position: center 2.875em ;
1226background-size: 4.25em;
1227position: relative;
1228z-index: 2;
1229transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1230}
1231.fancyButton532.fancyButton:hover .text,.fancyButton532.fancyButton:focus .text,.fancyButton532.fancyButton:active .text,.fancyButton532.fancyButton.hover .text{
1232	text-decoration: none;
1233	background-image: url('/ImageRepository/Document?documentID=8981');
1234	background-repeat: no-repeat;
1235	background-position: center 2.875em ;
1236background-size: 3.125em;
1237}
1238.fancyButton532.fancyButton .textStyle1{
1239	color: rgb(59, 51, 32);
1240	font-size: 1.125em;
1241	font-family: Poppins;
1242	font-weight: 500;
1243	text-decoration: none;
1244display: block;
1245line-height: 1.3;}
1246.fancyButton532.fancyButton:hover .textStyle1, .fancyButton532.fancyButton.hover .textStyle1{
1247	text-decoration: none;
1248}
1249
1250.fancyButton532:is(:hover, :focus, :active) .textStyle1 {
1251text-decoration: underline;}
1252</style>
1253
1254 </li><!--
1255--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1256	    --><li class="widgetItem GraphicLinks">
1257
1258<div>
1259	<a href="https://www.opelika-al.gov/428/Pay" target="_self" class="fancyButton fancyButton533 " >
1260		<span>
1261			<span><span class="text"><span class="textStyle1">Pay a Bill</span></span></span>
1262		</span>
1263	</a>
1264</div>
1265		<style scoped="scoped">.fancyButton533.fancyButton:link,.fancyButton533.fancyButton:visited, .fancyButton533div.fancyButton{
1266	background-image: url('/ImageRepository/Document?documentID=9065');
1267	background-repeat: no-repeat;
1268	background-position: center .5em ;
1269transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1270position: relative;
1271background-size: 9.5em;
1272}
1273
1274.fancyButton533::after {
1275content: "";
1276position: absolute;
1277left: 50%;
1278top: 2.5em;
1279transform: translate(-50%, 0);
1280width: 5em;
1281height: 5em;
1282background: #FFFFFF00;
1283border-radius: 50%;
1284transition: inherit;
1285box-sizing: border-box;}
1286.fancyButton533.fancyButton:hover,.fancyButton533.fancyButton:focus,.fancyButton533.fancyButton:active,.fancyButton533.fancyButton.hover{
1287	background-repeat: no-repeat;
1288	background-position: center top;
1289}
1290
1291.fancyButton533:is(:hover, :focus, :active)::after {
1292top: 2em;
1293background: #FFFFFF;
1294}
1295.fancyButton533.fancyButton:link > span,.fancyButton533.fancyButton:visited > span, .fancyButton533div.fancyButton > span{
1296}
1297.fancyButton533.fancyButton:hover > span,.fancyButton533.fancyButton:focus > span,.fancyButton533.fancyButton:active > span,.fancyButton533.fancyButton.hover > span{
1298}
1299.fancyButton533.fancyButton .text{
1300	padding-top: 10.5em;
1301	padding-right: .5em;
1302	padding-left: .5em;
1303	text-decoration: none;
1304	padding-top: 10.5em;
1305	padding-right: .5em;
1306	padding-left: .5em;
1307	background-image: url('/ImageRepository/Document?documentID=9070');
1308	background-repeat: no-repeat;
1309	background-position: center 2.95em ;
1310background-size: 4.25em;
1311position: relative;
1312z-index: 2;
1313transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1314}
1315.fancyButton533.fancyButton:hover .text,.fancyButton533.fancyButton:focus .text,.fancyButton533.fancyButton:active .text,.fancyButton533.fancyButton.hover .text{
1316	text-decoration: none;
1317	background-image: url('/ImageRepository/Document?documentID=9071');
1318	background-repeat: no-repeat;
1319	background-position: center 2.95em ;
1320background-size: 3.125em;
1321}
1322.fancyButton533.fancyButton .textStyle1{
1323	color: rgb(59, 51, 32);
1324	font-size: 1.125em;
1325	font-family: Poppins;
1326	font-weight: 500;
1327	text-decoration: none;
1328display: block;
1329line-height: 1.3;}
1330.fancyButton533.fancyButton:hover .textStyle1, .fancyButton533.fancyButton.hover .textStyle1{
1331	text-decoration: none;
1332}
1333
1334.fancyButton533:is(:hover, :focus, :active) .textStyle1 {
1335text-decoration: underline;}
1336</style>
1337
1338 </li><!--
1339--></ul></div><!--				-->
1340				</div>
1341			</nav>
1342		</div>
1343	<div class="widgetFooter">
1344			</div>
1345</div>
1346</div>
1347
1348	</div> <!-- inner column -->
1349
1350	</div> <!-- inner row -->
1351
1352			</div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="88cb36a3-4806-4d17-959d-5ebfb3911548">�				
1353	<div class="row nest first last wide">�
1354	
1355	<div class="inner col col8 first last id29a348fc-5f9f-4aa8-90ee-ac031b3d9390" style="" data-widgetcontainerid="29a348fc-5f9f-4aa8-90ee-ac031b3d9390">�	
1356<div data-widget-id="f0aace02-d110-44fb-8c46-2b62df70daaf" data-widget-controller-path="/GraphicLinks/Widget">
1357
1358
1359
1360
1361<div id="graphicLinkWidgetf0aace02-d110-44fb-8c46-2b62df70daaf" class="widget widgetGraphicLinks skin130 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:18em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1362	<div class="widgetHeader">
1363		<div class="">
1364				</div>
1365	</div>
1366	<div class="widgetBody cpGrid cpGrid2 ">
1367		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1368				<div class="row   wide">
1369					<!--
1370--><div class="col col1 first "><ul class="semanticList"><!--
1371	    --><li class="widgetItem GraphicLinks">
1372
1373<div>
1374	<a href="/129" target="_self" class="fancyButton fancyButton534 " >
1375		<span>
1376			<span><span class="text"><span class="textStyle1">Agendas &amp; Minutes</span></span></span>
1377		</span>
1378	</a>
1379</div>
1380		<style scoped="scoped">.fancyButton534.fancyButton:link,.fancyButton534.fancyButton:visited, .fancyButton534div.fancyButton{
1381	background-image: url('/ImageRepository/Document?documentID=9062');
1382	background-repeat: no-repeat;
1383	background-position: center .5em ;
1384transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1385position: relative;
1386background-size: 9.5em;
1387}
1388
1389.fancyButton534::after {
1390content: "";
1391position: absolute;
1392left: 50%;
1393top: 2.5em;
1394transform: translate(-50%, 0);
1395width: 5em;
1396height: 5em;
1397background: #FFFFFF00;
1398border-radius: 50%;
1399transition: inherit;
1400box-sizing: border-box;}
1401.fancyButton534.fancyButton:hover,.fancyButton534.fancyButton:focus,.fancyButton534.fancyButton:active,.fancyButton534.fancyButton.hover{
1402	background-repeat: no-repeat;
1403	background-position: center top;
1404}
1405
1406.fancyButton534:is(:hover, :focus, :active)::after {
1407top: 2em;
1408background: #FFFFFF;
1409}
1410.fancyButton534.fancyButton:link > span,.fancyButton534.fancyButton:visited > span, .fancyButton534div.fancyButton > span{
1411}
1412.fancyButton534.fancyButton:hover > span,.fancyButton534.fancyButton:focus > span,.fancyButton534.fancyButton:active > span,.fancyButton534.fancyButton.hover > span{
1413}
1414.fancyButton534.fancyButton .text{
1415	padding-top: 10.5em;
1416	padding-right: .5em;
1417	padding-left: .5em;
1418	text-decoration: none;
1419	padding-top: 10.5em;
1420	padding-right: .5em;
1421	padding-left: .5em;
1422	background-image: url('/ImageRepository/Document?documentID=9068');
1423	background-repeat: no-repeat;
1424	background-position: center 2.95em ;
1425background-size: 4.25em;
1426position: relative;
1427z-index: 2;
1428transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1429}
1430.fancyButton534.fancyButton:hover .text,.fancyButton534.fancyButton:focus .text,.fancyButton534.fancyButton:active .text,.fancyButton534.fancyButton.hover .text{
1431	text-decoration: none;
1432	background-image: url('/ImageRepository/Document?documentID=9069');
1433	background-repeat: no-repeat;
1434	background-position: center 2.95em ;
1435background-size: 3.125em;
1436}
1437.fancyButton534.fancyButton .textStyle1{
1438	color: rgb(59, 51, 32);
1439	font-size: 1.125em;
1440	font-family: Poppins;
1441	font-weight: 500;
1442	text-decoration: none;
1443display: block;
1444line-height: 1.3;}
1445.fancyButton534.fancyButton:hover .textStyle1, .fancyButton534.fancyButton.hover .textStyle1{
1446	text-decoration: none;
1447}
1448
1449.fancyButton534:is(:hover, :focus, :active) .textStyle1 {
1450text-decoration: underline;}
1451</style>
1452
1453 </li><!--
1454--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1455	    --><li class="widgetItem GraphicLinks">
1456
1457<div>
1458	<a href="https://www.opelika-al.gov/209/Environmental-Services" target="_self" class="fancyButton fancyButton535 " >
1459		<span>
1460			<span><span class="text"><span class="textStyle1">Trash &amp; Recycling</span></span></span>
1461		</span>
1462	</a>
1463</div>
1464		<style scoped="scoped">.fancyButton535.fancyButton:link,.fancyButton535.fancyButton:visited, .fancyButton535div.fancyButton{
1465	background-image: url('/ImageRepository/Document?documentID=9064');
1466	background-repeat: no-repeat;
1467	background-position: center .5em ;
1468transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1469position: relative;
1470background-size: 9.5em;
1471}
1472
1473.fancyButton535::after {
1474content: "";
1475position: absolute;
1476left: 50%;
1477top: 2.5em;
1478transform: translate(-50%, 0);
1479width: 5em;
1480height: 5em;
1481background: #FFFFFF00;
1482border-radius: 50%;
1483transition: inherit;
1484box-sizing: border-box;}
1485.fancyButton535.fancyButton:hover,.fancyButton535.fancyButton:focus,.fancyButton535.fancyButton:active,.fancyButton535.fancyButton.hover{
1486	background-repeat: no-repeat;
1487	background-position: center top;
1488}
1489
1490.fancyButton535:is(:hover, :focus, :active)::after {
1491top: 2em;
1492background: #FFFFFF;
1493}
1494.fancyButton535.fancyButton:link > span,.fancyButton535.fancyButton:visited > span, .fancyButton535div.fancyButton > span{
1495}
1496.fancyButton535.fancyButton:hover > span,.fancyButton535.fancyButton:focus > span,.fancyButton535.fancyButton:active > span,.fancyButton535.fancyButton.hover > span{
1497}
1498.fancyButton535.fancyButton .text{
1499	padding-top: 10.5em;
1500	padding-right: .5em;
1501	padding-left: .5em;
1502	text-decoration: none;
1503	padding-top: 10.5em;
1504	padding-right: .5em;
1505	padding-left: .5em;
1506	background-image: url('/ImageRepository/Document?documentID=9074');
1507	background-repeat: no-repeat;
1508	background-position: center 2.95em ;
1509background-size: 4.25em;
1510position: relative;
1511z-index: 2;
1512transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1513}
1514.fancyButton535.fancyButton:hover .text,.fancyButton535.fancyButton:focus .text,.fancyButton535.fancyButton:active .text,.fancyButton535.fancyButton.hover .text{
1515	text-decoration: none;
1516	background-image: url('/ImageRepository/Document?documentID=9075');
1517	background-repeat: no-repeat;
1518	background-position: center 2.95em ;
1519background-size: 3.125em;
1520}
1521.fancyButton535.fancyButton .textStyle1{
1522	color: rgb(59, 51, 32);
1523	font-size: 1.125em;
1524	font-family: Poppins;
1525	font-weight: 500;
1526	text-decoration: none;
1527display: block;
1528line-height: 1.3;}
1529.fancyButton535.fancyButton:hover .textStyle1, .fancyButton535.fancyButton.hover .textStyle1{
1530	text-decoration: none;
1531}
1532
1533.fancyButton535:is(:hover, :focus, :active) .textStyle1 {
1534text-decoration: underline;}
1535</style>
1536
1537 </li><!--
1538--></ul></div><!--				-->
1539				</div>
1540			</nav>
1541		</div>
1542	<div class="widgetFooter">
1543			</div>
1544</div>
1545</div>
1546
1547	</div> <!-- inner column -->
1548
1549	</div> <!-- inner row -->
1550
1551			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="49e5c550-d207-4871-85b7-4cd44d77a61a">�				
1552	<div class="row nest first last wide">�
1553	
1554	<div class="inner col col8 first last idc6bb559d-2117-4338-ac8b-3c4fde283d3c" style="" data-widgetcontainerid="c6bb559d-2117-4338-ac8b-3c4fde283d3c">�	
1555<div data-widget-id="9ea35565-0e0d-4424-ad07-bad304125ee0" data-widget-controller-path="/GraphicLinks/Widget">
1556
1557
1558
1559
1560<div id="graphicLinkWidget9ea35565-0e0d-4424-ad07-bad304125ee0" class="widget widgetGraphicLinks skin130 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:18em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1561	<div class="widgetHeader">
1562		<div class="">
1563				</div>
1564	</div>
1565	<div class="widgetBody cpGrid cpGrid2 ">
1566		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1567				<div class="row   wide">
1568					<!--
1569--><div class="col col1 first "><ul class="semanticList"><!--
1570	    --><li class="widgetItem GraphicLinks">
1571
1572<div>
1573	<a href="https://www.opelika-al.gov/1269/Featured-Events" target="_self" class="fancyButton fancyButton538 " >
1574		<span>
1575			<span><span class="text"><span class="textStyle1">Special Events</span></span></span>
1576		</span>
1577	</a>
1578</div>
1579		<style scoped="scoped">.fancyButton538.fancyButton:link,.fancyButton538.fancyButton:visited, .fancyButton538div.fancyButton{
1580	background-image: url('/ImageRepository/Document?documentID=9063');
1581	background-repeat: no-repeat;
1582	background-position: center .5em ;
1583transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1584position: relative;
1585background-size: 9.5em;
1586}
1587
1588.fancyButton538::after {
1589content: "";
1590position: absolute;
1591left: 50%;
1592top: 2.5em;
1593transform: translate(-50%, 0);
1594width: 5em;
1595height: 5em;
1596background: #FFFFFF00;
1597border-radius: 50%;
1598transition: inherit;
1599box-sizing: border-box; }
1600.fancyButton538.fancyButton:hover,.fancyButton538.fancyButton:focus,.fancyButton538.fancyButton:active,.fancyButton538.fancyButton.hover{
1601	background-repeat: no-repeat;
1602	background-position: center top;
1603}
1604
1605.fancyButton538:is(:hover, :focus, :active)::after {
1606top: 2em;
1607background: #FFFFFF;
1608}
1609.fancyButton538.fancyButton:link > span,.fancyButton538.fancyButton:visited > span, .fancyButton538div.fancyButton > span{
1610}
1611.fancyButton538.fancyButton:hover > span,.fancyButton538.fancyButton:focus > span,.fancyButton538.fancyButton:active > span,.fancyButton538.fancyButton.hover > span{
1612}
1613.fancyButton538.fancyButton .text{
1614	padding-top: 10.5em;
1615	padding-right: .5em;
1616	padding-left: .5em;
1617	text-decoration: none;
1618	padding-top: 10.5em;
1619	padding-right: .5em;
1620	padding-left: .5em;
1621	background-image: url('/ImageRepository/Document?documentID=9072');
1622	background-repeat: no-repeat;
1623	background-position: center 2.95em ;
1624background-size: 4.25em;
1625position: relative;
1626z-index: 2;
1627transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1); 
1628}
1629.fancyButton538.fancyButton:hover .text,.fancyButton538.fancyButton:focus .text,.fancyButton538.fancyButton:active .text,.fancyButton538.fancyButton.hover .text{
1630	text-decoration: none;
1631	background-image: url('/ImageRepository/Document?documentID=9073');
1632	background-repeat: no-repeat;
1633	background-position: center 2.95em ;
1634background-size: 3.125em;
1635}
1636.fancyButton538.fancyButton .textStyle1{
1637	color: rgb(59, 51, 32);
1638	font-size: 1.125em;
1639	font-family: Poppins;
1640	font-weight: 500;
1641	text-decoration: none;
1642display: block;
1643line-height: 1.3;}
1644.fancyButton538.fancyButton:hover .textStyle1, .fancyButton538.fancyButton.hover .textStyle1{
1645	text-decoration: none;
1646}
1647
1648.fancyButton538:is(:hover, :focus, :active) .textStyle1 {
1649text-decoration: underline;}
1650</style>
1651
1652 </li><!--
1653--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1654	    --><li class="widgetItem GraphicLinks">
1655
1656<div>
1657	<a href="/bids.aspx" target="_self" class="fancyButton fancyButton536 " >
1658		<span>
1659			<span><span class="text"><span class="textStyle1">Bids</span></span></span>
1660		</span>
1661	</a>
1662</div>
1663		<style scoped="scoped">.fancyButton536.fancyButton:link,.fancyButton536.fancyButton:visited, .fancyButton536div.fancyButton{
1664	background-image: url('/ImageRepository/Document?documentID=9061');
1665	background-repeat: no-repeat;
1666	background-position: center .5em ;
1667transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1668position: relative;
1669background-size: 9.5em;
1670}
1671
1672.fancyButton536::after {
1673content: "";
1674position: absolute;
1675left: 50%;
1676top: 2.5em;
1677transform: translate(-50%, 0);
1678width: 5em;
1679height: 5em;
1680background: #FFFFFF00;
1681border-radius: 50%;
1682transition: inherit;
1683box-sizing: border-box;}
1684.fancyButton536.fancyButton:hover,.fancyButton536.fancyButton:focus,.fancyButton536.fancyButton:active,.fancyButton536.fancyButton.hover{
1685	background-repeat: no-repeat;
1686	background-position: center top;
1687}
1688
1689.fancyButton536:is(:hover, :focus, :active)::after {
1690top: 2em;
1691background: #FFFFFF;
1692}
1693.fancyButton536.fancyButton:link > span,.fancyButton536.fancyButton:visited > span, .fancyButton536div.fancyButton > span{
1694}
1695.fancyButton536.fancyButton:hover > span,.fancyButton536.fancyButton:focus > span,.fancyButton536.fancyButton:active > span,.fancyButton536.fancyButton.hover > span{
1696}
1697.fancyButton536.fancyButton .text{
1698	padding-top: 10.5em;
1699	padding-right: .5em;
1700	padding-left: .5em;
1701	text-decoration: none;
1702	padding-top: 10.5em;
1703	padding-right: .5em;
1704	padding-left: .5em;
1705	background-image: url('/ImageRepository/Document?documentID=9066');
1706	background-repeat: no-repeat;
1707	background-position: center 2.95em ;
1708background-size: 4.25em;
1709position: relative;
1710z-index: 2;
1711transition: all 0.4s cubic-bezier(0.33, 1, 0.68, 1);
1712}
1713.fancyButton536.fancyButton:hover .text,.fancyButton536.fancyButton:focus .text,.fancyButton536.fancyButton:active .text,.fancyButton536.fancyButton.hover .text{
1714	text-decoration: none;
1715	background-image: url('/ImageRepository/Document?documentID=9067');
1716	background-repeat: no-repeat;
1717	background-position: center 2.95em ;
1718background-size: 3.125em;
1719}
1720.fancyButton536.fancyButton .textStyle1{
1721	color: rgb(59, 51, 32);
1722	font-size: 1.125em;
1723	font-family: Poppins;
1724	font-weight: 500;
1725	text-decoration: none;
1726display: block;
1727line-height: 1.3;}
1728.fancyButton536.fancyButton:hover .textStyle1, .fancyButton536.fancyButton.hover .textStyle1{
1729	text-decoration: none;
1730}
1731
1732.fancyButton536:is(:hover, :focus, :active) .textStyle1 {
1733text-decoration: underline;}
1734</style>
1735
1736 </li><!--
1737--></ul></div><!--				-->
1738				</div>
1739			</nav>
1740		</div>
1741	<div class="widgetFooter">
1742			</div>
1743</div>
1744</div>
1745
1746	</div> <!-- inner column -->
1747
1748	</div> <!-- inner row -->
1749
1750			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1751
1752
1753	</div>
1754</div></div>
1755</div><!-- Home Container --><div data-cpRole="structuralContainer" id="homeContainer1">
1756<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent1a" class="containerTS">
1756	<div id="cc1ae5e825-bc17-44dc-b079-8fc1ca281581" data-containerid="1ae5e825-bc17-44dc-b079-8fc1ca281581" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
1757				                
1758
1759
1760
1761	</div>
1762</div></div>
1763</div>
1764</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
1765<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap flexTS flex-columnTS roundedTS">
1766<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap flexTS flex-columnTS">
1767<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
1768<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
1768<script type='text/javascript'>$('#breadCrumbs').hide();</script>
1768</div><div data-cpRole="mainContentContainer" id="moduleContent">
1769	
1770	<div id="page" class="moduleContentNew">
1771		
1772
1773	<input id="hdnPageID" name="hdnPageID" type="hidden" value="1" />
1774	<input id="hdnParentID" name="hdnParentID" type="hidden" value="" />
1775	<input id="hdnVersionID" name="hdnVersionID" type="hidden" value="9767" />
1776	<input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" />
1777	<input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" />
1778	<input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" />
1779	<input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" />
1780
1781			
1782		<div id="cc1ba5700b-06c5-49c4-b549-09d3aa0f17d5" data-containerid="1ba5700b-06c5-49c4-b549-09d3aa0f17d5" class="pageContent cpGrid cpGrid24"  >
1783			
1784
1785
1786
1787		</div>
1788
1789	</div>
1790
1791	
1792	<div class="newCP">
1793
1794	</div>
1795</div>
1796</div>
1797</div>
1798</div></div>
1799</div><!-- Home Container --><div data-cpRole="structuralContainer" id="homeContainer2"><div class="inner">
1800<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent2a" class="containerTS">	<div id="cc1c882d9a-cfe4-471a-926e-9818b49a055b" data-containerid="1c882d9a-cfe4-471a-926e-9818b49a055b" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="50">
1801				                
1802
1803		<div class="row outer wide"><!--
1804--><div class="outer col col24 first last" style="" data-widgetcontainerid="9928f600-4a54-4b75-8edf-b634756059a8">�				
1805	<div class="row nest first last wide">�
1806	
1807	<div class="inner col col24 first last id7ce7e38c-3516-4aac-b6c6-bcd53d5b94bb" style="" data-widgetcontainerid="7ce7e38c-3516-4aac-b6c6-bcd53d5b94bb">�	
1808
1809	<div id="divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993" class="widget widgetTabbed wide skin137 leftTabs" data-widgetid="8d932ab1-78c0-48cf-b12d-a22e3d7bd993">
1810		<ol class="tabbedWidget cpTabs left " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style="width: 16em; ">
1811			<!--
1812					--><li class="active" role="presentation">	<a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" class="tabButton" id="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Projects" contenteditable="false">Projects</span></a>
1813</li><!--
1814					--><li class="" role="presentation">	<a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" class="tabButton" id="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Doing Business" contenteditable="false">Doing Business</span></a>
1815</li><!--
1816					--><li class="" role="presentation">	<a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" class="tabButton" id="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="2" data-tabname="Stay Connected" contenteditable="false">Stay Connected</span></a>
1817</li><!--
1818					-->
1819		</ol>
1820
1821		<div class="cpTabPanels">
1822					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
1823						<li class="active" role="presentation">	<a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" class="tabButton" id="tabBtnNarrow8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Projects" contenteditable="false">Projects</span></a>
1824</li>
1825					</ol>
1826				<div class="tabbedWidget cpTabPanel showing" style="" id="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" role="tabpanel" aria-labelledby="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_0" tabindex="-1">
1827
1828	<div data-widget-id="90808ffd-18e0-4d62-989d-442b6aef3e62" data-widget-controller-path="/QuickLinks/Widget">
1829
1830
1831
1832
1833
1834
1835
1836
1837	<section id="widgetQuicklink90808ffd-18e0-4d62-989d-442b6aef3e62" class="widget widgetQuickLinks skin138 widgetOptionSet28 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
1838			<header class="widgetHeader" id="quickLinksHeader90808ffd-18e0-4d62-989d-442b6aef3e62">
1839		<div class="">
1840						</div>
1841	</header>
1842	<div class="widgetBody cpGrid cpGrid3 ">
1843        <div class="row  narrow">
1844				<div class="col col1 first ">
1845					<ol class="semanticList">
1846
1847    <li style="position:relative" class="widgetItem QuickLinks">
1848        <a class="widgetDesc widgetQuickLinksLink" href="/1208/2026---2027-Moratorium" target="_self" >Smart Growth Matters Moratorium</a>
1849        <div class="widgetMeta"></div>
1850    </li>
1851
1852    <li style="position:relative" class="widgetItem QuickLinks">
1853        <a class="widgetDesc widgetQuickLinksLink" href="/1265/WastewaterSewer-Updates" target="_self" >Wastewater/Sewer Updates</a>
1854        <div class="widgetMeta"></div>
1855    </li>
1856
1857    <li style="position:relative" class="widgetItem QuickLinks">
1858        <a class="widgetDesc widgetQuickLinksLink" href="/1266/Traffic-Signal-Immprovements" target="_self" >Traffic Improvements</a>
1859        <div class="widgetMeta"></div>
1860    </li>
1861					</ol>
1862				</div>
1863				<div class="col col1  ">
1864					<ol class="semanticList">
1865
1866    <li style="position:relative" class="widgetItem QuickLinks">
1867        <a class="widgetDesc widgetQuickLinksLink" href="/1267/Regulatory-Updates" target="_self" >Regulatory Updates</a>
1868        <div class="widgetMeta"></div>
1869    </li>
1870
1871    <li style="position:relative" class="widgetItem QuickLinks">
1872        <a class="widgetDesc widgetQuickLinksLink" href="/1268/Road-Improvements" target="_self" >Road Improvements</a>
1873        <div class="widgetMeta"></div>
1874    </li>
1875
1876    <li style="position:relative" class="widgetItem QuickLinks">
1877        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/1271/Projects---West-Ridge-Updates" target="_self" >West Ridge Updates</a>
1878        <div class="widgetMeta"></div>
1879    </li>
1880					</ol>
1881				</div>
1882				<div class="col col1  last">
1883					<ol class="semanticList">
1884
1885    <li style="position:relative" class="widgetItem QuickLinks">
1886        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/800/Bike-and-Pedestrian-Plan-Information" target="_self" >Bike & Pedestrian Plan</a>
1887        <div class="widgetMeta"></div>
1888    </li>
1889
1890    <li style="position:relative" class="widgetItem QuickLinks">
1891        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/941/Fire-Station-2" target="_self" >New Opelika Fire Station 2</a>
1892        <div class="widgetMeta"></div>
1893    </li>
1894
1895    <li style="position:relative" class="widgetItem QuickLinks">
1896        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/1272/Projects---Opelika-City-Schools-Updates" target="_self" >Opelika City Schools Updates</a>
1897        <div class="widgetMeta"></div>
1898    </li>
1899					</ol>
1900				</div>
1901		</div>
1902        
1903	</div>
1904	<div class="widgetFooter">
1905	</div>
1906	<div class="addItemModal hidden">
1907		<div class="url hidden">/QuickLinks.aspx</div>
1908	</div>
1909
1910	</section>
1911</div>
1912
1913				</div>
1914					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
1915						<li class="" role="presentation">	<a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" class="tabButton" id="tabBtnNarrow8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Doing Business" contenteditable="false">Doing Business</span></a>
1916</li>
1917					</ol>
1918				<div class="tabbedWidget cpTabPanel " style="display: none;" id="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" role="tabpanel" aria-labelledby="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_1" tabindex="-1">
1919
1920	<div data-widget-id="29b4983a-6107-400a-ae3b-0a686f926ff7" data-widget-controller-path="/QuickLinks/Widget">
1921
1922
1923
1924
1925
1926
1927
1928
1929	<section id="widgetQuicklink29b4983a-6107-400a-ae3b-0a686f926ff7" class="widget widgetQuickLinks skin138 widgetOptionSet28 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
1930			<header class="widgetHeader" id="quickLinksHeader29b4983a-6107-400a-ae3b-0a686f926ff7">
1931		<div class="">
1932						</div>
1933	</header>
1934	<div class="widgetBody cpGrid cpGrid3 ">
1935        <div class="row  narrow">
1936				<div class="col col1 first ">
1937					<ol class="semanticList">
1938
1939    <li style="position:relative" class="widgetItem QuickLinks">
1940        <a class="widgetDesc widgetQuickLinksLink" href="/171/Applications-Fees" target="_self" >Applications & Fees</a>
1941        <div class="widgetMeta"></div>
1942    </li>
1943
1944    <li style="position:relative" class="widgetItem QuickLinks">
1945        <a class="widgetDesc widgetQuickLinksLink" href="/343/Opelika-Business-Checklist" target="_self" >Business Checklist</a>
1946        <div class="widgetMeta"></div>
1947    </li>
1948
1949    <li style="position:relative" class="widgetItem QuickLinks">
1950        <a class="widgetDesc widgetQuickLinksLink" href="/305/Revenue" target="_self" >Business License</a>
1951        <div class="widgetMeta"></div>
1952    </li>
1953					</ol>
1954				</div>
1955				<div class="col col1  ">
1956					<ol class="semanticList">
1957
1958    <li style="position:relative" class="widgetItem QuickLinks">
1959        <a class="widgetDesc widgetQuickLinksLink" href="https://ss.opelika-al.gov/EnerGovProd/SelfService#/home" target="_blank"  aria-label="Business Portal opens in new window">Business Portal</a>
1960        <div class="widgetMeta"></div>
1961    </li>
1962
1963    <li style="position:relative" class="widgetItem QuickLinks">
1964        <a class="widgetDesc widgetQuickLinksLink" href="/193/Building-Inspection-Division" target="_self" >Building Inspections</a>
1965        <div class="widgetMeta"></div>
1966    </li>
1967
1968    <li style="position:relative" class="widgetItem QuickLinks">
1969        <a class="widgetDesc widgetQuickLinksLink" href="/369/Downloadable-Forms" target="_self" >Downloadable Forms</a>
1970        <div class="widgetMeta"></div>
1971    </li>
1972					</ol>
1973				</div>
1974				<div class="col col1  last">
1975					<ol class="semanticList">
1976
1977    <li style="position:relative" class="widgetItem QuickLinks">
1978        <a class="widgetDesc widgetQuickLinksLink" href="/348/Incentives-Taxes" target="_self" >Incentives & Taxes</a>
1979        <div class="widgetMeta"></div>
1980    </li>
1981
1982    <li style="position:relative" class="widgetItem QuickLinks">
1983        <a class="widgetDesc widgetQuickLinksLink" href="/377/Vendor-Information-Guide" target="_self" >Vendor Information Guide</a>
1984        <div class="widgetMeta"></div>
1985    </li>
1986
1987    <li style="position:relative" class="widgetItem QuickLinks">
1988        <a class="widgetDesc widgetQuickLinksLink" href="https://explore.opelika-al.gov/portal/apps/sites/#/opendata" target="_self" >Maps</a>
1989        <div class="widgetMeta"></div>
1990    </li>
1991					</ol>
1992				</div>
1993		</div>
1994        
1995	</div>
1996	<div class="widgetFooter">
1997	</div>
1998	<div class="addItemModal hidden">
1999		<div class="url hidden">/QuickLinks.aspx</div>
2000	</div>
2001
2002	</section>
2003</div>
2004
2005				</div>
2006					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
2007						<li class="" role="presentation">	<a href="#tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" class="tabButton" id="tabBtnNarrow8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" role="tab" aria-controls="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="2" data-tabname="Stay Connected" contenteditable="false">Stay Connected</span></a>
2008</li>
2009					</ol>
2010				<div class="tabbedWidget cpTabPanel " style="display: none;" id="tab8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" role="tabpanel" aria-labelledby="tabBtn8d932ab1-78c0-48cf-b12d-a22e3d7bd993_2" tabindex="-1">
2011
2012	<div data-widget-id="2e34607d-b111-4a34-84fe-4d9045b85129" data-widget-controller-path="/QuickLinks/Widget">
2013
2014
2015
2016
2017
2018
2019
2020
2021	<section id="widgetQuicklink2e34607d-b111-4a34-84fe-4d9045b85129" class="widget widgetQuickLinks skin138 widgetOptionSet28 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
2022			<header class="widgetHeader" id="quickLinksHeader2e34607d-b111-4a34-84fe-4d9045b85129">
2023		<div class="">
2024						</div>
2025	</header>
2026	<div class="widgetBody cpGrid cpGrid3 ">
2027        <div class="row  narrow">
2028				<div class="col col1 first ">
2029					<ol class="semanticList">
2030
2031    <li style="position:relative" class="widgetItem QuickLinks">
2032        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/1270/Connect-with-Caboose" target="_self" >Connect with Caboose (Text/Chat)</a>
2033        <div class="widgetMeta"></div>
2034    </li>
2035
2036    <li style="position:relative" class="widgetItem QuickLinks">
2037        <a class="widgetDesc widgetQuickLinksLink" href="/CivicAlerts.aspx" target="_self" >News</a>
2038        <div class="widgetMeta"></div>
2039    </li>
2040
2041    <li style="position:relative" class="widgetItem QuickLinks">
2042        <a class="widgetDesc widgetQuickLinksLink" href="/list.aspx" target="_self" >Notify Me</a>
2043        <div class="widgetMeta"></div>
2044    </li>
2045					</ol>
2046				</div>
2047				<div class="col col1  ">
2048					<ol class="semanticList">
2049
2050    <li style="position:relative" class="widgetItem QuickLinks">
2051        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/923/Ways-To-Get-Information" target="_self" >News Bites e-Newsletter</a>
2052        <div class="widgetMeta"></div>
2053    </li>
2054
2055    <li style="position:relative" class="widgetItem QuickLinks">
2056        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/1015/That-Tracks---A-City-of-Opelika-Podcast" target="_self" >That Tracks Podcast</a>
2057        <div class="widgetMeta"></div>
2058    </li>
2059
2060    <li style="position:relative" class="widgetItem QuickLinks">
2061        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/615/On-Track-City-Newsletter" target="_self" >On Track Magazine</a>
2062        <div class="widgetMeta"></div>
2063    </li>
2064					</ol>
2065				</div>
2066				<div class="col col1  last">
2067					<ol class="semanticList">
2068
2069    <li style="position:relative" class="widgetItem QuickLinks">
2070        <a class="widgetDesc widgetQuickLinksLink" href="https://www.youtube.com/channel/UCbC211oOluLdYAAAoC8P9YQ" target="_blank"  aria-label="City of Opelika YouTube Channel opens in new window">City of Opelika YouTube Channel</a>
2071        <div class="widgetMeta"></div>
2072    </li>
2073
2074    <li style="position:relative" class="widgetItem QuickLinks">
2075        <a class="widgetDesc widgetQuickLinksLink" href="https://apps.myocv.com/share/a51836801" target="_self" >Opelika Police Department App</a>
2076        <div class="widgetMeta"></div>
2077    </li>
2078
2079    <li style="position:relative" class="widgetItem QuickLinks">
2080        <a class="widgetDesc widgetQuickLinksLink" href="https://www.leecoema.com/" target="_self" >Lee County EMA Alerts</a>
2081        <div class="widgetMeta"></div>
2082    </li>
2083					</ol>
2084				</div>
2085		</div>
2086        
2087	</div>
2088	<div class="widgetFooter">
2089	</div>
2090	<div class="addItemModal hidden">
2091		<div class="url hidden">/QuickLinks.aspx</div>
2092	</div>
2093
2094	</section>
2095</div>
2096
2097				</div>
2098					</div>
2099	</div>
2100	
2100<script type="text/javascript">
2101		
2102		$.when(window.Pages.rwdReady).done(function () {
2103			var tabbedWidgetID = 'divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993';
2104			var mediaQuerySize = 25;
2105			if (mediaQuerySize > 0) {
2106				var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)';
2107				var $tabbedWidget = $('#' + tabbedWidgetID);
2108				
2109                // Update child widget classes based on parent state
2110                var updateChildWidgetClasses = function (isParentWide) {
2111                    var liveEditEnabled = getCookieValue("enableLiveEdit") === "true";
2112                    if (liveEditEnabled)
2113                        return;
2114
2115                    var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]');
2116
2117                    if (isParentWide) {
2118                        $childWidgets.addClass('wide').removeClass('narrow');
2119                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow');
2120                    } else {
2121                        $childWidgets.addClass('narrow').removeClass('wide');
2122                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide');
2123                    }
2124                };
2125				
2126				window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, {
2127					deferSetup: false,
2128					setup: function () {
2129						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2130						if (!liveEditEnabled) {
2131							$tabbedWidget.addClass('narrow').removeClass('wide');
2132							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2133							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2134							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2135							$tabbedWidget.data("tabHeightSet", false);
2136							
2137							// Update child widget classes - parent is narrow
2138							updateChildWidgetClasses(false);
2139						}
2140					},
2141					match: function () {
2142						$tabbedWidget.addClass('wide').removeClass('narrow');
2143						cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery);
2144						$tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false');
2145						$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true');
2146
2147						if($tabbedWidget.data("tabHeightSet") == false)
2148						{
2149							$tabbedWidget.data("tabHeightSet", true);
2150
2151							var tabbedWidgetID = 'divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993';
2152							setTabbedWidgetsTabHeight(tabbedWidgetID);
2153						}
2154						$('.cpTabPanels').unbind('click');
2155						
2156						// Update child widget classes - parent is wide
2157						updateChildWidgetClasses(true);
2158					},
2159					unmatch: function () {
2160						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2161						if (!liveEditEnabled) {
2162							$tabbedWidget.addClass('narrow').removeClass('wide');
2163							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2164							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2165							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2166							
2167							// Update child widget classes - parent is narrow
2168							updateChildWidgetClasses(false);
2169						}
2170						$('.cpTabPanels').click(function() {
2171							this.scrollIntoView();
2172						});
2173					}
2174				});                
2175            }
2176        });
2177		
2178		//Used for when page is initially loaded
2179		if($('#divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993').hasClass('narrow'))
2180		{
2181			$('.cpTabPanels').click(function() {
2182				this.scrollIntoView();
2183			});
2184		}
2185		
2186
2187		//If responsive not enabled, execute this after a timeout
2188		if(!isResponsiveEnabled)
2189		{
2190			window.setTimeout(function(){
2191				var tabbedWidgetID = 'divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993';
2192				typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID);
2193			}, 1500);
2194		}
2195
2196		function reinitCarousels() {
2197			if (window.carouselsToInit) {
2198				for (var i = 0; i < window.carouselsToInit.length; i++) {
2199					carouselsToInit[i]();
2200				}
2201			}
2202		}
2203		function sizeTabbedContent(element){
2204			if(window.Pages){
2205				if(window.Pages.onResizeHandlers){
2206					var setTabbedInterval = setInterval(function () {
2207						window.Pages.onResizeHandlers.forEach(function(car){car();});
2208					}, 25)
2209
2210
2211					setTimeout(function () {
2212						clearInterval(setTabbedInterval);
2213						if ($.cookie("enableLiveEdit") === "true") {
2214							setInterval(function () {
2215								window.Pages.onResizeHandlers.forEach(function(car){car();});
2216							}, 2000);
2217						}
2218					}, 2500);
2219					element.onclick="window.setTimeout(function(){reinitCarousels();},2);"
2220				}
2221			}
2222		}
2223
2224		function adjustTab(e) {
2225			e.preventDefault();
2226			window.setTimeout(function(){
2227				reinitCarousels();
2228			}, 2);
2229			sizeTabbedContent(this);
2230		}
2231
2232		var tabButtons = document.querySelectorAll("#divTabbed8d932ab1-78c0-48cf-b12d-a22e3d7bd993 .tabButton");
2233
2234		tabButtons.forEach(function (tabButton) {
2235			tabButton.addEventListener("click", adjustTab);
2236		});
2237
2238	</script>
2238
2239
2240
2241
2242	</div> <!-- inner column -->
2243
2244	</div> <!-- inner row -->
2245
2246			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2247		<div class="row outer wide"><!--
2248--><div class="outer col col24 first last" style="" data-widgetcontainerid="fc813080-3744-4d6a-b1a5-b1b158c404e6">�				
2249	<div class="row nest first last wide">�
2250	
2251	<div class="inner col col24 first last id662a386c-f911-4f94-afb4-e2d2fec5ea35" style="" data-widgetcontainerid="662a386c-f911-4f94-afb4-e2d2fec5ea35">�	
2252    <div data-widget-id="c72af94f-be82-47aa-b311-df82413ce4da" data-widget-controller-path="/InfoAdvanced/Widget">
2253
2254
2255
2256
2257
2258	<section id="divInfoAdvc72af94f-be82-47aa-b311-df82413ce4da" class="widget widgetInfoAdvanced skin142 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2259			<header class="widgetHeader" id="headerc72af94f-be82-47aa-b311-df82413ce4da">
2260		<div class="">
2261								</div>
2262	</header>
2263	<div class="widgetBody  cpGrid cpGrid1 ">
2264		<div class="row  wide">
2265					<div class="col col1 first last">
2266						<ol class="pageStyles semanticList">
2267
2268<li class="InfoAdvanced widgetItem fr-view">
2269	<h1 class="headline">Calendar & News</h1>
2270</li>
2271<li class="InfoAdvanced widgetItem fr-view">
2272	<p>What’s Happening</p>
2273</li>						</ol>
2274					</div>
2275		</div>
2276	</div>
2277	<div class="widgetFooter">
2278
2279	</div>
2280
2281	</section>
2282
2283
2284
2285<script type="text/javascript">
2286	//Render slideshow if info advacned items contain one.
2287	$(document).ready(function (e) {
2288		$('#divInfoAdvc72af94f-be82-47aa-b311-df82413ce4da .InfoAdvanced.widgetItem').each(function () {
2289			renderSlideshowIfApplicable($(this));		
2290		});
2291	});
2292</script>
2292</div>
2293	</div> <!-- inner column -->
2294
2295	</div> <!-- inner row -->
2296
2297			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2298		<div class="row outer wide"><!--
2299--><div class="outer col col11 first" style="" data-widgetcontainerid="e0366335-175f-4cd0-8cbb-49676e43ad6c">�				
2300	<div class="row nest first last wide">�
2301	
2302	<div class="inner col col11 first last idbd21f875-cf4b-4e57-8ea2-637a45f5b826" style="" data-widgetcontainerid="bd21f875-cf4b-4e57-8ea2-637a45f5b826">�	
2303
2304	<div id="divTabbeddc0f5087-5f31-445e-903a-5c64f2475173" class="widget widgetTabbed wide skin139" data-widgetid="dc0f5087-5f31-445e-903a-5c64f2475173">
2305		<ol class="tabbedWidget cpTabs  " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" ">
2306			<!--
2307					--><li style="width: 96%;" class="active" role="presentation">	<a href="#tabdc0f5087-5f31-445e-903a-5c64f2475173_0" class="tabButton" id="tabBtndc0f5087-5f31-445e-903a-5c64f2475173_0" role="tab" aria-controls="tabdc0f5087-5f31-445e-903a-5c64f2475173_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Calendar" contenteditable="false">Calendar</span></a>
2308</li><!--
2309					-->
2310		</ol>
2311
2312		<div class="cpTabPanels">
2313					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
2314						<li class="active" role="presentation">	<a href="#tabdc0f5087-5f31-445e-903a-5c64f2475173_0" class="tabButton" id="tabBtnNarrowdc0f5087-5f31-445e-903a-5c64f2475173_0" role="tab" aria-controls="tabdc0f5087-5f31-445e-903a-5c64f2475173_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Calendar" contenteditable="false">Calendar</span></a>
2315</li>
2316					</ol>
2317				<div class="tabbedWidget cpTabPanel showing" style="" id="tabdc0f5087-5f31-445e-903a-5c64f2475173_0" role="tabpanel" aria-labelledby="tabBtndc0f5087-5f31-445e-903a-5c64f2475173_0" tabindex="-1">
2318
2319<div data-widget-id="0277ccb3-9ba1-417c-bf81-070edf5eff6f" data-widget-controller-path="/Calendar/Widget">
2320	
2320<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
2320
2321
2322
2323
2324
2325
2326
2327
2328
2329 
2330
2331
2332
2333
2334
2335
2336
2337
2338
2339
2340
2341
2342
2343
2344
2345
2346
2347
2348
2349
2350<div id="widgetCalendar0277ccb3-9ba1-417c-bf81-070edf5eff6f" class="widget widgetCalendar skin140 widgetOptionSet61 strip narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:30em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'>
2351	<div class="widgetBody cpGrid cpGrid4  ">
2352			<div class="row  auto narrow">
2353						<div class="col col1 first ">
2354			<ol class="semanticList">
2355					<li class="dateBlock" style="">
2356		<abbr class="dateAbbr" title="October">Oct</abbr>
23572	</li>
2358
2359					<li class="widgetItem " data-event-i-d="5366">
2360		<div style="" class="widgetDesc">
2361
2362
2363				<h4><a href="/Calendar.aspx?EID=5366"><span>Eerie Express</span></a></h4>
2364					</div>
2365			<a href="/Calendar.aspx?EID=5366" class="readOn" style="display:block;"><span class="visuallyHidden">Eerie Express</span><span aria-hidden="true">Read on...</span></a>
2366	</li>
2367
2368			</ol>
2369		</div>
2370		<div class="col col1  ">
2371			<ol class="semanticList">
2372					<li class="dateBlock" style="">
2373		<abbr class="dateAbbr" title="October">Oct</abbr>
23746	</li>
2375
2376					<li class="widgetItem " data-event-i-d="5400">
2377		<div style="" class="widgetDesc">
2378
2379
2380				<h4><a href="/Calendar.aspx?EID=5400"><span>National Night Out </span></a></h4>
2381					</div>
2382			<a href="/Calendar.aspx?EID=5400" class="readOn" style="display:block;"><span class="visuallyHidden">National Night Out </span><span aria-hidden="true">Read on...</span></a>
2383	</li>
2384	<li class="widgetItem " data-event-i-d="5434">
2385		<div style="" class="widgetDesc">
2386
2387
2388				<h4><a href="/Calendar.aspx?EID=5434"><span>Opelika National Night Out</span></a></h4>
2389					</div>
2390			<a href="/Calendar.aspx?EID=5434" class="readOn" style="display:block;"><span class="visuallyHidden">Opelika National Night Out</span><span aria-hidden="true">Read on...</span></a>
2391	</li>
2392
2393			</ol>
2394		</div>
2395		<div class="col col1  ">
2396			<ol class="semanticList">
2397					<li class="dateBlock" style="">
2398		<abbr class="dateAbbr" title="October">Oct</abbr>
23997	</li>
2400
2401					<li class="widgetItem " data-event-i-d="5367">
2402		<div style="" class="widgetDesc">
2403
2404
2405				<h4><a href="/Calendar.aspx?EID=5367"><span>Noon Tunes Concert Series: Jessie Lynn</span></a></h4>
2406					</div>
2407			<a href="/Calendar.aspx?EID=5367" class="readOn" style="display:block;"><span class="visuallyHidden">Noon Tunes Concert Series: Jessie Lynn</span><span aria-hidden="true">Read on...</span></a>
2408	</li>
2409
2410			</ol>
2411		</div>
2412		<div class="col col1  last">
2413			<ol class="semanticList">
2414					<li class="dateBlock" style="">
2415		<abbr class="dateAbbr" title="October">Oct</abbr>
24168	</li>
2417
2418					<li class="widgetItem " data-event-i-d="5158">
2419		<div style="" class="widgetDesc">
2420
2421
2422				<h4><a href="/Calendar.aspx?EID=5158"><span>Historic Preservation Commission Meeting</span></a></h4>
2423					</div>
2424			<a href="/Calendar.aspx?EID=5158" class="readOn" style="display:block;"><span class="visuallyHidden">Historic Preservation Commission Meeting</span><span aria-hidden="true">Read on...</span></a>
2425	</li>
2426
2427			</ol>
2428		</div>
2429
2430			</div>
2431		        <a id="calendarViewAll0277ccb3-9ba1-417c-bf81-070edf5eff6f" class="widgetViewAll" style="" href="/calendar.aspx?CID=14">View Full Calendar</a>
2432					</div>
2433	<div class="widgetFooter">
2434		
2435	</div>
2436	<div class="addItemModal hidden">
2437		<div class="url hidden">/Calendar.aspx</div>
2438	</div>
2439</div>
2440</div>
2441
2442				</div>
2443					</div>
2444	</div>
2445	
2445<script type="text/javascript">
2446		
2447		$.when(window.Pages.rwdReady).done(function () {
2448			var tabbedWidgetID = 'divTabbeddc0f5087-5f31-445e-903a-5c64f2475173';
2449			var mediaQuerySize = 25;
2450			if (mediaQuerySize > 0) {
2451				var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)';
2452				var $tabbedWidget = $('#' + tabbedWidgetID);
2453				
2454                // Update child widget classes based on parent state
2455                var updateChildWidgetClasses = function (isParentWide) {
2456                    var liveEditEnabled = getCookieValue("enableLiveEdit") === "true";
2457                    if (liveEditEnabled)
2458                        return;
2459
2460                    var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]');
2461
2462                    if (isParentWide) {
2463                        $childWidgets.addClass('wide').removeClass('narrow');
2464                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow');
2465                    } else {
2466                        $childWidgets.addClass('narrow').removeClass('wide');
2467                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide');
2468                    }
2469                };
2470				
2471				window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, {
2472					deferSetup: false,
2473					setup: function () {
2474						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2475						if (!liveEditEnabled) {
2476							$tabbedWidget.addClass('narrow').removeClass('wide');
2477							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2478							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2479							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2480							$tabbedWidget.data("tabHeightSet", false);
2481							
2482							// Update child widget classes - parent is narrow
2483							updateChildWidgetClasses(false);
2484						}
2485					},
2486					match: function () {
2487						$tabbedWidget.addClass('wide').removeClass('narrow');
2488						cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery);
2489						$tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false');
2490						$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true');
2491
2492						if($tabbedWidget.data("tabHeightSet") == false)
2493						{
2494							$tabbedWidget.data("tabHeightSet", true);
2495
2496							var tabbedWidgetID = 'divTabbeddc0f5087-5f31-445e-903a-5c64f2475173';
2497							setTabbedWidgetsTabHeight(tabbedWidgetID);
2498						}
2499						$('.cpTabPanels').unbind('click');
2500						
2501						// Update child widget classes - parent is wide
2502						updateChildWidgetClasses(true);
2503					},
2504					unmatch: function () {
2505						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2506						if (!liveEditEnabled) {
2507							$tabbedWidget.addClass('narrow').removeClass('wide');
2508							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2509							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2510							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2511							
2512							// Update child widget classes - parent is narrow
2513							updateChildWidgetClasses(false);
2514						}
2515						$('.cpTabPanels').click(function() {
2516							this.scrollIntoView();
2517						});
2518					}
2519				});                
2520            }
2521        });
2522		
2523		//Used for when page is initially loaded
2524		if($('#divTabbeddc0f5087-5f31-445e-903a-5c64f2475173').hasClass('narrow'))
2525		{
2526			$('.cpTabPanels').click(function() {
2527				this.scrollIntoView();
2528			});
2529		}
2530		
2531
2532		//If responsive not enabled, execute this after a timeout
2533		if(!isResponsiveEnabled)
2534		{
2535			window.setTimeout(function(){
2536				var tabbedWidgetID = 'divTabbeddc0f5087-5f31-445e-903a-5c64f2475173';
2537				typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID);
2538			}, 1500);
2539		}
2540
2541		function reinitCarousels() {
2542			if (window.carouselsToInit) {
2543				for (var i = 0; i < window.carouselsToInit.length; i++) {
2544					carouselsToInit[i]();
2545				}
2546			}
2547		}
2548		function sizeTabbedContent(element){
2549			if(window.Pages){
2550				if(window.Pages.onResizeHandlers){
2551					var setTabbedInterval = setInterval(function () {
2552						window.Pages.onResizeHandlers.forEach(function(car){car();});
2553					}, 25)
2554
2555
2556					setTimeout(function () {
2557						clearInterval(setTabbedInterval);
2558						if ($.cookie("enableLiveEdit") === "true") {
2559							setInterval(function () {
2560								window.Pages.onResizeHandlers.forEach(function(car){car();});
2561							}, 2000);
2562						}
2563					}, 2500);
2564					element.onclick="window.setTimeout(function(){reinitCarousels();},2);"
2565				}
2566			}
2567		}
2568
2569		function adjustTab(e) {
2570			e.preventDefault();
2571			window.setTimeout(function(){
2572				reinitCarousels();
2573			}, 2);
2574			sizeTabbedContent(this);
2575		}
2576
2577		var tabButtons = document.querySelectorAll("#divTabbeddc0f5087-5f31-445e-903a-5c64f2475173 .tabButton");
2578
2579		tabButtons.forEach(function (tabButton) {
2580			tabButton.addEventListener("click", adjustTab);
2581		});
2582
2583	</script>
2583
2584
2585
2586
2587	</div> <!-- inner column -->
2588
2589	</div> <!-- inner row -->
2590
2591			</div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="01dc8a3d-a427-4fd3-b1c5-caf88218df15">�				
2592	<div class="row nest first last wide">�
2593	
2594	<div class="inner col col2 first last idc7f211c5-4c76-48da-905d-40b394466046" style="" data-widgetcontainerid="c7f211c5-4c76-48da-905d-40b394466046">�	
2595
2596<div class="widget widgetSpacer" id="df82202a-087c-47bd-96dd-c103a2f3896a"></div>
2597	</div> <!-- inner column -->
2598
2599	</div> <!-- inner row -->
2600
2601			</div><!-- outer column --><!----><div class="outer col col11 last" style="" data-widgetcontainerid="17e365c8-216e-48ee-b7b2-e5524a9d05f6">�				
2602	<div class="row nest first last wide">�
2603	
2604	<div class="inner col col11 first last id7b3e26c8-f891-4749-8aa6-7e84e6289d28" style="" data-widgetcontainerid="7b3e26c8-f891-4749-8aa6-7e84e6289d28">�	
2605
2606	<div id="divTabbed1df13b46-70ca-4d41-b03d-fc04692de776" class="widget widgetTabbed wide skin139" data-widgetid="1df13b46-70ca-4d41-b03d-fc04692de776">
2607		<ol class="tabbedWidget cpTabs  " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" ">
2608			<!--
2609					--><li style="width: 96%;" class="active" role="presentation">	<a href="#tab1df13b46-70ca-4d41-b03d-fc04692de776_0" class="tabButton" id="tabBtn1df13b46-70ca-4d41-b03d-fc04692de776_0" role="tab" aria-controls="tab1df13b46-70ca-4d41-b03d-fc04692de776_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="News Releases" contenteditable="false">News Releases</span></a>
2610</li><!--
2611					-->
2612		</ol>
2613
2614		<div class="cpTabPanels">
2615					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
2616						<li class="active" role="presentation">	<a href="#tab1df13b46-70ca-4d41-b03d-fc04692de776_0" class="tabButton" id="tabBtnNarrow1df13b46-70ca-4d41-b03d-fc04692de776_0" role="tab" aria-controls="tab1df13b46-70ca-4d41-b03d-fc04692de776_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="News Releases" contenteditable="false">News Releases</span></a>
2617</li>
2618					</ol>
2619				<div class="tabbedWidget cpTabPanel showing" style="" id="tab1df13b46-70ca-4d41-b03d-fc04692de776_0" role="tabpanel" aria-labelledby="tabBtn1df13b46-70ca-4d41-b03d-fc04692de776_0" tabindex="-1">
2620
2621<div data-widget-id="76466c6c-bdc7-4677-9596-411f90b22101" data-widget-controller-path="/NewsFlash/Widget">
2622
2623
2624
2625
2626
2627
2628
2629
2630
2631
2632
2633
2634
2635
2636
2637	<section class="widget widgetNewsFlash skin143 widgetOptionSet62 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash76466c6c-bdc7-4677-9596-411f90b22101" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash">
2638			<div class="widgetBody cpGrid cpGrid1 ">
2639	<div class="row  wide" style="">
2640				<div class="col col1 first last">
2641					<ol class="semanticList">
2642<li class="widgetItem mediaLeft" data-news-i-d="1326">
2643
2644			<a href="/CivicAlerts.aspx?AID=1326" target="_self"><img class="media" src="/ImageRepository/Document?documentID=10785" alt="Community Relations Team win award" style="width:150px;" /></a>
2645	<div class="text" style="margin-left:157px;">
2646		<h2 id="newsFlashItemHeader1326" class="widgetTitle">	<a href="/CivicAlerts.aspx?AID=1326" target="_self">CITY OF OPELIKA COMMUNITY RELATIONS TEAM EARNS AWARDS AT REGIONAL AND NATIONAL CONFERENCES </a>
2647</h2><div class="widgetDesc">
2648The City of Opelika is proud to announce that several Community Relations team members received prestigious awards at regional and national conference...				<a href="/CivicAlerts.aspx?AID=1326" target="_self" id="newsFlashReadOn1326" aria-label="Read on...: CITY OF OPELIKA COMMUNITY RELATIONS TEAM EARNS AWARDS AT REGIONAL AND NATIONAL CONFERENCES" class="readOn">Read on...</a>
2649</div>
2650
2651	</div>
2652</li>
2653<li class="widgetItem mediaLeft" data-news-i-d="1325">
2654
2655			<a href="/CivicAlerts.aspx?AID=1325" target="_self"><img class="media" src="/ImageRepository/Document?documentID=10776" alt="City of Opelika Mayor and Economic Development team posing with the Car Tech team." style="width:150px;" /></a>
2656	<div class="text" style="margin-left:157px;">
2657		<h2 id="newsFlashItemHeader1325" class="widgetTitle">	<a href="/CivicAlerts.aspx?AID=1325" target="_self">CITY OF OPELIKA VISITS CAR TECH </a>
2658</h2><div class="widgetDesc">
2659The City of Opelika Economic Development team and Mayor Eddie Smith recently visited CarTech, where Mayor Smith welcomed Heehwa Lee, Chairman of Guyou...				<a href="/CivicAlerts.aspx?AID=1325" target="_self" id="newsFlashReadOn1325" aria-label="Read on...: CITY OF OPELIKA VISITS CAR TECH" class="readOn">Read on...</a>
2660</div>
2661
2662	</div>
2663</li>
2664<li class="widgetItem mediaLeft" data-news-i-d="1323">
2665
2666			<a href="/CivicAlerts.aspx?AID=1323" target="_self"><img class="media" src="/ImageRepository/Document?documentID=10750" alt="Two male City of Opelika Engineering employees w
2666alking on a sidewalk with tools in hand." style="width:150px;" /></a>
2667	<div class="text" style="margin-left:157px;">
2668		<h2 id="newsFlashItemHeader1323" class="widgetTitle">	<a href="/CivicAlerts.aspx?AID=1323" target="_self">UPCOMING SIDEWALK CLOSURE </a>
2669</h2><div class="widgetDesc">
2670Beginning Thursday, September 17th through Friday, September 25th the ADA sidewalk crew will begin construction at the turning lanes at the intersecti...				<a href="/CivicAlerts.aspx?AID=1323" target="_self" id="newsFlashReadOn1323" aria-label="Read on...: UPCOMING SIDEWALK CLOSURE" class="readOn">Read on...</a>
2671</div>
2672
2673	</div>
2674</li>
2675					</ol>
2676				</div>
2677	</div>
2678
2679		<a id="newsFlashViewAll76466c6c-bdc7-4677-9596-411f90b22101" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1">View All News</a>
2680			</div>
2681	<div class="widgetFooter">
2682	</div>
2683	<div class="addItemModal hidden">
2684		<div class="url hidden">/CivicAlerts.aspx</div>
2685	</div>
2686
2687	</section>
2688
2689
2690
2691
2692
2693
2694
2695
2696</div>
2697				</div>
2698					</div>
2699	</div>
2700	
2700<script type="text/javascript">
2701		
2702		$.when(window.Pages.rwdReady).done(function () {
2703			var tabbedWidgetID = 'divTabbed1df13b46-70ca-4d41-b03d-fc04692de776';
2704			var mediaQuerySize = 25;
2705			if (mediaQuerySize > 0) {
2706				var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)';
2707				var $tabbedWidget = $('#' + tabbedWidgetID);
2708				
2709                // Update child widget classes based on parent state
2710                var updateChildWidgetClasses = function (isParentWide) {
2711                    var liveEditEnabled = getCookieValue("enableLiveEdit") === "true";
2712                    if (liveEditEnabled)
2713                        return;
2714
2715                    var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]');
2716
2717                    if (isParentWide) {
2718                        $childWidgets.addClass('wide').removeClass('narrow');
2719                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow');
2720                    } else {
2721                        $childWidgets.addClass('narrow').removeClass('wide');
2722                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide');
2723                    }
2724                };
2725				
2726				window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, {
2727					deferSetup: false,
2728					setup: function () {
2729						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2730						if (!liveEditEnabled) {
2731							$tabbedWidget.addClass('narrow').removeClass('wide');
2732							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2733							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2734							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2735							$tabbedWidget.data("tabHeightSet", false);
2736							
2737							// Update child widget classes - parent is narrow
2738							updateChildWidgetClasses(false);
2739						}
2740					},
2741					match: function () {
2742						$tabbedWidget.addClass('wide').removeClass('narrow');
2743						cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery);
2744						$tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false');
2745						$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true');
2746
2747						if($tabbedWidget.data("tabHeightSet") == false)
2748						{
2749							$tabbedWidget.data("tabHeightSet", true);
2750
2751							var tabbedWidgetID = 'divTabbed1df13b46-70ca-4d41-b03d-fc04692de776';
2752							setTabbedWidgetsTabHeight(tabbedWidgetID);
2753						}
2754						$('.cpTabPanels').unbind('click');
2755						
2756						// Update child widget classes - parent is wide
2757						updateChildWidgetClasses(true);
2758					},
2759					unmatch: function () {
2760						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2761						if (!liveEditEnabled) {
2762							$tabbedWidget.addClass('narrow').removeClass('wide');
2763							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2764							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2765							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2766							
2767							// Update child widget classes - parent is narrow
2768							updateChildWidgetClasses(false);
2769						}
2770						$('.cpTabPanels').click(function() {
2771							this.scrollIntoView();
2772						});
2773					}
2774				});                
2775            }
2776        });
2777		
2778		//Used for when page is initially loaded
2779		if($('#divTabbed1df13b46-70ca-4d41-b03d-fc04692de776').hasClass('narrow'))
2780		{
2781			$('.cpTabPanels').click(function() {
2782				this.scrollIntoView();
2783			});
2784		}
2785		
2786
2787		//If responsive not enabled, execute this after a timeout
2788		if(!isResponsiveEnabled)
2789		{
2790			window.setTimeout(function(){
2791				var tabbedWidgetID = 'divTabbed1df13b46-70ca-4d41-b03d-fc04692de776';
2792				typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID);
2793			}, 1500);
2794		}
2795
2796		function reinitCarousels() {
2797			if (window.carouselsToInit) {
2798				for (var i = 0; i < window.carouselsToInit.length; i++) {
2799					carouselsToInit[i]();
2800				}
2801			}
2802		}
2803		function sizeTabbedContent(element){
2804			if(window.Pages){
2805				if(window.Pages.onResizeHandlers){
2806					var setTabbedInterval = setInterval(function () {
2807						window.Pages.onResizeHandlers.forEach(function(car){car();});
2808					}, 25)
2809
2810
2811					setTimeout(function () {
2812						clearInterval(setTabbedInterval);
2813						if ($.cookie("enableLiveEdit") === "true") {
2814							setInterval(function () {
2815								window.Pages.onResizeHandlers.forEach(function(car){car();});
2816							}, 2000);
2817						}
2818					}, 2500);
2819					element.onclick="window.setTimeout(function(){reinitCarousels();},2);"
2820				}
2821			}
2822		}
2823
2824		function adjustTab(e) {
2825			e.preventDefault();
2826			window.setTimeout(function(){
2827				reinitCarousels();
2828			}, 2);
2829			sizeTabbedContent(this);
2830		}
2831
2832		var tabButtons = document.querySelectorAll("#divTabbed1df13b46-70ca-4d41-b03d-fc04692de776 .tabButton");
2833
2834		tabButtons.forEach(function (tabButton) {
2835			tabButton.addEventListener("click", adjustTab);
2836		});
2837
2838	</script>
2838
2839
2840
2841
2842	</div> <!-- inner column -->
2843
2844	</div> <!-- inner row -->
2845
2846			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2847
2848
2849	</div>
2850</div></div></div>
2851</div><!-- Home Container --><div data-cpRole="structuralContainer" id="homeContainer3">
2852<div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent3a" class="containerTS">	<div id="cc7efbb6b9-c032-4ba8-a95c-8c417d27590a" data-containerid="7efbb6b9-c032-4ba8-a95c-8c417d27590a" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="55">
2853				                
2854
2855		<div class="row outer wide"><!--
2856--><div class="outer col col24 first last" style="" data-widgetcontainerid="663137de-6c49-49be-a89d-bb1c71ae6adb">�				
2857	<div class="row nest first last wide">�
2858	
2859	<div class="inner col col24 first last id31da1844-fc83-48f2-97e9-6d73fbd9f610" style="" data-widgetcontainerid="31da1844-fc83-48f2-97e9-6d73fbd9f610">�	
2860    <div data-widget-id="b7181944-8e30-4757-a1db-f7a7694073c7" data-widget-controller-path="/InfoAdvanced/Widget">
2861
2862
2863
2864
2865
2866	<section id="divInfoAdvb7181944-8e30-4757-a1db-f7a7694073c7" class="widget widgetInfoAdvanced skin142 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2867			<header class="widgetHeader" id="headerb7181944-8e30-4757-a1db-f7a7694073c7">
2868		<div class="">
2869								</div>
2870	</header>
2871	<div class="widgetBody  cpGrid cpGrid1 ">
2872		<div class="row  wide">
2873					<div class="col col1 first last">
2874						<ol class="pageStyles semanticList">
2875
2876<li class="InfoAdvanced widgetItem fr-view">
2877	<h1 class="headline">Get Connected</h1>
2878</li>
2879<li class="InfoAdvanced widgetItem fr-view">
2880	<p>Stay Up To Date</p>
2881</li>						</ol>
2882					</div>
2883		</div>
2884	</div>
2885	<div class="widgetFooter">
2886
2887	</div>
2888
2889	</section>
2890
2891
2892
2893<script type="text/javascript">
2894	//Render slideshow if info advacned items contain one.
2895	$(document).ready(function (e) {
2896		$('#divInfoAdvb7181944-8e30-4757-a1db-f7a7694073c7 .InfoAdvanced.widgetItem').each(function () {
2897			renderSlideshowIfApplicable($(this));		
2898		});
2899	});
2900</script>
2900</div>
2901	</div> <!-- inner column -->
2902
2903	</div> <!-- inner row -->
2904
2905			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2906		<div class="row outer wide"><!--
2907--><div class="outer col col11 first" style="" data-widgetcontainerid="2187c467-6a36-40e1-9c51-93c4d7f6542b">�				
2908	<div class="row nest first last wide">�
2909	
2910	<div class="inner col col11 first last id54d1d20d-a54e-433a-9189-e3d86bd312e2" style="" data-widgetcontainerid="54d1d20d-a54e-433a-9189-e3d86bd312e2">�	
2911 
2912	<div data-widget-id='238bd614-0b05-4a65-bfd8-e0adc6985faf' data-moduleName="customHtml" id='widgetCustomHtml238bd614-0b05-4a65-bfd8-e0adc6985faf' class="widget widgetCustomHtml skin141 narrow" >
2913	<div class="widgetBody pageStyles" id="widgetBody238bd614-0b05-4a65-bfd8-e0adc6985faf">
2914		<div id="customHtml238bd614-0b05-4a65-bfd8-e0adc6985faf"><div><!DOCTYPE html>
2915<html lang="en">
2916  <head>
2917    <meta charset="UTF-8">
2918    <meta name="viewport" content="width=device-width, initial-scale=1.0">
2919    <title>Embed Element Wrapper Widget</title>
2920    <style>
2921      body {
2922        margin: 0;
2923        padding: 0;
2924        font-family: Arial, sans-serif;
2925      }
2926
2927      .embed-wrapper {
2928        width: 100%;
2929        height: 360px;
2930        min-height: 180px;
2931        overflow: hidden;
2932      }
2933
2934      .embed-wrapper iframe {
2935        width: 100%;
2936        height: 100%;
2937        border: none;
2938      }
2939    </style>
2940  </head>
2941  <body>
2942    <div id="embedWrapper" class="embed-wrapper">
2943      <iframe id="videoPlayer" onload="var $player =  $(this);$player.height('auto').width('auto');var height = $player.height();var width = $player.width();var aspectRatio = height/width;$player.width('100%').height($player.width()*aspectRatio*(1+19/150)).css('display','block');$player.css('overflow','hidden');$player.css('border','0');" title="Video - Final Live Locally Momentum - Opelika " original-height="720" original-width="1280" data-aspect-ratio="1.736842" width="100%" height="100%" src="https://civplus.tikiliveapi.com/embed?scheme=embedVod&videoId=155649&autoplay=no" allowfullscreen=""></iframe>
2944    </div>
2945
2946    
2946<script>
2947      // Enum equivalent in JavaScript
2948      const EEmbedMessageType = {
2949        EMBED_ELEMENT_WRAPPER_HEIGHT: "EMBED_ELEMENT_WRAPPER_HEIGHT",
2950      };
2951
2952      // State management
2953      let wrapperHeight = {};
2954      const embedElementId = "130";
2955
2956      // DOM elements
2957      const embedWrapper = document.getElementById("embedWrapper");
2958
2959      // Message handler function
2960      function handleMessage(event) {
2961          if (event.data.type === EEmbedMessageType.EMBED_ELEMENT_WRAPPER_HEIGHT)
2962          {
2963              const { height, embedElementId } = event.data;
2964
2965              // Update state
2966              wrapperHeight[embedElementId] = height;
2967
2968              // Update wrapper height
2969              if (height) {
2970                embedWrapper.style.height = `${height}px`;
2971              }
2972          }
2973      }
2974
2975      // Add event listener for messages
2976      window.addEventListener("message", handleMessage);
2977
2978      // Cleanup function
2979      window.addEventListener("beforeunload", function () {
2980        window.removeEventListener("message", handleMessage);
2981      });
2982    </script>
2982
2983  </body>
2984</html></div></div>
2985	</div>
2986
2987	</div>
2988
2989	</div> <!-- inner column -->
2990
2991	</div> <!-- inner row -->
2992
2993			</div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="7c69f2e3-c056-4145-8f48-0e0fb1e77cb6">�				
2994	<div class="row nest first last wide">�
2995	
2996	<div class="inner col col2 first last idf0d0e9f1-cdeb-4174-aee5-e3c85048567d" style="" data-widgetcontainerid="f0d0e9f1-cdeb-4174-aee5-e3c85048567d">�	
2997
2998<div class="widget widgetSpacer" id="490cbc93-1795-49e3-9bd4-0e856055cb47"></div>
2999	</div> <!-- inner column -->
3000
3001	</div> <!-- inner row -->
3002
3003			</div><!-- outer column --><!----><div class="outer col col11 last" style="" data-widgetcontainerid="f56f0a7d-d73c-44df-b375-eef4942dae8d">�				
3004	<div class="row nest first last wide">�
3005	
3006	<div class="inner col col11 first last idbe5cb996-568b-44f9-b18c-ba5ccb72b76d" style="" data-widgetcontainerid="be5cb996-568b-44f9-b18c-ba5ccb72b76d">�	
3007 
3008	<div data-widget-id='95e9c7b2-3ad5-4f19-8ce5-b56b5bfa9b58' data-moduleName="customHtml" id='widgetCustomHtml95e9c7b2-3ad5-4f19-8ce5-b56b5bfa9b58' class="widget widgetCustomHtml skin141 narrow" >
3009	<div class="widgetBody pageStyles" id="widgetBody95e9c7b2-3ad5-4f19-8ce5-b56b5bfa9b58">
3010		<div id="customHtml95e9c7b2-3ad5-4f19-8ce5-b56b5bfa9b58"><div><iframe width="100%" height="360" src="https://www.youtube.com/embed/DcbEOWKMV6g?si=kjwyA89jmKtcG2o1" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen=""></iframe></div></div>
3011	</div>
3012
3013	</div>
3014
3015	</div> <!-- inner column -->
3016
3017	</div> <!-- inner row -->
3018
3019			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3020
3021
3022	</div>
3023</div></div>
3024</div>
3025</main><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS">
3026<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS" class="containerTS">	<div id="cc570e9f9a-bcb3-481f-8fde-6cd0a946e1d5" data-containerid="570e9f9a-bcb3-481f-8fde-6cd0a946e1d5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60">
3027				                
3028
3029		<div class="row outer wide"><!--
3030--><div class="outer col col18 first" style="" data-widgetcontainerid="9628d3bb-7156-4cfd-8a31-3a9d2a948a0b">�				
3031	<div class="row nest first wide">�
3032	
3033	<div class="inner col col18 first last idc56e9b1b-5457-43f9-840b-a8bab03257e1" style="" data-widgetcontainerid="c56e9b1b-5457-43f9-840b-a8bab03257e1">�	
3034    <div data-widget-id="01056351-ca4f-410e-80f9-b6912a747a48" data-widget-controller-path="/InfoAdvanced/Widget">
3035
3036
3037
3038
3039
3040	<section id="divInfoAdv01056351-ca4f-410e-80f9-b6912a747a48" class="widget widgetInfoAdvanced skin131 widgetOptionSet59 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
3041			<header class="widgetHeader" id="header01056351-ca4f-410e-80f9-b6912a747a48">
3042		<div class="">
3043								</div>
3044	</header>
3045	<div class="widgetBody  cpGrid cpGrid4 ">
3046		<div class="row autoWidths center wide">
3047					<div class="col col1 first ">
3048						<ol class="pageStyles semanticList">
3049
3050<li class="InfoAdvanced widgetItem fr-view">
3051	<p>204 South 7th Street</p>
3052</li>						</ol>
3053					</div>
3054					<div class="col col1  ">
3055						<ol class="pageStyles semanticList">
3056
3057<li class="InfoAdvanced widgetItem fr-view">
3058	<p>Opelika, AL 36801</p>
3059</li>						</ol>
3060					</div>
3061					<div class="col col1  ">
3062						<ol class="pageStyles semanticList">
3063
3064<li class="InfoAdvanced widgetItem fr-view">
3065	<p><a href="/Directory.aspx">Staff Department Directory</a></p>
3066</li>						</ol>
3067					</div>
3068					<div class="col col1  last">
3069						<ol class="pageStyles semanticList">
3070
3071<li class="InfoAdvanced widgetItem fr-view">
3072	<p><a href="/1012/6874/After-Hour-or-Weekend-Numbers?activeLiveTab=widgets">After Hour and Weekend Contacts</a></p>
3073</li>						</ol>
3074					</div>
3075		</div>
3076	</div>
3077	<div class="widgetFooter">
3078
3079	</div>
3080
3081	</section>
3082
3083
3084
3085<script type="text/javascript">
3086	//Render slideshow if info advacned items contain one.
3087	$(document).ready(function (e) {
3088		$('#divInfoAdv01056351-ca4f-410e-80f9-b6912a747a48 .InfoAdvanced.widgetItem').each(function () {
3089			renderSlideshowIfApplicable($(this));		
3090		});
3091	});
3092</script>
3092</div>
3093	</div> <!-- inner column -->
3094
3095	</div> <!-- inner row -->
3096	<div class="row nest last wide">�
3097	
3098	<div class="inner col col18 first last id829d1172-c1ed-4066-8fb7-90817641a30b" style="" data-widgetcontainerid="829d1172-c1ed-4066-8fb7-90817641a30b">�	
3099	<div data-widget-id="3d59a65d-7750-4824-b732-bb3d97a3bcd1" data-widget-controller-path="/QuickLinks/Widget">
3100
3101
3102
3103
3104
3105
3106
3107
3108	<section id="widgetQuicklink3d59a65d-7750-4824-b732-bb3d97a3bcd1" class="widget widgetQuickLinks skin131 widgetOptionSet58 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
3109			<header class="widgetHeader" id="quickLinksHeader3d59a65d-7750-4824-b732-bb3d97a3bcd1">
3110		<div class="">
3111						</div>
3112	</header>
3113	<div class="widgetBody cpGrid cpGrid6 ">
3114        <div class="row autoWidths center narrow">
3115				<div class="col col1 first ">
3116					<ol class="semanticList">
3117
3118    <li style="position:relative" class="widgetItem QuickLinks">
3119        <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a>
3120        <div class="widgetMeta"></div>
3121    </li>
3122					</ol>
3123				</div>
3124				<div class="col col1  ">
3125					<ol class="semanticList">
3126
3127    <li style="position:relative" class="widgetItem QuickLinks">
3128        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a>
3129        <div class="widgetMeta"></div>
3130    </li>
3131					</ol>
3132				</div>
3133				<div class="col col1  ">
3134					<ol class="semanticList">
3135
3136    <li style="position:relative" class="widgetItem QuickLinks">
3137        <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy Policy</a>
3138        <div class="widgetMeta"></div>
3139    </li>
3140					</ol>
3141				</div>
3142				<div class="col col1  ">
3143					<ol class="semanticList">
3144
3145    <li style="position:relative" class="widgetItem QuickLinks">
3146        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/625/Terms-and-Conditions" target="_self" >Terms & Conditions</a>
3147        <div class="widgetMeta"></div>
3148    </li>
3149					</ol>
3150				</div>
3151				<div class="col col1  ">
3152					<ol class="semanticList">
3153
3154    <li style="position:relative" class="widgetItem QuickLinks">
3155        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/840/Americans-Disability-Act-ADA" target="_self" >Americans Disabilities Act</a>
3156        <div class="widgetMeta"></div>
3157    </li>
3158					</ol>
3159				</div>
3160				<div class="col col1  last">
3161					<ol class="semanticList">
3162
3163    <li style="position:relative" class="widgetItem QuickLinks">
3164        <a class="widgetDesc widgetQuickLinksLink" href="https://www.opelika-al.gov/923/Ways-To-Get-Information" target="_self" >Ways To Get Information</a>
3165        <div class="widgetMeta"></div>
3166    </li>
3167					</ol>
3168				</div>
3169		</div>
3170        
3171	</div>
3172	<div class="widgetFooter">
3173	</div>
3174	<div class="addItemModal hidden">
3175		<div class="url hidden">/QuickLinks.aspx</div>
3176	</div>
3177
3178	</section>
3179</div>
3180
3181	</div> <!-- inner column -->
3182
3183	</div> <!-- inner row -->
3184
3185			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="1ed8e37f-403b-4a34-bc11-f6356a7095db">�				
3186	<div class="row nest first last wide">�
3187	
3188	<div class="inner col col1 first last ida8881586-91e1-47e0-9245-d03318e80739" style="" data-widgetcontainerid="a8881586-91e1-47e0-9245-d03318e80739">�	
3189
3190<div class="widget widgetSpacer" id="fe556d27-373b-4f70-aa0d-985c99269420"></div>
3191	</div> <!-- inner column -->
3192
3193	</div> <!-- inner row -->
3194
3195			</div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="9482ae9e-a0ca-4755-8682-e97178e59ea0">�				
3196	<div class="row nest first last wide">�
3197	
3198	<div class="inner col col5 first last idcaa7d10d-787f-44e6-a654-ad2089eebfdf" style="" data-widgetcontainerid="caa7d10d-787f-44e6-a654-ad2089eebfdf">�	
3199    <div data-widget-id="e6dc6a9a-0205-434c-8629-f1601d27195e" data-widget-controller-path="/InfoAdvanced/Widget">
3200
3201
3202
3203
3204
3205	<section id="divInfoAdve6dc6a9a-0205-434c-8629-f1601d27195e" class="widget widgetInfoAdvanced skin135 
3205widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
3206			<header class="widgetHeader" id="headere6dc6a9a-0205-434c-8629-f1601d27195e">
3207		<div class="">
3208								</div>
3209	</header>
3210	<div class="widgetBody  cpGrid cpGrid1 ">
3211		<div class="row  wide">
3212					<div class="col col1 first last">
3213						<ol class="pageStyles semanticList">
3214
3215<li class="InfoAdvanced widgetItem fr-view">
3216	<p><a href="/"><img src="/ImageRepository/Document?documentId=8962" class="fr-fil fr-dib" alt="Opelika Alabama Homepage"></a></p>
3217</li>						</ol>
3218					</div>
3219		</div>
3220	</div>
3221	<div class="widgetFooter">
3222
3223	</div>
3224
3225	</section>
3226
3227
3228
3229<script type="text/javascript">
3230	//Render slideshow if info advacned items contain one.
3231	$(document).ready(function (e) {
3232		$('#divInfoAdve6dc6a9a-0205-434c-8629-f1601d27195e .InfoAdvanced.widgetItem').each(function () {
3233			renderSlideshowIfApplicable($(this));		
3234		});
3235	});
3236</script>
3236</div>
3237	</div> <!-- inner column -->
3238
3239	</div> <!-- inner row -->
3240
3241			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3242
3243
3244	</div>
3245</div><div data-cpRole="contentContainer" id="poweredByTS" class="containerTS">	<div id="cc4e9b3841-cab2-4b85-a09f-4dd9f85e1530" data-containerid="4e9b3841-cab2-4b85-a09f-4dd9f85e1530" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50">
3246				                
3247
3248		<div class="row outer wide"><!--
3249--><div class="outer col col10 first" style="" data-widgetcontainerid="a33dab45-959e-4815-93ce-320f5d17a9ec">�				
3250	<div class="row nest first last wide">�
3251	
3252	<div class="inner col col10 first last idb0782b84-3163-48d6-88b2-3bc14db8f2fd" style="" data-widgetcontainerid="b0782b84-3163-48d6-88b2-3bc14db8f2fd">�	
3253<div data-widget-id="4bd54706-3cb3-4194-9009-f09d9f555188" data-widget-controller-path="/GraphicLinks/Widget">
3254
3255
3256
3257
3258<div id="graphicLinkWidget4bd54706-3cb3-4194-9009-f09d9f555188" class="widget widgetGraphicLinks skin133 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
3259	<div class="widgetHeader">
3260		<div class="">
3261				</div>
3262	</div>
3263	<div class="widgetBody cpGrid cpGrid4 ">
3264		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
3265				<div class="row autoWidths center wide">
3266					<!--
3267--><div class="col col1 first "><ul class="semanticList"><!--
3268	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self">
3269
3270<img src="/ImageRepository/Document?documentID=8965" 
3271     class="graphicButtonLink" alt="Facebook" 
3272     onmouseover="this.src='/ImageRepository/Document?documentID=8965'" 
3273	onmouseout="this.src='/ImageRepository/Document?documentID=8965'"
3274     onfocus="this.src='/ImageRepository/Document?documentID=8965'" 
3275	onblur="this.src='/ImageRepository/Document?documentID=8965'"> 
3276</a></li><!--
3277--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
3278	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self">
3279
3280<img src="/ImageRepository/Document?documentID=8966" 
3281     class="graphicButtonLink" alt="Instagram" 
3282     onmouseover="this.src='/ImageRepository/Document?documentID=8966'" 
3283	onmouseout="this.src='/ImageRepository/Document?documentID=8966'"
3284     onfocus="this.src='/ImageRepository/Document?documentID=8966'" 
3285	onblur="this.src='/ImageRepository/Document?documentID=8966'"> 
3286</a></li><!--
3287--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
3288	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self">
3289
3290<img src="/ImageRepository/Document?documentID=8979" 
3291     class="graphicButtonLink" alt="YouTube" 
3292     onmouseover="this.src='/ImageRepository/Document?documentID=8979'" 
3293	onmouseout="this.src='/ImageRepository/Document?documentID=8979'"
3294     onfocus="this.src='/ImageRepository/Document?documentID=8979'" 
3295	onblur="this.src='/ImageRepository/Document?documentID=8979'"> 
3296</a></li><!--
3297--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
3298	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/city-of-opelika-gov/" target="_blank">
3299
3300<img src="/ImageRepository/Document?documentID=8967" 
3301     class="graphicButtonLink" alt="Linkedin (opens in new window)" 
3302     onmouseover="this.src='/ImageRepository/Document?documentID=8967'" 
3303	onmouseout="this.src='/ImageRepository/Document?documentID=8967'"
3304     onfocus="this.src='/ImageRepository/Document?documentID=8967'" 
3305	onblur="this.src='/ImageRepository/Document?documentID=8967'"> 
3306</a></li><!--
3307--></ul></div><!--				-->
3308				</div>
3309			</nav>
3310		</div>
3311	<div class="widgetFooter">
3312			</div>
3313</div>
3314</div>
3315
3316	</div> <!-- inner column -->
3317
3318	</div> <!-- inner row -->
3319
3320			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="5e48b01d-f33c-4957-85fb-ee6e7ec18c54">�				
3321	<div class="row nest first last wide">�
3322	
3323	<div class="inner col col1 first last id47344ca4-55ea-48c9-b6f7-a1e2053e7ee3" style="" data-widgetcontainerid="47344ca4-55ea-48c9-b6f7-a1e2053e7ee3">�	
3324
3325<div class="widget widgetSpacer" id="9cdae956-ff5f-4829-89dc-23c6bc9b5c46"></div>
3326	</div> <!-- inner column -->
3327
3328	</div> <!-- inner row -->
3329
3330			</div><!-- outer column --><!----><div class="outer col col13 last" style="" data-widgetcontainerid="413068c9-1fb5-4d13-9b69-4b1a16b8b459">�				
3331	<div class="row nest first last wide">�
3332	
3333	<div class="inner col col13 first last id6fd08186-a28e-488d-aef4-a429d7463d10" style="" data-widgetcontainerid="6fd08186-a28e-488d-aef4-a429d7463d10">�	
3334 
3335	<div data-widget-id='088734d9-2873-4415-a312-8f450e9718e3' data-moduleName="customHtml" id='widgetCustomHtml088734d9-2873-4415-a312-8f450e9718e3' class="widget widgetCustomHtml skin133 narrow" >
3336	<div class="widgetBody pageStyles" id="widgetBody088734d9-2873-4415-a312-8f450e9718e3">
3337		<div id="customHtml088734d9-2873-4415-a312-8f450e9718e3"><div><style>
3338  /* CP icon */
3339  .cpBylineIconTS {
3340    color: #fff;
3341  }
3342  /* CP Text */
3343  .cpBylineTextTS,
3344  .cpBylineTextTS a:is(:link, :visited) {
3345    color: #fff;
3346  }
3347
3348  .cpBylineTS {
3349    text-align: center;
3350  }
3351
3352  .row.outer.wide .outer.col.last:not(.first) .cpBylineTS {
3353    text-align: right;
3354  }
3355
3356  .row.outer.wide .outer.col.first:not(.last) .cpBylineTS {
3357    text-align: left;
3358  }
3359  
3360  .cpBylineIconTS {
3361    fill: currentColor;
3362    width: 39px;
3363    height: 26px;
3364    display: inline;
3365    vertical-align: middle;
3366  }
3367</style>
3368
3369<div class="widgetItem cpBylineTS">
3370  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
3371    <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>
3372    <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>
3373  </svg>
3374  <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
3375</div>
3376</div></div>
3377	</div>
3378
3379	</div>
3380
3381	</div> <!-- inner column -->
3382
3383	</div> <!-- inner row -->
3384
3385			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3386
3387
3388	</div>
3389</div></div>
3390</footer><!-- Notice --><div data-cpRole="structuralContainer" id="noticeContainerTS">
3391<div class="siteWrap2"><div data-cpRole="contentContainer" id="noticeTS" class="containerTS">	<div id="cc7b2a9fef-c64c-4d61-854e-f140985f0afc" data-containerid="7b2a9fef-c64c-4d61-854e-f140985f0afc" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
3392				                
3393
3394		<div class="row outer wide"><!--
3395--><div class="outer col col24 first last" style="" data-widgetcontainerid="53b5b5d1-6402-49e7-958a-90d9b8d76c2c">�				
3396	<div class="row nest first last wide">�
3397	
3398	<div class="inner col col24 first last id6c4a786c-39da-4d58-adbb-7454fa3cd3d8" style="" data-widgetcontainerid="6c4a786c-39da-4d58-adbb-7454fa3cd3d8">�	
3399    <div data-widget-id="97b7e8b1-add0-480f-bdcc-64343d88cbc7" data-widget-controller-path="/InfoAdvanced/Widget">
3400
3401
3402
3403
3404
3405	<section id="divInfoAdv97b7e8b1-add0-480f-bdcc-64343d88cbc7" class="widget widgetInfoAdvanced skin134 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
3406			<header class="widgetHeader" id="header97b7e8b1-add0-480f-bdcc-64343d88cbc7">
3407		<div class="">
3408								</div>
3409	</header>
3410	<div class="widgetBody  cpGrid cpGrid1 ">
3411		<div class="row  wide">
3412					<div class="col col1 first last">
3413						<ol class="pageStyles semanticList">
3414
3415<li class="InfoAdvanced widgetItem fr-view">
3416	<p>The City of Opelika does not discriminate on the basis of disability in the admissions or access to its programs or activities. An ADA Coordinator has been designated to coordinate compliance with the non-discrimination requirements contained in the Department of Justice regulations implementing Subtitle A of Title II of the Americans with Disabilities Act (42 U.S.C. 12131), which prohibits discrimination on the basis of disability by public agencies. City of Opelika ADA Coordinator, 334-705-5130 , <a href="/cdn-cgi/l/email-protection#85e0e8e4ece9f1eabfeff6e6eaf1f1c5eaf5e0e9eceee4a8e4e9abe2eaf3">Email ADA Coordinator</a></p>
3417</li>						</ol>
3418					</div>
3419		</div>
3420	</div>
3421	<div class="widgetFooter">
3422
3423	</div>
3424
3425	</section>
vendor: 116 bytes, lines 3425-3429
3425
3426
3427
3428
3429<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
3429<script type="text/javascript">
3430	//Render slideshow if info advacned items contain one.
3431	$(document).ready(function (e) {
3432		$('#divInfoAdv97b7e8b1-add0-480f-bdcc-64343d88cbc7 .InfoAdvanced.widgetItem').each(function () {
3433			renderSlideshowIfApplicable($(this));		
3434		});
3435	});
3436</script>
3436</div>
3437	</div> <!-- inner column -->
3438
3439	</div> <!-- inner row -->
3440
3441			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3442
3443
3444	</div>
3445</div></div>
3446</div></div></div>
3447</div><!-- </div> -->
3448</div>
3449
3450            </div>
3451        </div>
3452    </div>
3453
3454<link href="/745732998.css" rel="stylesheet" type="text/css" />
3455
3456<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
3457	<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">
3458		<div class="cp-Splash-header">
3459			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
3460			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
3461				<svg id="iconClose" viewBox="0 0 25 25">
3462					<polygon style="fill:currentcolor"
3463							 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>
3464				</svg>
3465			</button>
3466		</div>
3467		<div class="cp-Splash-body">
3468			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
3469				<!-- Content from the Froala Editor will go here. -->
3470				Loading
3471			</div>
3472		</div>
3473		<div class="cp-Splash-footer">
3474			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
3475			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
3476		</div>
3477	</div>
3478</div>
3479
3480<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3480
3480
3481<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3481
3481
3482<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3482
3482
3483<script>
3484
3485		$(document).ready(function () {
3486			var filter = {
3487				targetId: '1',
3488				targetType: 1
3489			}
3490
3491			new SplashModalRender().triggerRender(filter);
3492		});
3493</script>
3493
3494
3495
3496	
3497	
3498	
3499	
3500
3501
3502
3503	
3504
3505
3506
3507
3508
3509
3510    
3510<script src="/-1442400649.js" type="text/javascript"></script>
3510
3511    <!----------Google Translate (Mobile Friendly)--------->
3512
3513<style>
3514  #google-translate-container {
3515    float: right;
3516    padding: 3px 5px 0px 0px;
3517    position: fixed; 
3518    bottom: 16px; 
3519    right: 160px; 
3520    z-index: 5;
3521  }
3522  
3523  .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * {
3524    font-family: arial;
3525    font-size: 10pt;
3526    background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png");
3527    background-position: 5px 5px;
3528    background-size: 18px;
3529    background-repeat: no-repeat;
3530    text-indent: 16px;
3531    background-color: #fff;
3532    color: #000 !important;
3533  }
3534  
3535  .goog-logo-link {
3536    display: none !important;
3537  }
3538  
3539  .goog-te-gadget {
3540    color: transparent !important;
3541  }
3542  
3543  .goog-te-gadget .goog-te-combo {
3544    margin: 2px 0 !important;
3545    border-radius: 15px !important;
3546    }
3547  
3548  .goog-te-combo{
3549    border: 1px solid !important;
3550    border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important;
3551    border-radius: 50px !important;
3552    height:31px !important;
3553    padding: 0 1px 0 .25rem !important;
3554                width: 156px;
3555  }
3556
3557  #launcher-wrapper {
3558    bottom: 50px !important;
3559  }
3560
3561</style>
3562
3563<div id="google-translate-container">
3564  <div id="google_translate_element">
3565  </div>
3566</div>
3567
3568<script>
3569
3570  function googleTranslateElementInit() {
3571    new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element");
3572    // begin accessibility compliance
3573    $('img.goog-te-gadget-icon').attr('alt','Google Translate');
3574    $('div#goog-gt-tt div.logo img').attr('alt','translate');
3575    $('div#goog-gt-tt .original-text').css('text-align','left');
3576    $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000');
3577    $('.goog-te-combo').attr('aria-label','google translate languages');
3578    $('svg.goog-te-spinner').attr('title','Google Translate Spinner');
3579    $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000');
3580  }
3581
3582  $(function() {
3583    $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit");
3584  });
3585
3586</script>
3586
3587
3588<!--------------End Google Translate----------------->
3589
3590
3591<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 3591-3592
3591
3592<script async src="https://www.googletagmanager.com/gtag/js?id=
3592UA-92405804-1
vendor: 13 bytes, line 3592
3592"></script>
3593<script>
3594  
vendor: 138 bytes, lines 3594-3598
3594window.dataLayer = window.dataLayer || [];
3595  function gtag(){dataLayer.push(arguments);}
3596  gtag('js', new Date());
3597
3598  gtag('config', '
3598UA-92405804-1
vendor: 5 bytes, line 3598
3598');
3599</script>
3599
3600
3601<!-- Fixed Nav Adjustment -->
3602<script>
3603  function getValueTS(elem, attr) {
3604    const val = elem.css(attr);
3605    if (val === undefined) return undefined;
3606    const num = parseInt(val, 10);
3607    if (num === NaN) return undefined;
3608    return num;
3609  }
3610
3611  function clampTS(number, min, max) {
3612    return Math.min(Math.max(number, min), max);
3613  }
3614
3615  function isPageEditingTS() {
3616    return (
3617      $("#doneEditing").length > 0 || // In live edit
3618      typeof DesignCenter !== "undefined" // In theme manager
3619    );
3620  }
3621
3622  const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/;
3623  function isTransparentTS(elem) {
3624    const bg = elem.css('background-color');
3625    if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false;
3626    const matchState = bg.match(bgColorRegexTS);
3627    if (!matchState || matchState.length !== 5) return false;
3628    const alpha = parseFloat(matchState[4], 10);
3629    if (!(alpha >= 0 && alpha < 1)) return false;
3630    return true;
3631  }
3632
3633  function iterateLeftpads(cb) {
3634    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
3635    for (let i = 0; i < containersTS.length; i++) {
3636      const containerTS = containersTS[i];
3637      // Skip the body container and anything with data-skip-leftpad
3638      if (
3639        containerTS.id !== "bodyContainerTS" &&
3640        containerTS.getAttribute('data-skip-leftpad') === null
3641      ) {
3642        cb(containerTS);
3643      }
3644    }
3645  }
3646
3647  const anchor = $("#divToolbars");
3648
3649  // Outer banner padding (push banner down)
3650  const outerSizingTS = $("#bannerContainerTS");
3651  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
3652  const innerSizingTS = $("#bannerSizingTS");
3653  const bodyContainerTS = $("#bodyContainerTS");
3654
3655  const forceUnfixClassTS = "forceUnfixTS";
3656
3657  const fixedTopTS = $(".fixedTopTS");
3658  const fixedBottomTS = $(".fixedBottomTS");
3659  const fixedLeftTS = $(".fixedLeftTS");
3660
3661  var initialTopTS;
3662  var topAttachTS;
3663  if (fixedTopTS && fixedTopTS.length === 1) {
3664    initialTopTS = getValueTS(fixedTopTS, 'top');
3665    const attachment = fixedTopTS.attr('data-attach');
3666    if (attachment) topAttachTS = $("#" + attachment);
3667    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
3668  }
3669
3670  function resizeAdjustmentTS() {
3671    const editing = isPageEditingTS();
3672
3673    // Fixed top script
3674    (function () {
3675      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;
3676
3677      if (editing) {
3678        fixedTopTS[0].classList.add(forceUnfixClassTS);
3679      } else {
3680        fixedTopTS[0].classList.remove(forceUnfixClassTS);
3681      }
3682
3683      const topPosition = fixedTopTS.css('position');
3684      if (topPosition === 'fixed') {
3685        if (topAttachTS) {
3686          scrollAdjustmentTS();
3687        } else {
3688          const anchorHeight = anchor.outerHeight() - 1;
3689          fixedTopTS.css('top', anchorHeight + initialTopTS);
3690        }
3691      } else {
3692        fixedTopTS.css('top', initialTopTS);
3693      }
3694
3695      if (topPosition === 'fixed' || topPosition === 'absolute') {
3696        // Bump the banner content down
3697        if (isTransparentTS(fixedTopTS)) {
3698          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1);
3699          outerSizingTS.css('padding-top', '');
3700
3701          try {
3702            window.Pages.onResizeHandlersExecute();
3703          } catch (e) { }
3704        } else {
3705          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
3706          innerSizingTS.css('padding-top', '');
3707        }
3708      } else {
3709        innerSizingTS.css('padding-top', '');
3710        outerSizingTS.css('padding-top', '');
3711      }
3712    })();
3713
3714    // Fixed bottom script
3715    (function () {
3716      if (!fixedBottomTS || fixedBottomTS.length === 0) return;
3717
3718      // If the widget has gone narrow, force unfix
3719      if (editing || fixedBottomTS.outerHeight() > 200) {
3720        fixedBottomTS[0].classList.add(forceUnfixClassTS);
3721      } else {
3722        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
3723      }
3724
3725      if (fixedBottomTS.css('position') === 'fixed') {
3726        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
3727      } else {
3728        bodyContainerTS.css('padding-bottom', '');
3729      }
3730    })();
3731
3732    // Fixed left script
3733    (function () {
3734      if (!fixedLeftTS || fixedLeftTS.length === 0) return;
3735
3736      if (editing) {
3737        fixedLeftTS[0].classList.add(forceUnfixClassTS);
3738      } else {
3739        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
3740      }
3741
3742      if (fixedLeftTS.css('position') === 'fixed') {
3743        const anchorHeight = anchor.outerHeight() - 1;
3744        fixedLeftTS.css('top', anchorHeight);
3745        const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
3746        iterateLeftpads(function (containerTS) {
3747          const containerBoundingTS = containerTS.getBoundingClientRect();
3748          if (containerBoundingTS.left <= leftBoundingTS.right) {
3749            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
3750          }
3751        });
3752      } else {
3753        fixedLeftTS.css('top', '');
3754        iterateLeftpads(function (containerTS) {
3755          $(containerTS).css('padding-left', '');
3756        });
3757      }
3758    })();
3759  }
3760
3761  function scrollAdjustmentTS() {
3762    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
3763    const topPosition = fixedTopTS.css('position');
3764    if (topPosition === 'fixed' || topPosition === 'absolute') {
3765      const anchorBounding = anchor[0].getBoundingClientRect();
3766      const attachBounding = topAttachTS[0].getBoundingClientRect();
3767      const scrollTop = $(window).scrollTop();
3768
3769      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
3770    } else {
3771      fixedTopTS.css('top', initialTopTS);
3772    }
3773  }
3774
3775  $(window).load(function () {
3776    setTimeout(function () {
3777      resizeAdjustmentTS();
3778    }, 350);
3779
3780    $(window).scroll(function () {
3781      scrollAdjustmentTS();
3782    });
3783
3784    var adjustTimeoutTS;
3785    $(window).resize(function () {
3786      clearTimeout(adjustTimeoutTS);
3787      adjustTimeoutTS = setTimeout(function () {
3788        resizeAdjustmentTS();
3789      }, 350);
3790    });
3791
3792    $.when(window.Pages.angularToolbarComplete).done(function () {
3793      resizeAdjustmentTS();
3794    });
3795  });
3796</script>
3796
3797<!-- End Fixed Nav Adjustment -->
3798
3799
3800
3801<script id="citibot-chatscript" type="text/javascript" src="https://webchat-ui.citibot.net/script.js?account_id=67c23980a67c42195c91e743"></script>
3801
3802
3803
3804
3805
3806<!-- LibraryCalendar Upcoming Events library -->
3806<script defer src="https://opelika.librarycalendar.com/modules/custom/library_calendar/lc_calendar_embed/libraries/upcoming-events/dist/main.js"></script>
3806<!-- AudioEye --> 
3806<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash="5c3fefaea2f0768554735283fb6f8e93";var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
3806 <!-- End AudioEye -->
3807
3808
3809    
3809<script type="text/javascript">
3810        $(function () {
3811            document.cookie = "responsiveGhost=0; path=/";
3812        });
3813        $(window).on("load", function () {
3814            $('body').addClass('doneLoading').removeClass('hideContent');
3815
3816            if ($('#404Content').length > 0)
3817                $('div#bodyWrapper').css('padding', '0px');
3818        });
3819    </script>
3819
3820
3821    <noscript>
3822        <style>
3823            body.hideContent {
3824                opacity: 1 !important;
3825            }
3826        </style>
3827    </noscript>
3828
3829        
3830<div style="display: none;">
3831	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
3832
3833		<symbol id="iconArrow--left" viewbox="0 0 25 25">
3834			<title>Arrow Left</title>
3835			<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>
3836		</symbol>
3837
3838		<symbol id="iconArrow--right" viewbox="0 0 25 25">
3839			<title>Arrow Right</title>
3840			<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>
3841		</symbol>
3842
3843	</svg>
3844</div>
3845    
3845<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Baskervville:italic,regular|Cantata+One:regular|Montserrat:600,700,regular|Poppins:500,500italic,600,600italic,700,700italic,800,italic,regular|Roboto:500,500italic,700,700italic,italic,regular|Roboto+Condensed:700,700italic,italic,regular|');</script>
3845
3846    
3847
3848    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
3849        <div style="display: none;">
3850            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
3851                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
3852                    <title>Slideshow Left Arrow</title>
3853                    <g>
3854                        <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>
3855                    </g>
3856                </symbol>
3857                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
3858                    <title>Slideshow Right Arrow</title>
3859                    <g>
3860                        <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>
3861                    </g>
3862                </symbol>
3863            </svg>
3864        </div>
3865    
3866	
3867	
3868
3869    <div id="root-picker-outlet"></div>
3870</body>
3871</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.