PageSourceSearch

http://garlandutilities.org/212/Contact-Us

html garlandutilities.org collected 2026-10-08 03:49:37 UTC 129,412 bytes, 3,254 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-2K0PT6R9TR';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 = {"DepartmentHeaderId":4064,"DepartmentHeaderName":"Utility Customer Service"};
86		window.pageSectionTracker = {};
87		window.isResponsiveEnabled = true;
88		window.isRemoveSetHeights= false;
89		if (window.isRemoveSetHeights) {
90			document.documentElement.className += ' removeSetHeights';
91		}
92		window.mainMenuMediaQuery = 'screen and (max-width: 40em)';
93		window.isMobileBrowserIncludingTablets = false;
94		window.fixedResponsiveMenu = false;
95		window.fullWidthResponsiveMenu = false;
96		window.responsiveMenuHeight = '';
97		window.responsiveMenuFontSize = '';
98		window.isContentAdvisor = false;
99		(function () {
100			window.setSizeCookie = function () {
101				document.cookie = "dpi=" + window.devicePixelRatio + "; path=/";
102				document.cookie = "viewportWidth=" + window.innerWidth + "; path=/";
103				document.cookie = "viewportHeight=" + window.innerHeight + "; path=/";
104				if (screen && screen.width && screen.height) {
105					document.cookie = "screenWidth=" + screen.width + "; path=/";
106					document.cookie = "screenHeight=" + screen.height + "; path=/";
107				}
108				document.cookie = "responsiveGhost=1; path=/";
109			};
110
111			setSizeCookie();
112		}());
113	</script>
113
114		<meta name="viewport" content="width=device-width, initial-scale=1">
115
116	
116<script async src="https://docaccess.com/docbox.js"></script>
116
117	<!-- Google Tag Manager -->
118<script>
vendor: 333 bytes, lines 118-123
118
119(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
120new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
121j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
122'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
123})(window,document,'script','dataLayer','
123GTM-5L23GZX
vendor: 5 bytes, line 123
123');
124</script>
124
125<!-- End Google Tag Manager -->
126
127<meta name="google-site-verification" content="cUu3FRvtjL1opvC6bQgsdst-IXb7sA9kwyOBSzer6r8" />
128
129<!-- Favicon MetaTags -->
130<link rel="icon" type="image/png" sizes="192x192" href="/DocumentCenter/View/5278">
131<link rel="icon" type="image/png" sizes="256x256" href="/DocumentCenter/View/5279">
132<link rel="apple-touch-icon" sizes="120x120" href="/DocumentCenter/View/5280">
133<link rel="icon" type="image/png" sizes="16x16" href="/DocumentCenter/View/5281">
134<link rel="icon" type="image/png" sizes="32x32" href="/DocumentCenter/View/5282">
135<meta name="msapplication-config" content="/DocumentCenter/View/5283">
136<link rel="icon" type="image/png" sizes="150x150" href="/DocumentCenter/View/5283">
137<link rel="mask-icon" href="/DocumentCenter/View/5285">
138<link rel="shortcut icon" href="/DocumentCenter/View/5286">
139<link rel="manifest" href="/DocumentCenter/View/5287">
140<meta name="msapplication-TileColor" content="#da532c">
141<meta name="theme-color" content="#ffffff">
142<!-- End Favicon MetaTags -->
143
144<!-- Meta Pixel Code -->
145<script>
vendor: 408 bytes, lines 145-154
145
146!function(f,b,e,v,n,t,s)
147{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
148n.callMethod.apply(n,arguments):n.queue.push(arguments)};
149if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
150n.queue=[];t=b.createElement(e);t.async=!0;
151t.src=v;s=b.getElementsByTagName(e)[0];
152s.parentNode.insertBefore(t,s)}(window, document,'script',
153'https://connect.facebook.net/en_US/fbevents.js');
154fbq('init', '
1541701130857800427
vendor: 32 bytes, lines 154-155
154');
155fbq('track', 'PageView');
156</script>
156
157<noscript>
158  <img height="1" width="1" style="display:none"
159       src="https://www.facebook.com/tr?id=1701130857800427&ev=PageView&noscript=1" />
160</noscript>
161<!-- End Meta Pixel Code -->
162	<meta name="category0" content="Home" />
163<meta name="category1" content="City Services" />
164<meta name="category2" content="Departments R - Z" />
165<meta name="category3" content="Utility Customer Service" />
166<meta name="category4" content="Contact Us" />
167
168	
169	<meta name="theme-color" content="rgb(42, 79, 126)">
170	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
171	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
172		<title>Contact Us | Garland, TX</title>
173
174		<meta name="description" content="Access contact information for the Utility Customer Service Department.">
175			
175<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
175
176	
176<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
176
177	
178
179	<!--[if IE 6]>
179<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
179<![endif]-->
180	<!--[if IE 7]>
180<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
180<![endif]-->
181	<!--[if IE 8]>
181<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
181<![endif]-->
182	<!--[if IE 9]>
182<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
182<![endif]-->
183	
183<script type="text/javascript"><!--
184	var intCountryCode = 840;
185	var order = '';
186//--></script>
186
187	
188	<link href="/-2140275272.css" rel="stylesheet" type="text/css" />	<link href="/-1096344974.css" rel="stylesheet" type="text/css" />
189
190	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
191	
191<script type="text/javascript">
192		window.Pages = window.Pages || {};
193		// FrontEnd RWD initialization
194		window.Pages.rwdReady = $.Deferred();
195		window.Pages.toolBarDeferred = $.Deferred();
196		window.Pages.rwdSetupComplete = $.Deferred();
197		window.Pages.megaMenuLoaded = $.Deferred();
198		window.Pages.angularToolbarComplete = $.Deferred();
199		window.Pages.frontEndToolbarComplete = $.Deferred();
200	</script>
200
201	<!--CPHeadContent-->
202	
202<script src="/739942322.js" type="text/javascript"></script>
202
203	
204	
205	
206	
207
208
209
210
211	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
212	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
213	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
214	<!--[if lt IE 9]>
214<script type="text/javascript" src="/Scripts/html5.js"></script>
214<![endif]-->
215
216	
216<script type="text/javascript">
217		setEditorVariables(false, 840);
218		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
219	</script>
219
220	
220<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
220
221</head>
222<body class="wide " >
223
224    
224<script>jQuery(document).click(function (event) {
225	var target = jQuery(event.target);
226	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
227		var text = target.attr('title');
228		
229		if (!text.length) {
230			text = "N/A";
231		}
232		ga('send',
233			{
234				hitType: 'event',
235				eventCategory: 'Image',
236				eventAction: 'Image - ' + text,
237				eventLabel: window.location.href
238			});
239	}
240	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
241		var text = "";
242		if (target.parents('.button')[0]) {
243			text = target.parents('.button').first().text();
244		} else if (target.text().length) {
245			text = target.text();
246		} else if (target.attr('title').length) {
247			text = target.attr('title');
248		}
249		if (!text.length) {
250			text = "N/A";
251		}
252		ga('send',
253			{
254				hitType: 'event',
255				eventCategory: 'Button',
256				eventAction: 'Button - ' + text,
257				eventLabel: window.location.href
258			});
259	}
260	if (target.parents('.widgetCustomHtml').length) {
261		ga('send',
262			{
263				hitType: 'event',
264				eventCategory: 'Custom Html',
265				eventAction: 'Custom Html Clicked',
266				eventLabel: window.location.href
267			});
268	}
269	if (target.parents('.editor').length) {
270		ga('send',
271			{
272				hitType: 'event',
273				eventCategory: 'Editor',
274				eventAction: 'Editor Link Clicked',
275				eventLabel: window.location.href
276			});
277	}
278	if (target.parents('.GraphicLinks').length) {
279		var text = "";
280		var targetGraphicLink = target;
281		if (target.hasClass('widgetGraphicLinksLink')) {
282			targetGraphicLink = jQuery(target.children()[0]);
283		}
284		if (targetGraphicLink.hasClass('text')) {
285			text = targetGraphicLink.text();
286		} else if (targetGraphicLink.attr('src').length) {
287			if (targetGraphicLink.attr('alt').length) {
288				text = targetGraphicLink.attr('alt');
289			} else {
290				text = targetGraphicLink.attr('src');
291			}
292		} else {
293			text = "N/A";
294		}
295		ga('send',
296			{
297				hitType: 'event',
298				eventCategory: 'Graphic Links',
299				eventAction: 'Graphic Link - ' + text,
300				eventLabel: window.location.href
301			});
302	}
303	if (target.parents('.InfoAdvanced').length) {
304		ga('send',
305			{
306				hitType: 'event',
307				eventCategory: 'Info Advanced',
308				eventAction: 'Info Advanced Clicked',
309				eventLabel: window.location.href
310			});
311	}
312	if (target.parents('.list').length) {
313		ga('send',
314			{
315				hitType: 'event',
316				eventCategory: 'List',
317				eventAction: 'List Clicked',
318				eventLabel: window.location.href
319			});
320	}
321	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
322		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
323		var breadCrumbs = [];
324		jQuery('.breadCrumbs > li').each(function () {
325			 breadCrumbs.push(this.textContent);
326		});
327		var pageTitle = breadCrumbs.join('>');
328		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
329		var text = "";
330		if (pageTitle) {
331			text += pageTitle + " | ";
332		} else {
333			text += document.title + ' - ';
334		}
335		if (target.text() == "" && megaMenuText == "") {
336			text += "N/A";
337		} else if (target.text().length && megaMenuText.length) {
338			if (megaMenuText == target.text()) {
339				text += megaMenuText;
340			} else {
341				text += megaMenuText + " - " + subTitleText + " - " + target.text();
342			}
343		} else if (target.text() == "") {
344			text += megaMenuText;
345		} else {
346			text += target.text();
347		}
348		if (!text.length) {
349			text = "N/A";
350		}
351		ga('send',
352			{
353				hitType: 'event',
354				eventCategory: 'Mega Menu',
355				eventAction: 'Mega Menu : ' + text,
356				eventLabel: window.location.href
357			});
358	}
359	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
360		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
361		if (!text.length) {
362			text = "N/A";
363		}
364		ga('send',
365			{
366				hitType: 'event',
367				eventCategory: 'News Flash',
368				eventAction: 'News Flash - ' + text,
369				eventLabel: window.location.href
370			});
371	}
372	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
373		var text = target.text();
374		if (!text.length) {
375			text = "N/A";
376		}
377		ga('send',
378			{
379				hitType: 'event',
380				eventCategory: 'Quick Links',
381				eventAction: 'Quick Links - ' + text,
382				eventLabel: window.location.href
383			});
384	}
385	if (target.attr('src') && target.parents('.cpSlideshow').length) {
386		var text = target.attr('title');
387		if (!text.length) {
388			text = "N/A";
389		}
390		ga('send',
391			{
392				hitType: 'event',
393				eventCategory: 'Slideshow',
394				eventAction: 'Slideshow - ' + text,
395				eventLabel: window.location.href
396			});
397	}
398	if (target.parents('.widgetText').length) {
399		ga('send',
400			{
401				hitType: 'event',
402				eventCategory: 'Text',
403				eventAction: 'Text Link Clicked',
404				eventLabel: window.location.href
405			});
406	}
407});</script>
407
408	<div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;">
409	<div class="cp-PopOver-header">
410		<h3 class="cp-PopOver-title"></h3>
411		<button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)">
412			<svg class="cp-Icon--close" alt="close" title="close">
413				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use>
414			</svg>
415		</button>
416	</div>
417	<div id="cpPopOverBody" class="cp-PopOver-body">
418		<form id="cpPopOverForm" name="cpPopOverForm" novalidate></form>
419	</div>
420	<div id="cpPopOverFooter" class="cp-PopOver-footer">
421		<div class="cp-BtnGroup" id="actionButtons">
422			<!-- Action buttons will be dynamically added here -->
423		</div>
424	</div>
425</div>
426    <div id="fb-root"></div>
427<div id=skipToContentLinks>
428<a href="#cc32cab4b9-4313-4804-88a8-ec825d1c3cc2" target="_self" class="skipToContentLink">Skip to Main Content</a>
429</div>
430    <form id="frmReferenceFormForTelerikEditorDialogs"></form>
431
432        <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />
433
434
435
436    <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
437    <input type="hidden" id="hdnStructureID" value="7" />
438    <input type="hidden" id="hdnContentCollectionID" value="2ebf7c4f-66d5-48a9-9bff-9b4e4816bd3a" />
439    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
440    <input type="hidden" id="hdnThemeID" value="100" />
441    <input type="hidden" id="pageIsFrontEnd" value="true" />
442    <input type="hidden" id="pageModuleID" />
443    <input type="hidden" id="pagePageID" value="212" />
444
445    <div id="stickyPlaceholder"></div>
446    <div id="outer-wrap" class="outer-wrap">
447        <div id="inner-wrap" class="inner-wrap">
448                <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
449                    
450
451
452
453<!-- Begin Signed Out Bar -->
454<div class="cpToolbar user public">
455    <div class="inner selfClear">
456        <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>
457        <ul class="nav secondary">
458	        <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li>
459        </ul>
460    </div>
461</div>
462<script>
463    $(document).ready(function () {
464        $('#signedOutToolbarCreateProfileButton').click(function (event) {
465            event.preventDefault();
466            window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin;
467        });
468
469			
470				$('#loggedOutToolbarSignInButton').click(function (event) {
471					event.preventDefault();
472					window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host;
473				});
474			
475
476		if ('False' == 'True') {
477            $('#loggedOutToolbarSignInButton').hide();
478		}
479    })
480</script>
480
481<!-- End Signed Out Bar -->
482
483                </div>
484            <div id="bodyWrapper">
485                <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
486                
487<div data-cpRole="structuralContainer" id="bodyContainerTS">
488<div data-cpRole="banner" id="banner2" class="fixedBannerTS"><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS">
489<div class="siteWrap" data-skip-leftpad=""><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">
490
491
492
493
494				<a id="bannerLogoTS-333" style="			display: block; text-align: center;
495" class="bannerObject" href="/4064" target="_self"><img alt="Garland TX Utility Homepage" class="bannerObject" height="177" src="/ImageRepository/Document?documentID=16353" width="811" /></a>
496</div><div data-cpRole="contentContainer" id="topLinksTS">	<div id="cc496248cd-0ba6-4c4d-8370-ae9f6c100685" data-containerid="496248cd-0ba6-4c4d-8370-ae9f6c100685" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
497				                
498
499		<div class="row outer wide"><!--
500--><div class="outer col col24 first last" style="" data-widgetcontainerid="90428215-65e3-452a-be29-1d1039c1ab01">�				
501	<div class="row nest first last wide">�
502	
503	<div class="inner col col24 first last id55358c21-9ac2-4ced-88c2-f08c157337fb" style="" data-widgetcontainerid="55358c21-9ac2-4ced-88c2-f08c157337fb">�	
504	<div data-widget-id="b6175406-2d1a-4a5a-9f56-a6c099534431" data-widget-controller-path="/QuickLinks/Widget">
505
506
507
508
509
510
511
512
513	<section id="widgetQuicklinkb6175406-2d1a-4a5a-9f56-a6c099534431" class="widget widgetQuickLinks skin155 widgetOptionSet75 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
514			<header class="widgetHeader" id="quickLinksHeaderb6175406-2d1a-4a5a-9f56-a6c099534431">
515		<div class="">
516						</div>
517	</header>
518	<div class="widgetBody cpGrid cpGrid3 ">
519        <div class="row autoWidths center narrow">
520				<div class="col col1 first ">
521					<ol class="semanticList">
522
523
524
525
526    <li style="position:relative" class="widgetItem QuickLinks">
527        <a class="widgetDesc widgetQuickLinksLink" href="/4218" target="_self" aria-label="Department Directory - 2024 Top Links" rel="">Department Directory</a>
528        <div class="widgetMeta"></div>
529    </li>
530					</ol>
531				</div>
532				<div class="col col1  ">
533					<ol class="semanticList">
534
535
536
537
538    <li style="position:relative" class="widgetItem QuickLinks">
539        <a class="widgetDesc widgetQuickLinksLink" href="https://garlandtx.gov/4343/E-ASSIST-Redirect" target="_self" aria-label="E-Assist - 2024 Top Links" rel="">E-Assist</a>
540        <div class="widgetMeta"></div>
541    </li>
542					</ol>
543				</div>
544				<div class="col col1  last">
545					<ol class="semanticList">
546
547
548
549
550    <li style="position:relative" class="widgetItem QuickLinks">
551        <a class="widgetDesc widgetQuickLinksLink" href="/4064/Utility-Customer-Service" target="_self" aria-label="Utility Customer Service - 2024 Top Links" rel="">Utility Customer Service</a>
552        <div class="widgetMeta"></div>
553    </li>
554					</ol>
555				</div>
556		</div>
557        
558	</div>
559	<div class="widgetFooter">
560	</div>
561	<div class="addItemModal hidden">
562		<div class="url hidden">/QuickLinks.aspx</div>
563	</div>
564
565	</section>
566</div>
567
568	</div> <!-- inner column -->
569
570	</div> <!-- inner row -->
571
572			</div><!-- outer column --><!--		--></div> <!-- outer row -->
573
574
575	</div>
576</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
577<ol id="mainNavMenu" data-parent="4064" class="rootNavMenu" role="menu"><!--
578--><li id="MainItem217" class="topMenuItem" role="none" data-pageid="217" data-displaymegamenu="True"><!--
579			--><!--
580			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu217" id = "mainNavAboutUs" class="navMainItem mainNavItem mainNavItem1 " href="/217/About-Us" target = "_self" >   About Us  </a>			<!--
581			--><!--
582			--></li><!----><li id="MainItem216" class="topMenuItem" role="none" data-pageid="216" data-displaymegamenu="True"><!--
583			--><!--
584			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu216" id = "mainNavPaymentOptions" class="navMainItem mainNavItem mainNavItem2 " href="/216/Payment-Options" target = "_self" >   Payment Options  </a>			<!--
585			--><!--
586			--></li><!----><li id="MainItem214" class="topMenuItem" role="none" data-pageid="214" data-displaymegamenu="True"><!--
587			--><!--
588			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu214" id = "mainNavBillingInformation" class="navMainItem mainNavItem mainNavItem3 " href="/214/Billing-Information" target = "_self" >   Billing Information  </a>			<!--
589			--><!--
590			--></li><!----><li id="MainItem213" class="topMenuItem" role="none" data-pageid="213" data-displaymegamenu="True"><!--
591			--><!--
592			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu213" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/213/How-Do-I" target = "_self" >   How Do I...  </a>			<!--
593			--><!--
594			--></li><!----><li id="MainItem212" class="topMenuItem" role="none" data-pageid="212" data-displaymegamenu="True"><!--
595			--><!--
596			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu212" id = "mainNavContactUs" class="navMainItem mainNavItem mainNavItem5 " href="/212/Contact-Us" target = "_self" >   Contact Us  </a>			<!--
597			--><!--
598			--></li><!---->
599</ol>
600
601
602	
602<script type="text/javascript">
603		(function () {
604			function setupMenu() {
605				const menuID = 'mainNavMenu';
606				const menuType = MAIN_MENU;
607
608				//setup menu manager properties for main menu
609				if (!menuManager.mobileMainNav && true)
610					menuManager.adjustMainItemsWidth('#' + menuID);
611				menuManager.isMainMenuEditable = false;
612				menuManager.mainMenuMaxSubMenuLevels = 4;
613				menuManager.setMOMMode(2, menuType);
614
615				//Init main menu
616				const setupDraggable = menuManager.isMainMenuEditable;
617				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=4064&moduleID=&themeID=100&menuContainerID=mainNav';
618
619				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
620				menuManager.mainMenuInit = true;
621				menuManager.mainMenuTextResizer = true;
622				if (1.00 > 0)
623					menuManager.mainMenuTextResizerRatio = 1.00;
624				if (window.isResponsiveEnabled)
625					menuManager.mainMenuReady.resolve();
626
627			}
628
629			if (document.readyState === "complete"
630				|| document.readyState === "loaded"
631				|| document.readyState === "interactive") {
632				setupMenu();
633				return;
634			}
635
636			document.addEventListener("DOMContentLoaded", setupMenu);
637		})();
638	</script>
638
639
640
641<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="mainNavMegaMenu217" class="contentTop mainNavMegaMenu megaMenuContainer pageID_217 hidden" data-orientation="horizontal">	<div id="cc68069f8c-6cb4-4e8c-9ca4-4056fc58ce72" data-containerid="68069f8c-6cb4-4e8c-9ca4-4056fc58ce72" class="pageContent cpGrid cpGrid24">
642				                
643
644
645
646	</div>
647</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu216" class="contentTop mainNavMegaMenu megaMenuContainer pageID_216 hidden" data-orientation="horizontal">	<div id="cc88b8231e-dd5d-4445-91e5-82f877eba603" data-containerid="88b8231e-dd5d-4445-91e5-82f877eba603" class="pageContent cpGrid cpGrid24">
648				                
649
650
651
652	</div>
653</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu214" class="contentTop mainNavMegaMenu megaMenuContainer pageID_214 hidden" data-orientation="horizontal">	<div id="cccd08ceaa-64dd-4e4f-b110-8894c3e97671" data-containerid="cd08ceaa-64dd-4e4f-b110-8894c3e97671" class="pageContent cpGrid cpGrid24">
654				                
655
656
657
658	</div>
659</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu213" class="contentTop mainNavMegaMenu megaMenuContainer pageID_213 hidden" data-orientation="horizontal">	<div id="cca10f0cf2-78af-4b7e-b491-7275b1b90cd0" data-containerid="a10f0cf2-78af-4b7e-b491-7275b1b90cd0" class="pageContent cpGrid cpGrid24">
660				                
661
662
663
664	</div>
665</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu212" class="contentTop mainNavMegaMenu megaMenuContainer pageID_212 hidden" data-orientation="horizontal">	<div id="cc4f1e2bc1-b367-4b7a-8e78-ebac64c6392d" data-containerid="4f1e2bc1-b367-4b7a-8e78-ebac64c6392d" class="pageContent cpGrid cpGrid24">
666				                
667
668
669
670	</div>
671</aside></aside></nav></div>
672</header><div data-cpRole="structuralContainer" id="mainContainerWrapTS">
673<!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
674<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS">
675<div data-cpRole="structuralContainer" id="bannerSearchTS">
676<div class="siteWrap2"><div data-cpRole="contentContainer" id="welcomeTS">	<div id="cc333f3af3-099b-4d59-aef7-02b938d55b4f" data-containerid="333f3af3-099b-4d59-aef7-02b938d55b4f" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
677				                
678
679		<div class="row outer wide"><!--
680--><div class="outer col col24 first last" style="" data-widgetcontainerid="ba949c6d-6053-4d30-b37c-652a16f27c7b">�				
681	<div class="row nest first last wide">�
682	
683	<div class="inner col col24 first last id3a1f56c4-6ad0-4980-bcad-5c715beb4c04" style="" data-widgetcontainerid="3a1f56c4-6ad0-4980-bcad-5c715beb4c04">�	
684
685	<div class="widget slideShow  skin152" role="region" aria-label="Slideshow" id="slideshow244cbda6-4a06-4f58-8a5b-a8154551046a" aria-haspopup="false" data-widgetID="244cbda6-4a06-4f58-8a5b-a8154551046a">
686		<input type="hidden" class="slideTiming" value="6"/>
687		<input type="hidden" class="transitionTiming" value="1"/>
688	<input type="hidden" class="hdnSlideshowUniqueID" value="10342" />
689		<div id="divSlideshow10342" class="cpSlideshow widgetBody cpSlideshowJS10342 narrow">
690			<link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" />
691<script src="/-823076099.js" type="text/javascript"></script>
691
692	<div class="cpWindow cpWindowJS10342 ">
693		<ol class="semanticList cpSlider fade cpSliderJS10342">
694					<li class="hidden" id="10342_51921" data-index="0" aria-hidden="true">
695
696
697							<img src="/ImageRepository/Document?documentID=17319" class="" alt="Cowboy Hat Mural" title="Cowboy Hat Mural" data-delayed-image="" style="height: 1px" />
698
699										</li>
700					<li class="hidden" id="10342_51922" data-index="1" aria-hidden="true">
701
702
703							<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17320" class="" alt="Concert on the Square" title="Concert on the Square" data-delayed-image="" style="height: 1px" />
704
705										</li>
706					<li class="hidden" id="10342_51923" data-index="2" aria-hidden="true">
707
708
709							<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17317" class="" alt="Firewheel Golf Park" title="Firewheel Golf Park" data-delayed-image="" style="height: 1px" />
710
711										</li>
712					<li class="hidden" id="10342_51924" data-index="3" aria-hidden="true">
713
714
715							<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17316" class="" alt="Kids playing in the Splash Pad at Watson Park" title="Kids playing in the Splash Pad at Watson Park" data-delayed-image="" style="height: 1px" />
716
717										</li>
718					<li class="hidden" id="10342_51925" data-index="4" aria-hidden="true">
719
720
721							<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17318" class="" alt="Downtown Square" title="Downtown Square" data-delayed-image="" style="height: 1px" />
722
723										</li>
724					<li class="hidden" id="10342_51926" data-index="5" aria-hidden="true">
725
726
727							<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17321" class="" alt="Garland Power and Light 100 Years display" title="Garland Power and Light 100 Years display" data-delayed-image="" style="height: 1px" />
728
729										</li>
730					<li class="hidden" id="10342_51927" data-index="6" aria-hidden="true">
731
732
733							<img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17326" class="" alt="Two workers installing a new traffic signal sign" title="Two workers installing a new traffic signal sign" data-delayed-image="" style="height: 1px" />
734
735										</li>
736		</ol>
737					<div class="contentSlideshowControls">
738						<button class="arrowNew next nextJS10342 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;">
739							<svg style="color:#fff; background:#000;
739" class="arrowNextPrevBackground arrowNextPrevBackgroundColor">
740								<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use>
741							</svg>
742						</button>
743						<button class="arrowNew prev prevJS10342 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;">
744							<svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor">
745								<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use>
746							</svg>
747						</button>
748					</div>
749
750
751	</div>
752	<div aria-live="polite" aria-atomic="true" class="liveRegionJS10342 visuallyhidden"></div>
753	
753<script type="text/javascript">
754		// <!--
755		var $1 = typeof $ == 'undefined' ? window.parent.$ : $;
756		$1(document).ready(function () {
757			new Slideshow().generate('10342','1','6',false,false,0);
758			$('#ssPlay-btn-10342').addClass('isHidden');
759		});
760		var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages;
761		$1.when($pages.rwdReady).done(function () {
762			var divSlideshowID = 'divSlideshow10342';
763			var mediaQuerySize = 25;
764			if (mediaQuerySize == 0)
765				mediaQuerySize = 25; //default for not widget slide show
766			var mediaElementQuery = '#' + divSlideshowID + ':media(this-min-width:' + mediaQuerySize + 'em)';
767			var $cpMedia = typeof window.cpMedia == 'undefined' ? window.parent.cpMedia : window.cpMedia;
768			var $divSlideShow = $('#' + divSlideshowID);
769			var $arrows = $divSlideShow.find('a.arrow');
770			var $arrowsNew = $divSlideShow.find('a.arrowNew');
771			var $divExternalSlideshow = $('.bannerSlideshowControlsNew').last();
772			var $overlays = $(document.getElementsByName('captionOverlay_10342'));
773
774			if(window.isMobileBrowserIncludingTablets){
775				$overlays.each(function (overlay) {
776					$(overlay).removeClass('overlay')
777				});
778			}
779
780			$cpMedia.unregister(mediaElementQuery)
781				.register(mediaElementQuery,
782				{
783				deferSetup: false,
784				setup: function () {
785					cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery);
786					$divSlideShow.removeClass('wide').addClass('narrow');
787						if ($divExternalSlideshow.length > 0) {
788							$divExternalSlideshow.hide();
789						}
790					if ($arrows.length > 0) {
791						$arrows.hide();
792						if (typeof ($$) !== 'undefined') {
793								$$('#' + divSlideshowID)
794									.on('swipeRight',
795										function (e, a) {
796								$arrows.filter('.prev').click();
797							});
798								$$('#' + divSlideshowID)
799									.on('swipeLeft',
800										function (e) {
801								$arrows.filter('.next').click();
802							});
803						}
804					}
805						if ($arrowsNew.length > 0) {
806
807							if (!(true && !window.isMobileBrowserIncludingTablets)) {
808							$arrowsNew.hide();
809							}
810							if (typeof ($$) !== 'undefined') {
811								$$('#' + divSlideshowID)
812									.on('swipeRight',
813										function (e, a) {
814											$arrowsNew.filter('.prev').click();
815										});
816								$$('#' + divSlideshowID)
817									.on('swipeLeft',
818										function (e) {
819											$arrowsNew.filter('.next').click();
820										});
821							}
822						}
823						if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) {
824							if (2 == 1) {
825								$overlays.hide();
826							} else if (2 == 2) {
827								$overlays.removeClass('overlay');
828							}
829						}
830				},
831				match: function () {
832					cpMedia.diag('$(element).addClass("wide"), mediaQuery: ' + mediaElementQuery);
833					$divSlideShow.addClass('wide').removeClass('narrow');
834					if ($divExternalSlideshow.length > 0 && !$divExternalSlideshow.hasClass('none')) {
835						$divExternalSlideshow.show();
836					}
837					if ($arrows.length > 0) {
838						$arrows.show();
839						if (typeof ($$) !== 'undefined') {
840							$$('#' + divSlideshowID).off('swipeRight');
841							$$('#' + divSlideshowID).off('swipeLeft');
842						}
843					}
844					if ($arrowsNew.length > 0) {
845						$arrowsNew.show();
846						if (typeof ($$) !== 'undefined') {
847							$$('#' + divSlideshowID).off('swipeRight');
848							$$('#' + divSlideshowID).off('swipeLeft');
849						}
850					}
851					if ($overlays.length > 0) {
852						if (2 == 1) {
853							$overlays.show();
854					} else if (2 == 2 && !window.isMobileBrowserIncludingTablets) {
855							$overlays.addClass('overlay');
856						}
857					}
858				},
859				unmatch: function () {
860					cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery);
861					$divSlideShow.removeClass('wide').addClass('narrow');
862					if ($divExternalSlideshow.length > 0) {
863						$divExternalSlideshow.hide();
864					}
865					if ($arrows.length > 0) {
866						$arrows.hide();
867
868						if (typeof ($$) !== 'undefined') {
869							$$('#' + divSlideshowID).on('swipeRight', function (e) {
870								$arrows.filter('.prev').click();
871							});
872							$$('#' + divSlideshowID).on('swipeLeft', function (e) {
873								$arrows.filter('.next').click();
874							});
875						}
876					}
877					if ($arrowsNew.length > 0) {
878						if (typeof ($$) !== 'undefined') {
879							$$('#' + divSlideshowID).on('swipeRight', function (e) {
880								$arrowsNew.filter('.prev').click();
881							});
882							$$('#' + divSlideshowID).on('swipeLeft', function (e) {
883								$arrowsNew.filter('.next').click();
884							});
885						}
886					}
887					if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) {
888						if (2 == 1) {
889							$overlays.hide();
890						} else if (2 == 2) {
891							$overlays.removeClass('overlay');
892						}
893					}
894				}
895			});
896		});
897		// -->
898	</script>
898
899
900
901		</div>	
902
903<script type="text/javascript">
904	(function () {
905		const widgetHandlers = function (e) {
906			$('.slideshowOptions.nonEmpty').unbind('click').click(function (e) {
907				var $this = $(this);
908				// If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 
909				// This came about, because we needed to use slider images to trigger options. - JE
910				if ($this.parent().hasClass('cpSlider')) {
911					$this = $this.closest('.widget.slideShow').siblings('.handle.options');
912				}
913
914				//Set values for global variables for slideshow.
915				if ($this.attr('data-widgetID').length !== 0) {
916					parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID');
917				}
918				callbackfnSlideshowSave = null;
919				var pageID = ContentCollectionInstance.PageID;
920				var moduleID = ContentCollectionInstance.ModuleID;
921				var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
922				//Set slideshow widgetID
923				ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val();
924				$popUp_Slideshow = openCpModal({
925					title: 'Slideshow',
926					className: 'newCP adminWrap cpPopOver admin modalSlideshow',
927					isFrontEnd: false,
928					useIframe: false,
929					draggable: true,
930					url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs
931				});
932			});
933
934			$('.slideshowOptions.empty').unbind('click').click(function (e) {
935				var $this = $(this);
936				parentID_Slideshow = $this.parents('.slideShow').attr('id');
937				var pageID = ContentCollectionInstance.PageID;
938				var moduleID = ContentCollectionInstance.ModuleID;
939				var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
940				ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID');
941				$popUp_Slideshow = openCpModal({
942					title: 'Slideshow',
943					className: 'newCP adminWrap cpPopOver admin modalSlideshow',
944					isFrontEnd: false,
945					useIframe: false,
946					draggable: true,
947					url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs
948				});
949			});
950		};
951
952		if (document.readyState === "complete"
953			|| document.readyState === "loaded"
954			|| document.readyState === "interactive") {
955			widgetHandlers();
956			return;
957		}
958
959		document.addEventListener("DOMContentLoaded", widgetHandlers);
960	})();
961</script>
961
962	</div>
963
964
965<script type="text/javascript">
966	function SlideshowWidgetCallback(widgetID, response) {
967		if (window.ContentCollectionInstance.IsWorkingCopy) {
968			//Remove this field since the partial view adds it back.
969			$('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove();
970			if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0)
971				$('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response);
972			else
973				$('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response);
974
975			contentUpdated();
976		}
977		else {
978			ContentCollectionInstance.reloadContent();
979		}
980
981		$('.slideshowOptions.nonEmpty').unbind('click').click(function (e) {
982			var $this = $(this);
983			// If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 
984			// This came about, because we needed to use slider images to trigger options. - JE
985			if ($this.parent().hasClass('cpSlider')) {
986				$this = $this.closest('.widget.slideShow').siblings('.handle.options');
987			}
988
989			//Set values for global variables for slideshow.
990			if ($this.attr('data-widgetID').length !== 0) {
991				parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID');
992			}
993			callbackfnSlideshowSave = null;
994			var pageID = ContentCollectionInstance.PageID;
995			var moduleID = ContentCollectionInstance.ModuleID;
996			var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
997			//Set slideshow widgetID
998			ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val();
999			$popUp_Slideshow = openCpModal({
1000				title: 'Slideshow',
1001				className: 'newCP adminWrap cpPopOver admin modalSlideshow',
1002				isFrontEnd: false,
1003				useIframe: false,
1004				draggable: true,
1005				url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs
1006			});
1007		});
1008
1009		$('.slideshowOptions.empty').unbind('click').click(function (e) {
1010			var $this = $(this);
1011			parentID_Slideshow = $this.parents('.slideShow').attr('id');
1012			var pageID = ContentCollectionInstance.PageID;
1013			var moduleID = ContentCollectionInstance.ModuleID;
1014			var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
1015			ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID');
1016			$popUp_Slideshow = openCpModal({
1017				title: 'Slideshow',
1018				className: 'newCP adminWrap cpPopOver admin modalSlideshow',
1019				isFrontEnd: false,
1020				useIframe: false,
1021				draggable: true,
1022				url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs
1023			});
1024		});
1025	}
1026
1027	(function (){
1028		const widgetHandlers = function () {
1029			var hasEditRights = false;
1030			if (window.File && window.FileList && window.FileReader && hasEditRights) {
1031				var SlideshowWidget = 3;
1032				makeWidgetAreaDroppable('244cbda6-4a06-4f58-8a5b-a8154551046a', $('#slideshow' + '244cbda6-4a06-4f58-8a5b-a8154551046a'), SlideshowWidget, true, SlideshowWidgetCallback);
1033			}
1034
1035			if(hasEditRights)
1036				browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '244cbda6-4a06-4f58-8a5b-a8154551046a'), 'Click to start adding images.');
1037		};
1038
1039		if (document.readyState === "complete"
1040			|| document.readyState === "loaded"
1041			|| document.readyState === "interactive") {
1042			widgetHandlers();
1043			return;
1044		}
1045
1046		document.addEventListener("DOMContentLoaded", widgetHandlers);		
1047	})();
1048</script>
1048
1049	</div> <!-- inner column -->
1050
1051	</div> <!-- inner row -->
1052
1053			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1054
1055
1056	</div>
1057</div></div>
1058</div>
1059</div>
1060
1061
1062
1063
1064		<div id="banner1-335" style="display: none"></div>
1065			
1065<script type="text/javascript">
1066				$(window).on("load", function () {
1067					$.when(window.Pages.rwdSetupComplete)
1068						.done(function () {
1069							renderBanner('banner1-335',
1070								'banner1',
1071								{"BannerOptionID":335,"ThemeID":100,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":false,"ImageAlignment":2,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":718,"BannerOptionID":335,"FileName":"/ImageRepository/Document?documentID=16111","Height":1,"Width":1,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
1072								{"BannerImageID":718,"BannerOptionID":335,"FileName":"/ImageRepository/Document?documentID=16111","Height":1,"Width":1,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},
1073								'/App_Themes/2024 - Interior/Images/',
1074								'<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=16111" />');
1075						});
1076				});
1077			</script>
1077
1078
1079</div>
1080</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
1081<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
1082<div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar">
1083<aside data-cpRole="contentContainer" id="sidebarContainer1TS">	<div id="cc3be3ea0e-7121-43d6-86ed-92454262563d" data-containerid="3be3ea0e-7121-43d6-86ed-92454262563d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
1084				                
1085
1086		<div class="row outer wide"><!--
1087--><div class="outer col col24 first last" style="" data-widgetcontainerid="d3c4c62d-8195-4477-9930-ebf834be7250">�				
1088	<div class="row nest first last wide">�
1089	
1090	<div class="inner col col24 first last idec2661b6-efe5-43b6-a387-cf8245b484f2" style="" data-widgetcontainerid="ec2661b6-efe5-43b6-a387-cf8245b484f2">�	
1091<div data-widget-id="c06a0e8a-129d-4fdc-8df4-5a292efe0d5a" data-widget-controller-path="/Layout/WidgetSearch">
1092	
1093	
1093<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
1093
1094	
1094<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
1094
1095	
1095<script defer type="text/javascript">
1096
1097		$(document).ready(function () {
1098			try {
1099				// Minimum characters required before performing a search/autocomplete
1100				var minPrefixLength = 3;
1101				var autoCompleteDebounceDelay = 500;
1102				var searchFieldSelector = "#searchField" + 'c06a0e8a-129d-4fdc-8df4-5a292efe0d5a';
1103				var checkboxSelector = "#ysnSearchOnlyDept" + 'c06a0e8a-129d-4fdc-8df4-5a292efe0d5a';
1104				var buttonSelector = ".widgetSearchButton" + 'c06a0e8a-129d-4fdc-8df4-5a292efe0d5a';
1105				var autoCompleteCache = {};
1106				var autoCompleteCacheKeys = [];
1107				var autoCompleteCacheLimit = 25;
1108				var currentAutoCompleteRequest = null;
1109				var currentAutoCompleteRequestKey = null;
1110				var autoCompleteDebounceTimer = null;
1111				var autoCompleteDebounceKey = null;
1112				var pendingAutoCompleteResponses = [];
1113
1114				function normalizeAutoCompleteTerm(term) {
1115					return $.trim((term || "") + "").replace(/\s+/g, " ");
1116				}
1117
1118				function shouldSearch(term) {
1119					return normalizeAutoCompleteTerm(term).length >= minPrefixLength;
1120				}
1121
1122				function getAutoCompleteUrl() {
1123					return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : '');
1124				}
1125
1126				function getAutoCompleteCacheKey(requestUrl, term) {
1127					return requestUrl + "|" + term.toLowerCase();
1128				}
1129
1130				function cacheAutoCompleteResult(cacheKey, data) {
1131					if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
1132						autoCompleteCacheKeys.push(cacheKey);
1133						if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) {
1134							delete autoCompleteCache[autoCompleteCacheKeys.shift()];
1135						}
1136					}
1137					autoCompleteCache[cacheKey] = data;
1138				}
1139
1140				function respondToPendingAutoComplete(data) {
1141					var responses = pendingAutoCompleteResponses;
1142					pendingAutoCompleteResponses = [];
1143					for (var i = 0; i < responses.length; i++) {
1144						responses[i](data);
1145					}
1146				}
1147
1148				function cancelPendingAutoComplete() {
1149					clearTimeout(autoCompleteDebounceTimer);
1150					autoCompleteDebounceKey = null;
1151					if (currentAutoCompleteRequest != null) {
1152						currentAutoCompleteRequest.abort();
1153						currentAutoCompleteRequest = null;
1154					}
1155					currentAutoCompleteRequestKey = null;
1156					respondToPendingAutoComplete([]);
1157				}
1158
1159				function createWidgetAutoCompleteSource(options) {
1160					return function (request, response) {
1161						var term = normalizeAutoCompleteTerm(request.term);
1162						if (!options.shouldSearch(term)) {
1163							response([]);
1164							return;
1165						}
1166
1167						var requestUrl = options.url();
1168						var cacheKey = getAutoCompleteCacheKey(requestUrl, term);
1169						if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
1170							response(autoCompleteCache[cacheKey]);
1171							if (options.success) {
1172								options.success(autoCompleteCache[cacheKey]);
1173							}
1174							return;
1175						}
1176
1177						if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) {
1178							pendingAutoCompleteResponses.push(response);
1179							return;
1180						}
1181
1182						cancelPendingAutoComplete();
1183						autoCompleteDebounceKey = cacheKey;
1184						pendingAutoCompleteResponses.push(response);
1185						autoCompleteDebounceTimer = setTimeout(function () {
1186							autoCompleteDebounceKey = null;
1187							currentAutoCompleteRequestKey = cacheKey;
1188							currentAutoCompleteRequest = $.ajax({
1189								url: requestUrl,
1190								dataType: "json",
1191								timeout: options.timeout,
1192								data: {
1193									term: term,
1194								},
1195								success: function (data) {
1196									if (currentAutoCompleteRequestKey === cacheKey) {
1197										cacheAutoCompleteResult(cacheKey, data);
1198										respondToPendingAutoComplete(data);
1199										if (options.success) {
1200											options.success(data);
1201										}
1202									}
1203								},
1204								error: function (xmlhttprequest, textstatus, message) {
1205									if (textstatus === "abort") {
1206										return;
1207									}
1208
1209									if (options.error) {
1210										options.error(xmlhttprequest, textstatus, message);
1211									}
1212
1213									respondToPendingAutoComplete([]);
1214								},
1215								complete: function (xmlhttprequest) {
1216									if (currentAutoCompleteRequest === xmlhttprequest) {
1217										currentAutoCompleteRequest = null;
1218										currentAutoCompleteRequestKey = null;
1219									}
1220								}
1221							});
1222						}, options.delay);
1223					};
1224				}
1225
1226				// click handler for search buttons
1227				$(buttonSelector).click(function (e) {
1228					e.preventDefault();
1229					var $btn = $(this);
1230					var $field = $btn.siblings(".widgetSearchBox");
1231					var term = $field.val() + "";
1232					if (!shouldSearch(term)) {
1233						// do nothing until user types enough characters
1234						$field.focus();
1235						return;
1236					}
1237
1238					if ($(checkboxSelector).is(':checked') || false)
1239					{
1240						doWidgetSearch($.trim(term), Number(0));
1241					}
1242					else {
1243						doWidgetSearch($.trim(term), 0);
1244					}
1245				});
1246
1247				// enter key handler for the search field
1248				$(searchFieldSelector).keypress(function (e) {
1249					var code = e.which || e.keyCode;
1250					if (code === 13) {
1251						e.preventDefault();
1252						var $this = $(this);
1253						var term = $this.val() + "";
1254						if (!shouldSearch(term)) {
1255							// do nothing until user types enough characters
1256							$this.focus();
1257							return false;
1258						}
1259
1260						if ($(checkboxSelector).is(':checked') || false) {
1261							doWidgetSearch($.trim(term), Number(0));
1262						} else {
1263							doWidgetSearch($.trim(term), 0);
1264						}
1265						return false;
1266					}
1267					return true;
1268				});
1269
1270				// autocomplete: set minLength and guard source
1271				if (true) {
1272					var $searchField = $(searchFieldSelector).autocomplete({
1273						minLength: minPrefixLength,
1274						source: createWidgetAutoCompleteSource({
1275							delay: autoCompleteDebounceDelay,
1276							timeout: 10000,
1277							shouldSearch: shouldSearch,
1278							url: getAutoCompleteUrl,
1279							success: function () {
1280								$('.autoCompleteError').remove();
1281							},
1282							error: function (xmlhttprequest, textstatus, message) {
1283								if (textstatus === "timeout") {
1284									if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0)
1285										$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector));
1286								}
1287							}
1288						}),
1289						html: true,
1290						delay: 0,
1291						select: function (event, ui) {
1292							$(this).val(ui.item.value);
1293							$(this).next().click();
1294						}
1295					});
1296
1297					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
1298						return $("<li class=\"itemList\"></li>")
1299							.data("ui-autocomplete-item", item)
1300							.append("<a>" + item.label + "</a>")
1301							.appendTo(ul);
1302					};
1303				}
1304
1305				// keep searchBtnApplyQuery consistent with prefix rule
1306				window.searchBtnApplyQuery = function() {
1307					var $field = $(searchFieldSelector);
1308					var term = $field.val() + "";
1309					if (shouldSearch(term)) {
1310						// update href for the icon/button (if present)
1311						var btn = document.getElementById("btnSearchIcon");
1312						if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term));
1313					} else {
1314						var btn = document.getElementById("btnSearchIcon");
1315						if (btn) btn.href = "#";
1316					}
1317				};
1318			}
1319			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.
1320		});
1321	</script>
1321
1322
1323	<section id="widgetPreviewSearch" class="widget widgetSearch skin148 widgetOptionSet74" style="display: block;" aria-label="Search">
1324				<!-- For the button right and inside -->
1325		<div class="widgetBody buttonRightInside">
1326			<input class="widgetSearchBox widgetSearchBoxc06a0e8a-129d-4fdc-8df4-5a292efe0d5a" cp5ph="true" id="searchFieldc06a0e8a-129d-4fdc-8df4-5a292efe0d5a" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" />
1327						<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonc06a0e8a-129d-4fdc-8df4-5a292efe0d5a" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=16120" data-image="/ImageRepository/Document?documentID=16121" src="/ImageRepository/Document?documentID=16121" /></a>
1328
1329			<label class="searchLabel" aria-hidden="true" for="searchFieldc06a0e8a-129d-4fdc-8df4-5a292efe0d5a">Search</label>
1330		</div>
1331
1332	</section>
1333
1334
1335<style scoped>
1336	  
1337		.widgetSearch ::-webkit-input-placeholder {
1338		color: #2A4F7E;
1339	  }
1340		.widgetSearch :-moz-placeholder { /* Firefox 18- */
1341	   color: #2A4F7E;
1342	}
1343		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
1344	   color: #2A4F7E;
1345	}
1346	.widgetSearch :-ms-input-placeholder {
1347	   color: #2A4F7E;
1348	}
1349	
1350
1351	.widgetSearch .widgetBody .widgetSearchBoxc06a0e8a-129d-4fdc-8df4-5a292efe0d5a
1352	{
1353		color: #2A4F7E;
1354		background: #FFFFFF;
1355border: 0;
1356box-shadow: 0px 3px 15px #00000033;
1357border-radius: 10px;
1358font-family: Poppins;
1359font-size: 1em;
1360font-weight: 500;
1361padding: 0 115px 0 25px;
1362height: 90px;
1363	}
1364	.widgetSearch .widgetBody .widgetSearchButtonc06a0e8a-129d-4fdc-8df4-5a292efe0d5a
1365	{
1366		margin: 0;
1367	}
1368	.widgetSearch .widgetSearch-onlyDeptc06a0e8a-129d-4fdc-8df4-5a292efe0d5a
1369	{
1370		display: inline-block;
1371		color: #333;
1372		
1373		
1374		 padding-top: 10px;
1375	}
1376	#ysnSearchOnlyDeptc06a0e8a-129d-4fdc-8df4-5a292efe0d5a
1377	{
1378		position: relative;
1379		top: .125em;
1380	}
1381
1382</style>
1383
1384<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
1385<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
1386
1387
1388
1389<script type="text/javascript">
1390	//Updates search icons href to have the correct queryString
1391	function searchBtnApplyQuery() {
1392		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldc06a0e8a-129d-4fdc-8df4-5a292efe0d5a").value;
1393	}
1394</script>
1394
1395
1396</div>
1397
1398	</div> <!-- inner column -->
1399
1400	</div> <!-- inner row -->
1401
1402			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1403
1404
1405	</div>
1406</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav">
1407
1408
1409
1410
1411
1412	<ol role="menu" id="secondaryMenusecondaryNav" data-parent="212" class="rootNavMenu accordionNav">
1413	<li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem631" data-pageid="631">
1414		<div class="accordionNavItem">
1415			<a href="/631/Online-Service-Requests" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Online Service Requests</a>
1416				<a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Online Service Requests Submenu" aria-expanded="false" aria-controls="submenu-lvl1-631"></a>
1417		</div>
1418					<ol aria-hidden="true" role="menu" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-631" style="display: none;" data-parent="631">
1419						<li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem4109" data-pageid="4109">
1420			<div class="accordionNavItem">
1421				<a href="/4109/eAssist-Garland-Resident-Contact-Portal" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">eAssist Garland Resident Contact Portal</span></a>
1422			</div>
1423					</li>
1424
1425			</ol>
1426	</li>
1427	<li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem630" data-pageid="630">
1428		<div class="accordionNavItem">
1429			<a href="/FormCenter/Utility-Customer-Service-4/Website-Feedback-46" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Submit a Website Issue</a>
1430		</div>
1431			</li>
1432	<li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem629" data-pageid="629">
1433		<div class="accordionNavItem">
1434			<a href="/Directory.aspx?DID=63" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Water Service Inquiries</a>
1435		</div>
1436			</li>
1437
1438	</ol>
1439
1440
1441	
1441<script type="text/javascript">
1442		(function () {
1443			function setupSecondaryMenuProperties() {
1444				//setup menu manager properties for secondary menu
1445				menuManager.isSideMenuEditable = false;
1446				menuManager.sideMenuMaxSubMenuLevels = 4;
1447				menuManager.sideMenuHasCustomLinks = false;
1448			}
1449
1450			if (document.readyState === "loading") {
1451				document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true });
1452				return;
1453			}
1454
1455			setupSecondaryMenuProperties();
1456		})();
1457	</script>
1457
1458
1459	
1459<script type="text/javascript">
1460		(function () {
1461			function setupAccordionSecondaryNav() {
1462				var $menuContainer = $('#secondaryNav');
1463
1464				$menuContainer.find('*[id^="SideItem"]').each(function () {
1465					var ids = $('[id="' + this.id + '"]');
1466					if (ids.length > 1)
1467						$.each(ids, function (index, value) {
1468							value.id = value.id + '_' + index;
1469						});
1470				});
1471
1472				$menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) {
1473					e.preventDefault();
1474					showHideAccordionMenuForSecondaryNav($(this));
1475				});
1476
1477				$menuContainer.find(".grippy").each(function () {
1478					menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav');
1479				});
1480
1481				$menuContainer.find("li").each(function () {
1482					menuManager.setupDroppableAccordionElement($(this), SIDE_MENU);
1483				});
1484			}
1485
1486			if (document.readyState === "loading") {
1487				document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true });
1488				return;
1489			}
1490
1491			setupAccordionSecondaryNav();
1492		})();
1493	</script>
1493
1494
1495
1496
1497</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS">	<div id="cc8ecbdda4-935e-416f-b3cd-1cb64170ce5e" data-containerid="8ecbdda4-935e-416f-b3cd-1cb64170ce5e" class="pageContent cpGrid cpGrid24 showInMobile">
1498				                
1499
1500
1501
1502	</div>
1503</aside>
1504</div><div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
1505<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
1506<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">		<ol class="semanticList breadCrumbs">
1507			<li><a class="breadCrumb" href="/">Home</a></li><li><a class="breadCrumb" href="/27/City-Services">City Services</a></li><li><a class="breadCrumb" href="/3417/Departments-R---Z">Departments R - Z</a></li><li><a class="breadCrumb" href="/4064/Utility-Customer-Service">Utility Customer Service</a></li><li id="currentBCPage" data-pageid="212"><a href class="breadCrumb" aria-current="page">Contact Us</a></li>
1508		</ol>
1509
1510	   
1511    
1512</div><div data-cpRole="mainContentContainer" id="moduleContent">
1513	
1514	<div id="page" class="moduleContentNew">
1515		
1516
1517	<input id="hdnPageID" name="hdnPageID" type="hidden" value="212" />
1518	<input id="hdnParentID" name="hdnParentID" type="hidden" value="4064" />
1519	<input id="hdnVersionID" name="hdnVersionID" type="hidden" value="27901" />
1520	<input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Contact Us" />
1521	<input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" />
1522	<input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" />
1523	<input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" />
1524
1525				<h1 id="versionHeadLine" class="headline">
1526
1527Contact Us		</h1>
1528	
1529		<div id="cc32cab4b9-4313-4804-88a8-ec825d1c3cc2" data-containerid="32cab4b9-4313-4804-88a8-ec825d1c3cc2" class="pageContent cpGrid cpGrid24"  data-contentcontainerbreakpoint="30" >
1530			
1531
1532		<div class="row outer wide"><!--
1533--><div class="outer col col24 first last" style="" data-widgetcontainerid="d6396c3f-0a0b-412e-a5da-3e1ff820f57c">�				
1534	<div class="row nest first last wide">�
1535	
1536	<div class="inner col col24 first last id0945252d-abce-4075-8314-a712a45eeebc" style="" data-widgetcontainerid="0945252d-abce-4075-8314-a712a45eeebc">�	
1537<div class="widget editor pageStyles narrow" id="divEditor125f2290-6fc5-4cda-9fa4-a320a31723e2" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'>
1538	    <div class="fr-view">
1539
1540
1541        <h2 class="subhead1 ">Important Phone Numbers</h2><table class="fr-alternate-rows" style="width: 100%;" role="grid"><thead><tr><th style="width: 70.3912%;">Service</th><th style="width: 29.2836%;">Phone</th></tr></thead><tbody><tr><td style="width: 70.3912%;">24-Hour Emergency Power Outage</td><td style="width: 29.2836%;">972-205-3000 or&nbsp;<br>833-403-2106<br></td></tr><tr><td style="width: 70.3912%; background-color: rgb(244, 244, 243);">Report Power Outage by Text: Text the word <span style="color: rgb(184, 49, 47);"><strong><span style="font-size: 18px;">OUT</span></strong></span> to</td><td style="width: 29.2836%; background-color: rgb(244, 244, 243);">972-205-4000</td></tr><tr><td style="width: 70.3912%;"><a href="https://www.gpltexas.org/outage-center/update-or-confirm-your-account-phone-number" target="_blank" rel="noopener" aria-describedby="audioeye_new_window_message">Update or confirm your account phone number</a> for easy outage  reporting.<br><br>Report Energy Theft</td><td style="width: 29.2836%;"><br><br><br>972-205-2635</td></tr><tr class="alt"><td style="width: 70.3912%;">Report Streetlight Outage</td><td style="width: 29.2836%;">972-205-3483</td></tr><tr><td style="width: 70.3912%;">24-Hour Emergency Water Shutoff</td><td style="width: 29.2836%;">972-205-3210</td></tr><tr><td style="width: 70.3912%;">Utility Reconnect Services After Hours (Monday through Thursday 5 to 7 p.m. and Friday 5 to 6:30 p.m.)</td><td style="width: 29.2836%;">972-205-2671</td></tr></tbody></table>
1542    </div>
1543
1544<script type="text/javascript">
1545	$(document).ready(function (e) {		
1546	    renderSlideshowIfApplicable($('#divEditor' + '125f2290-6fc5-4cda-9fa4-a320a31723e2'));
1547	});
1548</script>
1548
1549</div>
1550
1551	</div> <!-- inner column -->
1552
1553	</div> <!-- inner row -->
1554
1555			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1556		<div class="row outer wide"><!--
1557--><div class="outer col col12 first" style="" data-widgetcontainerid="774c151f-5781-4be6-86f4-0499e4ae87ab">�				
1558	<div class="row nest first last wide">�
1559	
1560	<div class="inner col col12 first last id78ca6a0a-ca74-45e5-ac7e-d2cf3ab90eb2" style="" data-widgetcontainerid="78ca6a0a-ca74-45e5-ac7e-d2cf3ab90eb2">�	
1561<div class="widget editor pageStyles narrow" id="divEditor353a8404-e578-4f24-a82f-ea340d351ef1" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'>
1562	    <div class="fr-view">
1563
1564
1565        <h2 class="subhead1 ">Payment Locations</h2><h3 class="subhead2 ">In-Person Bill Payment</h3><p>217 N Fifth Street<br>Garland, Texas 75040</p><p><strong>Hours</strong><br>Monday through Friday<br>8 a.m. to 5 p.m.</p>
1566    </div>
1567
1568<script type="text/javascript">
1569	$(document).ready(function (e) {		
1570	    renderSlideshowIfApplicable($('#divEditor' + '353a8404-e578-4f24-a82f-ea340d351ef1'));
1571	});
1572</script>
1572
1573</div>
1574
1575	</div> <!-- inner column -->
1576
1577	</div> <!-- inner row -->
1578
1579			</div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="6b0f0ef5-0537-467f-99b2-03c0b00bcee6">�				
1580	<div class="row nest first last wide">�
1581	
1582	<div class="inner col col12 first last id12b2b99b-ce75-43e0-a7e4-4ac8f047febc" style="" data-widgetcontainerid="12b2b99b-ce75-43e0-a7e4-4ac8f047febc">�	
1583<div class="widget editor pageStyles narrow" id="divEditor289292f7-a4e9-4269-93db-35302c391fdf" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'>
1584	    <div class="fr-view">
1585
1586
1587        <h2 class="subhead1 "><br></h2><h3 class="subhead2 ">Drive-Thru Payment</h3><p>717 W State Street<br>Garland, Texas 75040</p><p><strong>Hours</strong><br>Monday through Friday<br>8 a.m. to 6 p.m.</p>
1588    </div>
1589
1590<script type="text/javascript">
1591	$(document).ready(function (e) {		
1592	    renderSlideshowIfApplicable($('#divEditor' + '289292f7-a4e9-4269-93db-35302c391fdf'));
1593	});
1594</script>
1594
1595</div>
1596
1597	</div> <!-- inner column -->
1598
1599	</div> <!-- inner row -->
1600
1601			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1602		<div class="row outer wide"><!--
1603--><div class="outer col col24 first last" style="" data-widgetcontainerid="d809f0c9-1ff8-4201-a539-82acc2385c39">�				
1604	<div class="row nest first last wide">�
1605	
1606	<div class="inner col col24 first last id65a06815-eff7-4874-aa8e-460e6375ce21" style="" data-widgetcontainerid="65a06815-eff7-4874-aa8e-460e6375ce21">�	
1607<div class="widget editor pageStyles narrow" id="divEditord439a1c7-d2a9-4af9-b95e-3d36705bd0f2" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'>
1608	    <div class="fr-view">
1609
1610
1611        <h2 class="subhead1 ">Services</h2><p>Customer Service can be reached at 972-205-2671 for the following services:</p><ul><li>Automatic Bank Draft Program</li><li>Billing Questions</li><li>Budget Billing Program</li><li>Conservation Questions</li><li>Credit Questions</li><li>Energy Audits</li><li>Letters of Credit</li><li>New, Transfer, Stop Service</li><li>Payments by Phone</li></ul>
1612    </div>
1613
1614<script type="text/javascript">
1615	$(document).ready(function (e) {		
1616	    renderSlideshowIfApplicable($('#divEditor' + 'd439a1c7-d2a9-4af9-b95e-3d36705bd0f2'));
1617	});
1618</script>
1618
1619</div>
1620
1621	</div> <!-- inner column -->
1622
1623	</div> <!-- inner row -->
1624
1625			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1626
1627
1628		</div>
1629
1630	</div>
1631
1632	
1633	<div class="newCP">
1634
1635	</div>
1636</div>
1637</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent">	<div id="cc98f9e26a-92a6-4c30-9f31-978aef8a5a21" data-containerid="98f9e26a-92a6-4c30-9f31-978aef8a5a21" class="pageContent cpGrid cpGrid24 showInMobile">
1638				                
1639
1640		<div class="row outer wide"><!--
1641--><div class="outer col col24 first last" style="" data-widgetcontainerid="9d95c9be-82dc-42dc-af87-43733fd38dce">�				
1642	<div class="row nest first last wide">�
1643	
1644	<div class="inner col col24 first last id30398793-7925-4683-a071-36e9f3ab33af" style="" data-widgetcontainerid="30398793-7925-4683-a071-36e9f3ab33af">�	
1645
1646
1647
1648
1649
1650
1651
1652
1653<div data-widget-id="75dedc31-4b2d-4494-b5e8-26a7d6469146" data-moduleWidgetType="cityDirectory" data-widget-controller-path="/CityDirectory/Widget">
1654	<div id="cityDirectoryWidget75dedc31-4b2d-4494-b5e8-26a7d6469146" class="widget widgetStaffDirectory skin149 wide" >
1655			<div class="widgetHeader">
1656					<h3><a style="" href= /m/directory>Contact Us</a></h3>
1657							</div>
1658						<ol class="semanticList">
1659		<li class="widgetItem h-card">
1660
1661				<h4 class="widgetTitle field p-name">Utility Customer Service</h4>
1662
1663					<div class="field u-email"><a href="mailto:[email protected]">Email Utility Customer Service</a></div>
1664					<br />
1665
1666
1667				<div class="field h-adr">
1668					<strong>Physical Address</strong>
1669<button class="viewMap" data-moduleId="4" onclick="new CivicPlus.Maps().LoadMap(document.getElementById('googleMap76'), '100%', $(document.getElementById('googleMap76')).next('.infotext').children('.address').text());">View Map</button>					<br />
1670					<span class="p-street-address">217 N Fifth Street</span><br />
1671					<span class="locality">Garland</span>, <span class="p-region">TX</span> <span class="p-postal-code">75040</span>
1672
1673				</div>
1674				<br />
1675
1676					
1676<script type="text/javascript">
1677							$(document).ready(function () {
1678								var mode = 2;
1679								loadGoogleMapsScript(mode, 'loadMaps');
1680							});
1681					</script>
1681
1682					<div class="field">
1683						<br>
1684						<div class="mapWrapLazyLoaded">
1685							<div id="googleMap76" class="googleMap" style=""></div>
1686							<div style="display: none" class="infotext">
1687								<div class="address">217 N Fifth Street  Garland TX 75040</div>
1688							</div>
1689						</div>
1690						<a href="https://www.google.com/maps/place/217+N+Fifth+Street++Garland+TX+75040" class="mapLink" title="Open location on Google Maps">Directions</a>
1691					</div>
1692					<br />
1693
1694
1695				<div class="field p-tel">Phone: <a href="tel:9722052671">972-205-2671</a></div>
1696													<br />
1697
1698				<div class="field p-note">
1699
1700					TDD Hearing Impaired: 972-205-2670<br>
1701<br>
1702<span class="subhead2">Hours</span><br>
1703Monday through Friday<br>
17048 a.m. to 5 p.m.<br>
1705				</div>
1706				<br />
1707
1708
1709		</li>
1710		<li class="widgetItem h-card">
1711
1712				<h4 class="widgetTitle field p-name">Electric Service Inquiries</h4>
1713
1714					<div class="field u-email"><a href="mailto:[email protected]">Email for Electric Service Inquiries</a></div>
1715					<br />
1716
1717
1718
1719
1720
1721													<br />
1722
1723
1724				<div class="field"><a href="/m/directory/department?did=79">Directory</a></div>
1725				<br />
1726
1727		</li>
1728									</ol>
1729	</div>
1730</div>
1731	</div> <!-- inner column -->
1732
1733	</div> <!-- inner row -->
1734
1735			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1736
1737
1738	</div>
1739</aside>
1740</div>
1741</div></div>
1742</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS">
1743<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS">	<div id="cc0683e8f9-cb5d-4d0c-b4bf-d6088f02107b" data-containerid="0683e8f9-cb5d-4d0c-b4bf-d6088f02107b" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35">
1744				                
1745
1746		<div class="row outer wide"><!--
1747--><div class="outer col col8 first" style="" data-widgetcontainerid="3e2f5eb9-bf10-43c6-93d5-cf323d0bae7e">�				
1748	<div class="row nest first last wide">�
1749	
1750	<div class="inner col col8 first last iddd5e5c16-3a9e-4554-8a75-ee1182d431ff" style="" data-widgetcontainerid="dd5e5c16-3a9e-4554-8a75-ee1182d431ff">�	
1751<div data-widget-id="0faf584f-424d-4caf-9ec6-f80a538058f6" data-widget-controller-path="/GraphicLinks/Widget">
1752
1753
1754
1755
1756<div id="graphicLinkWidget0faf584f-424d-4caf-9ec6-f80a538058f6" class="widget widgetGraphicLinks skin151 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:22em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1757	<div class="widgetHeader">
1758		<div class="">
1759				</div>
1760	</div>
1761	<div class="widgetBody cpGrid cpGrid2 ">
1762		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1763				<div class="row   wide">
1764					<!--
1765--><div class="col col1 first "><ul class="semanticList"><!--
1766	    --><li class="widgetItem GraphicLinks">
1767
1768<div>
1769	<a href="/484/Human-Resources" target="_self" class="fancyButton fancyButton2066 " >
1770		<span>
1771			<span><span class="text">Careers</span></span>
1772		</span>
1773	</a>
1774</div>
1775		<style scoped="scoped">.fancyButton2066.fancyButton:link,.fancyButton2066.fancyButton:visited, .fancyButton2066div.fancyButton{
1776	background-color: rgb(42, 79, 126);
1777	-webkit-border-top-left-radius: 10px;
1778	-moz-border-top-left-radius: 10px;
1779	-khtml-border-top-left-radius: 10px;
1780	border-top-left-radius: 10px;
1781	-webkit-border-top-right-radius: 10px;
1782	-moz-border-top-right-radius: 10px;
1783	-khtml-border-top-right-radius: 10px;
1784	border-top-right-radius: 10px;
1785	-webkit-border-bottom-left-radius: 10px;
1786	-moz-border-bottom-left-radius: 10px;
1787	-khtml-border-bottom-left-radius: 10px;
1788	border-bottom-left-radius: 10px;
1789	-webkit-border-bottom-right-radius: 10px;
1790	-moz-border-bottom-right-radius: 10px;
1791	-khtml-border-bottom-right-radius: 10px;
1792	border-bottom-right-radius: 10px;
1793	background-repeat: no-repeat;
1794	background-position: left top;
1795max-width: 160px;
1796margin: 0 auto;
1797box-shadow: 0px 3px 10px #00000033;
1798}
1799.fancyButton2066.fancyButton:hover,.fancyButton2066.fancyButton:focus,.fancyButton2066.fancyButton:active,.fancyButton2066.fancyButton.hover{
1800	background-color: rgb(65, 108, 154);
1801	background-repeat: no-repeat;
1802	background-position: left top;
1803}
1804.fancyButton2066.fancyButton:link > span,.fancyButton2066.fancyButton:visited > span, .fancyButton2066div.fancyButton > span{
1805}
1806.fancyButton2066.fancyButton:hover > span,.fancyButton2066.fancyButton:focus > span,.fancyButton2066.fancyButton:active > span,.fancyButton2066.fancyButton.hover > span{
1807}
1808.fancyButton2066.fancyButton .text{
1809	color: rgb(255, 255, 255);
1810	font-family: "Poppins";
1811	padding-top: 70px;
1812	padding-right: 5px;
1813	padding-left: 5px;
1814	font-weight: 500;
1815	text-decoration: none;
1816	padding-top: 70px;
1817	padding-right: 5px;
1818	padding-left: 5px;
1819	background-image: url('/ImageRepository/Document?documentID=16124');
1820	background-repeat: no-repeat;
1821	background-position: center 18px ;
1822height: 140px;
1823line-height: 1.2;
1824}
1825.fancyButton2066.fancyButton:hover .text,.fancyButton2066.fancyButton:focus .text,.fancyButton2066.fancyButton:active .text,.fancyButton2066.fancyButton.hover .text{
1826	text-decoration: underline;
1827
1828
1829}
1830</style>
1831
1832 </li><!--
1833--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1834	    --><li class="widgetItem GraphicLinks">
1835
1836<div>
1837	<a href="https://maps2.garlandtx.gov/sites/mygarland" target="_self" class="fancyButton fancyButton2067 " >
1838		<span>
1839			<span><span class="text">My Garland</span></span>
1840		</span>
1841	</a>
1842</div>
1843		<style scoped="scoped">.fancyButton2067.fancyButton:link,.fancyButton2067.fancyButton:visited, .fancyButton2067div.fancyButton{
1844	background-color: rgb(42, 79, 126);
1845	-webkit-border-top-left-radius: 10px;
1846	-moz-border-top-left-radius: 10px;
1847	-khtml-border-top-left-radius: 10px;
1848	border-top-left-radius: 10px;
1849	-webkit-border-top-right-radius: 10px;
1850	-moz-border-top-right-radius: 10px;
1851	-khtml-border-top-right-radius: 10px;
1852	border-top-right-radius: 10px;
1853	-webkit-border-bottom-left-radius: 10px;
1854	-moz-border-bottom-left-radius: 10px;
1855	-khtml-border-bottom-left-radius: 10px;
1856	border-bottom-left-radius: 10px;
1857	-webkit-border-bottom-right-radius: 10px;
1858	-moz-border-bottom-right-radius: 10px;
1859	-khtml-border-bottom-right-radius: 10px;
1860	border-bottom-right-radius: 10px;
1861	background-repeat: no-repeat;
1862	background-position: left top;
1863max-width: 160px;
1864margin: 0 auto;
1865box-shadow: 0px 3px 10px #00000033;
1866}
1867.fancyButton2067.fancyButton:hover,.fancyButton2067.fancyButton:focus,.fancyButton2067.fancyButton:active,.fancyButton2067.fancyButton.hover{
1868	background-color: rgb(65, 108, 154);
1869	background-repeat: no-repeat;
1870	background-position: left top;
1871}
1872.fancyButton2067.fancyButton:link > span,.fancyButton2067.fancyButton:visited > span, .fancyButton2067div.fancyButton > span{
1873}
1874.fancyButton2067.fancyButton:hover > span,.fancyButton2067.fancyButton:focus > span,.fancyButton2067.fancyButton:active > span,.fancyButton2067.fancyButton.hover > span{
1875}
1876.fancyButton2067.fancyButton .text{
1877	color: rgb(255, 255, 255);
1878	font-family: "Poppins";
1879	padding-top: 70px;
1880	padding-right: 5px;
1881	padding-left: 5px;
1882	font-weight: 500;
1883	text-decoration: none;
1884	padding-top: 70px;
1885	padding-right: 5px;
1886	padding-left: 5px;
1887	background-image: url('/ImageRepository/Document?documentID=16127');
1888	background-repeat: no-repeat;
1889	background-position: center 18px ;
1890height: 140px;
1891line-height: 1.2;
1892}
1893.fancyButton2067.fancyButton:hover .text,.fancyButton2067.fancyButton:focus .text,.fancyButton2067.fancyButton:active .text,.fancyButton2067.fancyButton.hover .text{
1894	text-decoration: underline;
1895
1896
1897}
1898</style>
1899
1900 </li><!--
1901--></ul></div><!--				-->
1902				</div>
1903			</nav>
1904		</div>
1905	<div class="widgetFooter">
1906			</div>
1907</div>
1908</div>
1909
1910	</div> <!-- inner column -->
1911
1912	</div> <!-- inner row -->
1913
1914			</div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="34d92532-7374-4834-9ddb-741b847ae959">�				
1915	<div class="row nest first last wide">�
1916	
1917	<div class="inner col col8 first last idefbcb02f-1922-45b9-8d23-af6617670bc7" style="" data-widgetcontainerid="efbcb02f-1922-45b9-8d23-af6617670bc7">�	
1918<div data-widget-id="d13d538a-5f8a-4f92-a5e1-2f6c4c3ea70b" data-widget-controller-path="/GraphicLinks/Widget">
1919
1920
1921
1922
1923<div id="graphicLinkWidgetd13d538a-5f8a-4f92-a5e1-2f6c4c3ea70b" class="widget widgetGraphicLinks skin151 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:22em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1924	<div class="widgetHeader">
1925		<div class="">
1926				</div>
1927	</div>
1928	<div class="widgetBody cpGrid cpGrid2 ">
1929		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1930				<div class="row   wide">
1931					<!--
1932--><div class="col col1 first "><ul class="semanticList"><!--
1933	    --><li class="widgetItem GraphicLinks">
1934
1935<div>
1936	<a href="/758/City-Council" target="_self" class="fancyButton fancyButton2070 " >
1937		<span>
1938			<span><span class="text">City Council</span></span>
1939		</span>
1940	</a>
1941</div>
1942		<style scoped="scoped">.fancyButton2070.fancyButton:link,.fancyButton2070.fancyButton:visited, .fancyButton2070div.fancyButton{
1943	background-color: rgb(42, 79, 126);
1944	-webkit-border-top-left-radius: 10px;
1945	-moz-border-top-left-radius: 10px;
1946	-khtml-border-top-left-radius: 10px;
1947	border-top-left-radius: 10px;
1948	-webkit-border-top-right-radius: 10px;
1949	-moz-border-top-right-radius: 10px;
1950	-khtml-border-top-right-radius: 10px;
1951	border-top-right-radius: 10px;
1952	-webkit-border-bottom-left-radius: 10px;
1953	-moz-border-bottom-left-radius: 10px;
1954	-khtml-border-bottom-left-radius: 10px;
1955	border-bottom-left-radius: 10px;
1956	-webkit-border-bottom-right-radius: 10px;
1957	-moz-border-bottom-right-radius: 10px;
1958	-khtml-border-bottom-right-radius: 10px;
1959	border-bottom-right-radius: 10px;
1960	background-repeat: no-repeat;
1961	background-position: left top;
1962max-width: 160px;
1963margin: 0 auto;
1964box-shadow: 0px 3px 10px #00000033;
1965}
1966.fancyButton2070.fancyButton:hover,.fancyButton2070.fancyButton:focus,.fancyButton2070.fancyButton:active,.fancyButton2070.fancyButton.hover{
1967	background-color: rgb(65, 108, 154);
1968	background-repeat: no-repeat;
1969	background-position: left top;
1970}
1971.fancyButton2070.fancyButton:link > span,.fancyButton2070.fancyButton:visited > span, .fancyButton2070div.fancyButton > span{
1972}
1973.fancyButton2070.fancyButton:hover > span,.fancyButton2070.fancyButton:focus > span,.fancyButton2070.fancyButton:active > span,.fancyButton2070.fancyButton.hover > span{
1974}
1975.fancyButton2070.fancyButton .text{
1976	color: rgb(255, 255, 255);
1977	font-family: "Poppins";
1978	padding-top: 70px;
1979	padding-right: 5px;
1980	padding-left: 5px;
1981	font-weight: 500;
1982	text-decoration: none;
1983	padding-top: 70px;
1984	padding-right: 5px;
1985	padding-left: 5px;
1986	background-image: url('/ImageRepository/Document?documentID=16126');
1987	background-repeat: no-repeat;
1988	background-position: center 18px ;
1989height: 140px;
1990line-height: 1.2;
1991}
1992.fancyButton2070.fancyButton:hover .text,.fancyButton2070.fancyButton:focus .text,.fancyButton2070.fancyButton:active .text,.fancyButton2070.fancyButton.hover .text{
1993	text-decoration: underline;
1994
1995
1996}
1997</style>
1998
1999 </li><!--
2000--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2001	    --><li class="widgetItem GraphicLinks">
2002
2003<div>
2004	<a href="/801/Meeting-Agendas-and-Minutes" target="_self" class="fancyButton fancyButton2349 " >
2005		<span>
2006			<span><span class="text">Meeting Agendas</span></span>
2007		</span>
2008	</a>
2009</div>
2010		<style scoped="scoped">.fancyButton2349.fancyButton:link,.fancyButton2349.fancyButton:visited, .fancyButton2349div.fancyButton{
2011	background-color: rgb(42, 79, 126);
2012	-webkit-border-top-left-radius: 10px;
2013	-moz-border-top-left-radius: 10px;
2014	-khtml-border-top-left-radius: 10px;
2015	border-top-left-radius: 10px;
2016	-webkit-border-top-right-radius: 10px;
2017	-moz-border-top-right-radius: 10px;
2018	-khtml-border-top-right-radius: 10px;
2019	border-top-right-radius: 10px;
2020	-webkit-border-bottom-left-radius: 10px;
2021	-moz-border-bottom-left-radius: 10px;
2022	-khtml-border-bottom-left-radius: 10px;
2023	border-bottom-left-radius: 10px;
2024	-webkit-border-bottom-right-radius: 10px;
2025	-moz-border-bottom-right-radius: 10px;
2026	-khtml-border-bottom-right-radius: 10px;
2027	border-bottom-right-radius: 10px;
2028	background-repeat: no-repeat;
2029	background-position: left top;
2030max-width: 160px;
2031margin: 0 auto;
2032box-shadow: 0px 3px 10px #00000033;
2033}
2034.fancyButton2349.fancyButton:hover,.fancyButton2349.fancyButton:focus,.fancyButton2349.fancyButton:active,.fancyButton2349.fancyButton.hover{
2035	background-color: rgb(65, 108, 154);
2036	background-repeat: no-repeat;
2037	background-position: left top;
2038}
2039.fancyButton2349.fancyButton:link > span,.fancyButton2349.fancyButton:visited > span, .fancyButton2349div.fancyButton > span{
2040}
2041.fancyButton2349.fancyButton:hover > span,.fancyButton2349.fancyButton:focus > span,.fancyButton2349.fancyButton:active > span,.fancyButton2349.fancyButton.hover > span{
2042}
2043.fancyButton2349.fancyButton .text{
2044	color: rgb(255, 255, 255);
2045	font-family: "Poppins";
2046	padding-top: 70px;
2047	padding-right: 5px;
2048	padding-left: 5px;
2049	font-weight: 500;
2050	text-decoration: none;
2051	padding-top: 70px;
2052	padding-right: 5px;
2053	padding-left: 5px;
2054	background-image: url('/ImageRepository/Document?documentID=16123');
2055	background-repeat: no-repeat;
2056	background-position: center 18px ;
2057height: 140px;
2058line-height: 1.2;
2059}
2060.fancyButton2349.fancyButton:hover .text,.fancyButton2349.fancyButton:focus .text,.fancyButton2349.fancyButton:active .text,.fancyButton2349.fancyButton.hover .text{
2061	text-decoration: underline;
2062
2063
2064}
2065</style>
2066
2067 </li><!--
2068--></ul></div><!--				-->
2069				</div>
2070			</nav>
2071		</div>
2072	<div class="widgetFooter">
2073			</div>
2074</div>
2075</div>
2076
2077	</div> <!-- inner column -->
2078
2079	</div> <!-- inner row -->
2080
2081			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="e26900fd-9f42-479f-a705-7e5a81cab1a2">�				
2082	<div class="row nest first last wide">�
2083	
2084	<div class="inner col col8 first last id1ee844be-1100-4e20-80e4-6b7fdc7a2e7b" style="" data-widgetcontainerid="1ee844be-1100-4e20-80e4-6b7fdc7a2e7b">�	
2085<div data-widget-id="43a64f56-7aa0-4ea7-b75d-f962fe680275" data-widget-controller-path="/GraphicLinks/Widget">
2086
2087
2088
2089
2090<div id="graphicLinkWidget43a64f56-7aa0-4ea7-b75d-f962fe680275" class="widget widgetGraphicLinks skin151 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:22em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2091	<div class="widgetHeader">
2092		<div class="">
2093				</div>
2094	</div>
2095	<div class="widgetBody cpGrid cpGrid2 ">
2096		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2097				<div class="row   wide">
2098					<!--
2099--><div class="col col1 first "><ul class="semanticList"><!--
2100	    --><li class="widgetItem GraphicLinks">
2101
2102<div>
2103	<a href="https://maps2.garlandtx.gov/GarlandPIPDashboard.html" target="_self" class="fancyButton fancyButton2073 " >
2104		<span>
2105			<span><span class="text">Public Works Projects</span></span>
2106		</span>
2107	</a>
2108</div>
2109		<style scoped="scoped">.fancyButton2073.fancyButton:link,.fancyButton2073.fancyButton:visited, .fancyButton2073div.fancyButton{
2110	background-color: rgb(42, 79, 126);
2111	-webkit-border-top-left-radius: 10px;
2112	-moz-border-top-left-radius: 10px;
2113	-khtml-border-top-left-radius: 10px;
2114	border-top-left-radius: 10px;
2115	-webkit-border-top-right-radius: 10px;
2116	-moz-border-top-right-radius: 10px;
2117	-khtml-border-top-right-radius: 10px;
2118	border-top-right-radius: 10px;
2119	-webkit-border-bottom-left-radius: 10px;
2120	-moz-border-bottom-left-radius: 10px;
2121	-khtml-border-bottom-left-radius: 10px;
2122	border-bottom-left-radius: 10px;
2123	-webkit-border-bottom-right-radius: 10px;
2124	-moz-border-bottom-right-radius: 10px;
2125	-khtml-border-bottom-right-radius: 10px;
2126	border-bottom-right-radius: 10px;
2127	background-repeat: no-repeat;
2128	background-position: left top;
2129max-width: 160px;
2130margin: 0 auto;
2131box-shadow: 0px 3px 10px #00000033;
2132}
2133.fancyButton2073.fancyButton:hover,.fancyButton2073.fancyButton:focus,.fancyButton2073.fancyButton:active,.fancyButton2073.fancyButton.hover{
2134	background-color: rgb(65, 108, 154);
2135	background-repeat: no-repeat;
2136	background-position: left top;
2137}
2138.fancyButton2073.fancyButton:link > span,.fancyButton2073.fancyButton:visited > span, .fancyButton2073div.fancyButton > span{
2139}
2140.fancyButton2073.fancyButton:hover > span,.fancyButton2073.fancyButton:focus > span,.fancyButton2073.fancyButton:active > span,.fancyButton2073.fancyButton.hover > span{
2141}
2142.fancyButton2073.fancyButton .text{
2143	color: rgb(255, 255, 255);
2144	font-family: "Poppins";
2145	padding-top: 70px;
2146	padding-right: 5px;
2147	padding-left: 5px;
2148	font-weight: 500;
2149	text-decoration: none;
2150	padding-top: 70px;
2151	padding-right: 5px;
2152	padding-left: 5px;
2153	background-image: url('/ImageRepository/Document?documentID=16128');
2154	background-repeat: no-repeat;
2155	background-position: center 18px ;
2156height: 140px;
2157line-height: 1.2;
2158}
2159.fancyButton2073.fancyButton:hover .text,.fancyButton2073.fancyButton:focus .text,.fancyButton2073.fancyButton:active .text,.fancyButton2073.fancyButton.hover .text{
2160	text-decoration: underline;
2161
2162
2163}
2164</style>
2165
2166 </li><!--
2167--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2168	    --><li class="widgetItem GraphicLinks">
2169
2170<div>
2171	<a href="https://www.garlandtx.gov/4579/Garland-Cares-Network" target="_self" class="fancyButton fancyButton2512 " >
2172		<span>
2173			<span><span class="text">Garland Cares Network</span></span>
2174		</span>
2175	</a>
2176</div>
2177		<style scoped="scoped">.fancyButton2512.fancyButton:link,.fancyButton2512.fancyButton:visited, .fancyButton2512div.fancyButton{
2178	background-color: rgb(42, 79, 126);
2179	-webkit-border-top-left-radius: 10px;
2180	-moz-border-top-left-radius: 10px;
2181	-khtml-border-top-left-radius: 10px;
2182	border-top-left-radius: 10px;
2183	-webkit-border-top-right-radius: 10px;
2184	-moz-border-top-right-radius: 10px;
2185	-khtml-border-top-right-radius: 10px;
2186	border-top-right-radius: 10px;
2187	-webkit-border-bottom-left-radius: 10px;
2188	-moz-border-bottom-left-radius: 10px;
2189	-khtml-border-bottom-left-radius: 10px;
2190	border-bottom-left-radius: 10px;
2191	-webkit-border-bottom-right-radius: 10px;
2192	-moz-border-bottom-right-radius: 10px;
2193	-khtml-border-bottom-right-radius: 10px;
2194	border-bottom-right-radius: 10px;
2195	background-image: url('/ImageRepository/Document?documentID=24682');
2196	background-repeat: no-repeat;
2197	background-position: center center;
2198max-width: 160px;
2199margin: 0 auto;
2200box-shadow: 0px 3px 10px #00000033;
2201}
2202.fancyButton2512.fancyButton:hover,.fancyButton2512.fancyButton:focus,.fancyButton2512.fancyButton:active,.fancyButton2512.fancyButton.hover{
2203	background-color: rgb(65, 108, 154);
2204	background-repeat: no-repeat;
2205	background-position: center center;
2206}
2207.fancyButton2512.fancyButton:link > span,.fancyButton2512.fancyButton:visited > span, .fancyButton2512div.fancyButton > span{
2208}
2209.fancyButton2512.fancyButton:hover > span,.fancyButton2512.fancyButton:focus > span,.fancyButton2512.fancyButton:active > span,.fancyButton2512.fancyButton.hover > span{
2210}
2211.fancyButton2512.fancyButton .text{
2212	color: rgb(255, 255, 255);
2213	font-family: "Poppins";
2214	padding-top: 70px;
2215	padding-right: 5px;
2216	padding-left: 5px;
2217	font-weight: 500;
2218	text-decoration: none;
2219	padding-top: 70px;
2220	padding-right: 5px;
2221	padding-left: 5px;
2222	background-image: url('/ImageRepository/Document?documentID=24682');
2223	background-repeat: no-repeat;
2224	background-position: center center;
2225height: 140px;
2226line-height: 1.2;
2227}
2228.fancyButton2512.fancyButton:hover .text,.fancyButton2512.fancyButton:focus .text,.fancyButton2512.fancyButton:active .text,.fancyButton2512.fancyButton.hover .text{
2229	text-decoration: underline;
2230
2231
2232}
2233</style>
2234
2235 </li><!--
2236--></ul></div><!--				-->
2237				</div>
2238			</nav>
2239		</div>
2240	<div class="widgetFooter">
2241			</div>
2242</div>
2243</div>
2244
2245	</div> <!-- inner column -->
2246
2247	</div> <!-- inner row -->
2248
2249			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2250
2251
2252	</div>
2253</div></div>
2254</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainer2TS" class="fixedLeftTS">
2255<div class="siteWrap2" data-skip-leftpad=""><div data-cpRole="contentContainer" id="gbs2TS">	<div id="ccc3ec5373-1ba2-4c45-9471-2b5ae4b8cfb0" data-containerid="c3ec5373-1ba2-4c45-9471-2b5ae4b8cfb0" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="20">
2256				                
2257
2258		<div class="row outer wide"><!--
2259--><div class="outer col col12 first" style="" data-widgetcontainerid="9c90da8e-9fcb-4e29-a669-b11e494a737d">�				
2260	<div class="row nest first last wide">�
2261	
2262	<div class="inner col col12 first last id790b9603-63de-4ad0-8eab-2009e919c0f4" style="" data-widgetcontainerid="790b9603-63de-4ad0-8eab-2009e919c0f4">�	
2263<div data-widget-id="c72bdbc0-0fac-432d-8005-2ce12d49fc1a" data-widget-controller-path="/GraphicLinks/Widget">
2264
2265
2266
2267
2268<div id="graphicLinkWidgetc72bdbc0-0fac-432d-8005-2ce12d49fc1a" class="widget widgetGraphicLinks skin153 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2269	<div class="widgetHeader">
2270		<div class="">
2271				</div>
2272	</div>
2273	<div class="widgetBody cpGrid cpGrid2 ">
2274		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2275				<div class="row   wide">
2276					<!--
2277--><div class="col col1 first "><ul class="semanticList"><!--
2278	    --><li class="widgetItem GraphicLinks">
2279
2280<div>
2281	<a href="/CivicAlerts.aspx?CID=1" target="_self" class="fancyButton fancyButton2343 " >
2282		<span>
2283			<span><span class="text">City News</span></span>
2284		</span>
2285	</a>
2286</div>
2287		<style scoped="scoped">.fancyButton2343.fancyButton:link,.fancyButton2343.fancyButton:visited, .fancyButton2343div.fancyButton{
2288	background-repeat: no-repeat;
2289	background-position: left top;
2290}
2291.fancyButton2343.fancyButton:hover,.fancyButton2343.fancyButton:focus,.fancyButton2343.fancyButton:active,.fancyButton2343.fancyButton.hover{
2292	background-repeat: no-repeat;
2293	background-position: left top;
2294}
2295.fancyButton2343.fancyButton:link > span,.fancyButton2343.fancyButton:visited > span, .fancyButton2343div.fancyButton > span{
2296}
2297.fancyButton2343.fancyButton:hover > span,.fancyButton2343.fancyButton:focus > span,.fancyButton2343.fancyButton:active > span,.fancyButton2343.fancyButton.hover > span{
2298}
2299.fancyButton2343.fancyButton .text{
2300	color: rgb(42, 79, 126);
2301	font-size: .9em;
2302	font-family: "Poppins";
2303	padding-top: 55px;
2304	font-weight: 600;
2305	text-decoration: none;
2306	padding-top: 55px;
2307	background-image: url('/ImageRepository/Document?documentID=16130');
2308	background-repeat: no-repeat;
2309	background-position: center top;
2310line-height: 1.2;
2311transition: all .2s ease-in-out;
2312}
2313.fancyButton2343.fancyButton:hover .text,.fancyButton2343.fancyButton:focus .text,.fancyButton2343.fancyButton:active .text,.fancyButton2343.fancyButton.hover .text{
2314	text-decoration: underline;
2315	background-image: url('/ImageRepository/Document?documentID=16134');
2316
2317
2318}
2319</style>
2320
2321 </li><!--
2322--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2323	    --><li class="widgetItem GraphicLinks">
2324
2325<div>
2326	<a href="/3869/CGTV-Government-Access-Television" target="_self" class="fancyButton fancyButton2372 " >
2327		<span>
2328			<span><span class="text">City Videos</span></span>
2329		</span>
2330	</a>
2331</div>
2332		<style scoped="scoped">.fancyButton2372.fancyButton:link,.fancyButton2372.fancyButton:visited, .fancyButton2372div.fancyButton{
2333	background-repeat: no-repeat;
2334	background-position: left top;
2335}
2336.fancyButton2372.fancyButton:hover,.fancyButton2372.fancyButton:focus,.fancyButton2372.fancyButton:active,.fancyButton2372.fancyButton.hover{
2337	background-repeat: no-repeat;
2338	background-position: left top;
2339}
2340.fancyButton2372.fancyButton:link > span,.fancyButton2372.fancyButton:visited > span, .fancyButton2372div.fancyButton > span{
2341}
2342.fancyButton2372.fancyButton:hover > span,.fancyButton2372.fancyButton:focus > span,.fancyButton2372.fancyButton:active > span,.fancyButton2372.fancyButton.hover > span{
2343}
2344.fancyButton2372.fancyButton .text{
2345	color: rgb(42, 79, 126);
2346	font-size: .9em;
2347	font-family: "Poppins";
2348	padding-top: 55px;
2349	font-weight: 600;
2350	text-decoration: none;
2351	padding-top: 55px;
2352	background-image: url(/ImageRepository/Document?documentID=16132);
2353	background-repeat: no-repeat;
2354	background-position: center top;
2355line-height: 1.2;
2356transition: all .2s ease-in-out;
2357}
2358.fancyButton2372.fancyButton:hover .text,.fancyButton2372.fancyButton:focus .text,.fancyButton2372.fancyButton:active .text,.fancyButton2372.fancyButton.hover .text{
2359	text-decoration: underline;
2360	background-image: url(/ImageRepository/Document?documentID=16136);
2361
2362
2363}
2364</style>
2365
2366 </li><!--
2367--></ul></div><!--				-->
2368				</div>
2369			</nav>
2370		</div>
2371	<div class="widgetFooter">
2372			</div>
2373</div>
2374</div>
2375
2376	</div> <!-- inner column -->
2377
2378	</div> <!-- inner row -->
2379
2380			</div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="636f80a8-de88-4dd3-a183-bd945bfe1fc7">�				
2381	<div class="row nest first last wide">�
2382	
2383	<div class="inner col col12 first last id105d84b1-a54f-4899-90cd-deaba8bbc33c" style="" data-widgetcontainerid="105d84b1-a54f-4899-90cd-deaba8bbc33c">�	
2384<div data-widget-id="c8764809-ca3c-4478-a085-6dcc0dd41b5a" data-widget-controller-path="/GraphicLinks/Widget">
2385
2386
2387
2388
2389<div id="graphicLinkWidgetc8764809-ca3c-4478-a085-6dcc0dd41b5a" class="widget widgetGraphicLinks skin153 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
2390	<div class="widgetHeader">
2391		<div class="">
2392				</div>
2393	</div>
2394	<div class="widgetBody cpGrid cpGrid2 ">
2395		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
2396				<div class="row   wide">
2397					<!--
2398--><div class="col col1 first "><ul class="semanticList"><!--
2399	    --><li class="widgetItem GraphicLinks">
2400
2401<div>
2402	<a href="/calendar.aspx?CID=23,31,52,63,64,45,49,48,28,50,44,47,29,25,42,41,40,66,58,67,59,60,61,24,62,55,51,65,57,56,54,36,14,46,26,43,32,34,68,27,53&amp;showPastEvents=false " target="_self" class="fancyButton fancyButton2373 " >
2403		<span>
2404			<span><span class="text">City Calendar</span></span>
2405		</span>
2406	</a>
2407</div>
2408		<style scoped="scoped">.fancyButton2373.fancyButton:link,.fancyButton2373.fancyButton:visited, .fancyButton2373div.fancyButton{
2409	background-repeat: no-repeat;
2410	background-position: left top;
2411}
2412.fancyButton2373.fancyButton:hover,.fancyButton2373.fancyButton:focus,.fancyButton2373.fancyButton:active,.fancyButton2373.fancyButton.hover{
2413	background-repeat: no-repeat;
2414	background-position: left top;
2415}
2416.fancyButton2373.fancyButton:link > span,.fancyButton2373.fancyButton:visited > span, .fancyButton2373div.fancyButton > span{
2417}
2418.fancyButton2373.fancyButton:hover > span,.fancyButton2373.fancyButton:focus > span,.fancyButton2373.fancyButton:active > span,.fancyButton2373.fancyButton.hover > span{
2419}
2420.fancyButton2373.fancyButton .text{
2421	color: rgb(42, 79, 126);
2422	font-size: .9em;
2423	font-family: "Poppins";
2424	padding-top: 55px;
2425	font-weight: 600;
2426	text-decoration: none;
2427	padding-top: 55px;
2428	background-image: url(/ImageRepository/Document?documentID=17060);
2429	background-repeat: no-repeat;
2430	background-position: center top;
2431line-height: 1.2;
2432transition: all .2s ease-in-out;
2433}
2434.fancyButton2373.fancyButton:hover .text,.fancyButton2373.fancyButton:focus .text,.fancyButton2373.fancyButton:active .text,.fancyButton2373.fancyButton.hover .text{
2435	text-decoration: underline;
2436	background-image: url(/ImageRepository/Document?documentID=17061);
2437
2438
2439}
2440</style>
2441
2442 </li><!--
2443--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
2444	    --><li class="widgetItem GraphicLinks">
2445
2446<div>
2447	<a href="/3789/Garland-Emergency-Notification-System" target="_self" class="fancyButton fancyButton2344 " >
2448		<span>
2449			<span><span class="text">Emergency Alerts</span></span>
2450		</span>
2451	</a>
2452</div>
2453		<style scoped="scoped">.fancyButton2344.fancyButton:link,.fancyButton2344.fancyButton:visited, .fancyButton2344div.fancyButton{
2454	background-repeat: no-repeat;
2455	background-position: left top;
2456}
2457.fancyButton2344.fancyButton:hover,.fancyButton2344.fancyButton:focus,.fancyButton2344.fancyButton:active,.fancyButton2344.fancyButton.hover{
2458	background-repeat: no-repeat;
2459	background-position: left top;
2460}
2461.fancyButton2344.fancyButton:link > span,.fancyButton2344.fancyButton:visited > span, .fancyButton2344div.fancyButton > span{
2462}
2463.fancyButton2344.fancyButton:hover > span,.fancyButton2344.fancyButton:focus > span,.fancyButton2344.fancyButton:active > span,.fancyButton2344.fancyButton.hover > span{
2464}
2465.fancyButton2344.fancyButton .text{
2466	color: rgb(42, 79, 126);
2467	font-size: .9em;
2468	font-family: "Poppins";
2469	padding-top: 55px;
2470	font-weight: 600;
2471	text-decoration: none;
2472	padding-top: 55px;
2473	background-image: url('/ImageRepository/Document?documentID=16131');
2474	background-repeat: no-repeat;
2475	background-position: center top;
2476line-height: 1.2;
2477transition: all .2s ease-in-out;
2478}
2479.fancyButton2344.fancyButton:hover .text,.fancyButton2344.fancyButton:focus .text,.fancyButton2344.fancyButton:active .text,.fancyButton2344.fancyButton.hover .text{
2480	text-decoration: underline;
2481	background-image: url('/ImageRepository/Document?documentID=16135');
2482
2483
2484}
2485</style>
2486
2487 </li><!--
2488--></ul></div><!--				-->
2489				</div>
2490			</nav>
2491		</div>
2492	<div class="widgetFooter">
2493			</div>
2494</div>
2495</div>
2496
2497	</div> <!-- inner column -->
2498
2499	</div> <!-- inner row -->
2500
2501			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2502
2503
2504	</div>
2505</div></div>
2506</div>
2507</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS">
2508<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS">	<div id="cc65e1bc0e-2f34-4c3a-94b0-ed7058ac283c" data-containerid="65e1bc0e-2f34-4c3a-94b0-ed7058ac283c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="55">
2509				                
2510
2511		<div class="row outer wide"><!--
2512--><div class="outer col col6 first" style="" data-widgetcontainerid="27fe44fc-cf06-463e-b537-47d13fe73fd5">�				
2513	<div class="row nest first last wide">�
2514	
2515	<div class="inner col col6 first last id63732a82-e0dc-46eb-8ee7-c0ac19e208f3" style="" data-widgetcontainerid="63732a82-e0dc-46eb-8ee7-c0ac19e208f3">�	
2516    <div data-widget-id="bebeb589-3efe-4987-a65f-0aefeadbc1c9" data-widget-controller-path="/InfoAdvanced/Widget">
2517
2518
2519
2520
2521
2522	<section id="divInfoAdvbebeb589-3efe-4987-a65f-0aefeadbc1c9" class="widget widgetInfoAdvanced skin148 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2523			<header class="widgetHeader" id="headerbebeb589-3efe-4987-a65f-0aefeadbc1c9">
2524		<div class="">
2525								</div>
2526	</header>
2527	<div class="widgetBody  cpGrid cpGrid1 ">
2528		<div class="row  wide">
2529					<div class="col col1 first last">
2530						<ol class="pageStyles semanticList">
2531
2532<li class="InfoAdvanced widgetItem fr-view">
2533	<p><img src="/ImageRepository/Document?documentId=16122" class="fr-dib" alt="Garland TX Logo"></p>
2534</li>						</ol>
2535					</div>
2536		</div>
2537	</div>
2538	<div class="widgetFooter">
2539
2540	</div>
2541
2542	</section>
2543
2544
2545
2546<script type="text/javascript">
2547	//Render slideshow if info advacned items contain one.
2548	$(document).ready(function (e) {
2549		$('#divInfoAdvbebeb589-3efe-4987-a65f-0aefeadbc1c9 .InfoAdvanced.widgetItem').each(function () {
2550			renderSlideshowIfApplicable($(this));		
2551		});
2552	});
2553</script>
2553</div>
2554	</div> <!-- inner column -->
2555
2556	</div> <!-- inner row -->
2557
2558			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="43390216-5b5f-4f89-bc95-58c3d15339e9">�				
2559	<div class="row nest first last wide">�
2560	
2561	<div class="inner col col1 first last id4c7f2a2c-a3df-4fff-9d63-9c460e49c30c" style="" data-widgetcontainerid="4c7f2a2c-a3df-4fff-9d63-9c460e49c30c">�	
2562
2563<div class="widget widgetSpacer" id="efe6d564-e1d3-4f5b-ab29-11fef951585b"></div>
2564	</div> <!-- inner column -->
2565
2566	</div> <!-- inner row -->
2567
2568			</div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="cea858ff-4125-46c5-abe5-caad0efbf560">�				
2569	<div class="row nest first last wide">�
2570	
2571	<div class="inner col col5 first last id2d38393c-4169-41af-86b5-48c66a5c7808" style="" data-widgetcontainerid="2d38393c-4169-41af-86b5-48c66a5c7808">�	
2572    <div data-widget-id="c487be97-c5f8-4b02-be87-0046987ba563" data-widget-controller-path="/InfoAdvanced/Widget">
2573
2574
2575
2576
2577
2578	<section id="divInfoAdvc487be97-c5f8-4b02-be87-0046987ba563" class="widget widgetInfoAdvanced skin150 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerc487be97-c5f8-4b02-be87-0046987ba563">
2579			<header class="widgetHeader" id="headerc487be97-c5f8-4b02-be87-0046987ba563">
2580		<div class="">
2581					<h3 >Contact Us</h3>
2582								</div>
2583	</header>
2584	<div class="widgetBody  cpGrid cpGrid1 ">
2585		<div class="row  wide">
2586					<div class="col col1 first last">
2587						<ol class="pageStyles semanticList">
2588
2589<li class="InfoAdvanced widgetItem fr-view">
2590	<p>200 N. Fifth St.<br>Garland, TX 75040</p>
2591</li>
2592<li class="InfoAdvanced widgetItem fr-view">
2593	<p>P.O. Box 469002<br>Garland, TX 75046</p>
2594</li>
2595<li class="InfoAdvanced widgetItem fr-view">
2596	<p>Phone: <a href="tel:972-205-2000">972-205-2000</a><br><a href="mailto:[email protected]">Email the City of Garland</a></p>
2597</li>						</ol>
2598					</div>
2599		</div>
2600	</div>
2601	<div class="widgetFooter">
2602
2603	</div>
2604
2605	</section>
2606
2607
2608
2609<script type="text/javascript">
2610	//Render slideshow if info advacned items contain one.
2611	$(document).ready(function (e) {
2612		$('#divInfoAdvc487be97-c5f8-4b02-be87-0046987ba563 .InfoAdvanced.widgetItem').each(function () {
2613			renderSlideshowIfApplicable($(this));		
2614		});
2615	});
2616</script>
2616</div>
2617	</div> <!-- inner column -->
2618
2619	</div> <!-- inner row -->
2620
2621			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="2acd8dbb-8eed-467f-866e-a40cf64891d7">�				
2622	<div class="row nest first last wide">�
2623	
2624	<div class="inner col col1 first last idca48c182-c2ac-4c1e-aa59-e3746560b8c3" style="" data-widgetcontainerid="ca48c182-c2ac-4c1e-aa59-e3746560b8c3">�	
2625
2626<div class="widget widgetSpacer" id="facfe139-62c2-4b49-b20b-ac10cb3cd28d"></div>
2627	</div> <!-- inner column -->
2628
2629	</div> <!-- inner row -->
2630
2631			</div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="3fecc19c-b327-46cb-92ee-da16fd44c114">�				
2632	<div class="row nest first last wide">�
2633	
2634	<div class="inner col col5 first last idc599902a-1305-4ed9-93f6-da8897ec0ba1" style="" data-widgetcontainerid="c599902a-1305-4ed9-93f6-da8897ec0ba1">�	
2635	<div data-widget-id="666645aa-40d4-488c-a74a-34011cec7306" data-widget-controller-path="/QuickLinks/Widget">
2636
2637
2638
2639
2640
2641
2642
2643
2644	<section id="widgetQuicklink666645aa-40d4-488c-a74a-34011cec7306" class="widget widgetQuickLinks skin150 widgetOptionSet25 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader666645aa-40d4-488c-a74a-34011cec7306">
2645			<header class="widgetHeader" id="quickLinksHeader666645aa-40d4-488c-a74a-34011cec7306">
2646		<div class="">
2647					<h3><a  style="" href="/QuickLinks.aspx?CID=333" >Quick Links</a></h3>
2648						</div>
2649	</header>
2650	<div class="widgetBody cpGrid cpGrid1 ">
2651        <div class="row  narrow">
2652				<div class="col col1 first last">
2653					<ol class="semanticList">
2654
2655
2656
2657
2658    <li style="position:relative" class="widgetItem QuickLinks">
2659        <a class="widgetDesc widgetQuickLinksLink" href="https://www.visitgarlandtx.com/default.aspx" target="_self" aria-label="Visit Garland - 2024 Quick Links" rel="">Visit Garland</a>
2660        <div class="widgetMeta"></div>
2661    </li>
2662
2663
2664
2665
2666    <li style="position:relative" class="widgetItem QuickLinks">
2667        <a class="widgetDesc widgetQuickLinksLink" href="/484/Human-Resources" target="_self" aria-label="Careers - 2024 Quick Links" rel="">Careers</a>
2668        <div class="widgetMeta"></div>
2669    </li>
2670
2671
2672
2673
2674    <li style="position:relative" class="widgetItem QuickLinks">
2675        <a class="widgetDesc widgetQuickLinksLink" href="/3789/Garland-Emergency-Notification-System" target="_self" aria-label="Emergency Alerts - 2024 Quick Links" rel="">Emergency Alerts</a>
2676        <div class="widgetMeta"></div>
2677    </li>
2678
2679
2680
2681
2682    <li style="position:relative" class="widgetItem QuickLinks">
2683        <a class="widgetDesc widgetQuickLinksLink" href="https://garlandtx.gov/4343/E-ASSIST-Redirect" target="_self" aria-label="E-Assist - 2024 Quick Links" rel="">E-Assist</a>
2684        <div class="widgetMeta"></div>
2685    </li>
2686					</ol>
2687				</div>
2688		</div>
2689        
2690	</div>
2691	<div class="widgetFooter">
2692	</div>
2693	<div class="addItemModal hidden">
2694		<div class="url hidden">/QuickLinks.aspx</div>
2695	</div>
2696
2697	</section>
2698</div>
2699
2700	</div> <!-- inner column -->
2701
2702	</div> <!-- inner row -->
2703
2704			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="ba1ad9d3-317d-40d2-b116-ae639e32dba4">�				
2705	<div class="row nest first last wide">�
2706	
2707	<div class="inner col col1 first last ide45fdb42-c0a6-48af-b3e7-1979f07508a7" style="" data-widgetcontainerid="e45fdb42-c0a6-48af-b3e7-1979f07508a7">�	
2708
2709<div class="widget widgetSpacer" id="84a62f0b-9ec6-4a6e-8b4a-6378bb94f6fe"></div>
2710	</div> <!-- inner column -->
2711
2712	</div> <!-- inner row -->
2713
2714			</div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="eb05cb4e-38c7-46bb-bba6-ed1235770b8f">�				
2715	<div class="row nest first last wide">�
2716	
2717	<div class="inner col col5 first last idf74b162f-e004-4fc7-99b7-d37afd4cda13" style="" data-widgetcontainerid="f74b162f-e004-4fc7-99b7-d37afd4cda13">�	
2718	<div data-widget-id="e82f4702-6491-497c-b544-3df525ad5e4f" data-widget-controller-path="/QuickLinks/Widget">
2719
2720
2721
2722
2723
2724
2725
2726
2727	<section id="widgetQuicklinke82f4702-6491-497c-b544-3df525ad5e4f" class="widget widgetQuickLinks skin150 widgetOptionSet25 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeadere82f4702-6491-497c-b544-3df525ad5e4f">
2728			<header class="widgetHeader" id="quickLinksHeadere82f4702-6491-497c-b544-3df525ad5e4f">
2729		<div class="">
2730					<h3><a  style="" href="/QuickLinks.aspx?CID=332" >Site Links</a></h3>
2731						</div>
2732	</header>
2733	<div class="widgetBody cpGrid cpGrid1 ">
2734        <div class="row  narrow">
2735				<div class="col col1 first last">
2736					<ol class="semanticList">
2737
2738
2739
2740
2741    <li style="position:relative" class="widgetItem QuickLinks">
2742        <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" aria-label="City Homepage - Site Links" rel="">City Homepage</a>
2743        <div class="widgetMeta"></div>
2744    </li>
2745
2746
2747
2748
2749    <li style="position:relative" class="widgetItem QuickLinks">
2750        <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" aria-label="City Directory - Site Links" rel="">City Directory</a>
2751        <div class="widgetMeta"></div>
2752    </li>
2753
2754
2755
2756
2757    <li style="position:relative" class="widgetItem QuickLinks">
2758        <a class="widgetDesc widgetQuickLinksLink" href="/4034/Website-Accessibility" target="_self" aria-label="Accessibility - Site Links" rel="">Accessibility</a>
2759        <div class="widgetMeta"></div>
2760    </li>
2761
2762
2763
2764
2765    <li style="position:relative" class="widgetItem QuickLinks">
2766        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" aria-label="Site Map - Site Links" rel="">Site Map</a>
2767        <div class="widgetMeta"></div>
2768    </li>
2769					</ol>
2770				</div>
2771		</div>
2772        
2773	</div>
2774	<div class="widgetFooter">
2775	</div>
2776	<div class="addItemModal hidden">
2777		<div class="url hidden">/QuickLinks.aspx</div>
2778	</div>
2779
2780	</section>
2781</div>
2782
2783	</div> <!-- inner column -->
2784
2785	</div> <!-- inner row -->
2786
2787			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2788
2789
2790	</div>
2791</div></div>
2792</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS">
2793<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS">	<div id="cc5ac4fd0b-b269-4c05-b9a5-bd323c4f4303" data-containerid="5ac4fd0b-b269-4c05-b9a5-bd323c4f4303" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
2794				                
2795
2796		<div class="row outer wide"><!--
2797--><div class="outer col col24 first last" style="" data-widgetcontainerid="28a0d8e6-613c-4e3a-b8c2-711352d2b184">�				
2798	<div class="row nest first last wide">�
2799	
2800	<div class="inner col col24 first last id6aa79b04-5619-47cc-8c9c-54360c79a4fc" style="" data-widgetcontainerid="6aa79b04-5619-47cc-8c9c-54360c79a4fc">�	
2801 
2802	<div data-widget-id='7797c177-bd5f-4e7f-87d6-054cb20422b1' data-moduleName="customHtml" id='widgetCustomHtml7797c177-bd5f-4e7f-87d6-054cb20422b1' class="widget widgetCustomHtml skin150 narrow" >
2803	<div class="widgetBody pageStyles" id="widgetBody7797c177-bd5f-4e7f-87d6-054cb20422b1">
2804		<div id="customHtml7797c177-bd5f-4e7f-87d6-054cb20422b1"><div><style>
2805  /* CP icon */
2806  .cpBylineIconTS {
2807  }
2808  /* CP Text */
2809  .cpBylineTextTS,
2810  .cpBylineTextTS a:link {
2811  }
2812
2813  .cpBylineTS {
2814    text-align: center;
2815  }
2816  
2817  .cpBylineIconTS {
2818    fill: currentColor;
2819    width: 39px;
2820    height: 26px;
2821    display: inline;
2822    vertical-align: middle;
2823  }
2824</style>
2825
2826<div class="widgetItem cpBylineTS">
2827  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
2828    <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>
2829    <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>
2830  </svg>
2831  <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
2832</div>
2833</div></div>
2834	</div>
2835
2836	</div>
2837
2838	</div> <!-- inner column -->
2839
2840	</div> <!-- inner row -->
2841
2842			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2843
2844
2845	</div>
2846</div></div>
2847</div>
2848
2849
2850
2851
2852		<div id="banner2-334" style="display: none"></div>
2853			
2853<script type="text/javascript">
2854				$(window).on("load", function () {
2855					$.when(window.Pages.rwdSetupComplete)
2856						.done(function () {
2857							renderBanner('banner2-334',
2858								'banner2',
2859								{"BannerOptionID":334,"ThemeID":100,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":771,"BannerOptionID":334,"FileName":"/ImageRepository/Document?documentID=16352","Height":1418,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
2860								{"BannerImageID":771,"BannerOptionID":334,"FileName":"/ImageRepository/Document?documentID=16352","Height":1418,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},
2861								'/App_Themes/2024 - Interior/Images/',
2862								'<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=16352" />');
2863						});
2864				});
2865			</script>
2865
2866
2867</div>
2868</div>
2869
2870            </div>
2871        </div>
2872    </div>
2873
2874<link href="/745732998.css" rel="stylesheet" type="text/css" />
2875
2876<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
2877	<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">
2878		<div class="cp-Splash-header">
2879			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
2880			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
2881				<svg id="iconClose" viewBox="0 0 25 25">
2882					<polygon style="fill:currentcolor"
2883							 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>
2884				</svg>
2885			</button>
2886		</div>
2887		<div class="cp-Splash-body">
2888			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
2889				<!-- Content from the Froala Editor will go here. -->
2890				Loading
2891			</div>
2892		</div>
2893		<div class="cp-Splash-footer">
2894			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
2895			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
2896		</div>
2897	</div>
2898</div>
2899
2900<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2900
2900
2901<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2901
2901
2902<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2902
2902
2903<script>
2904
2905		$(document).ready(function () {
2906			var filter = {
2907				targetId: '212',
2908				targetType: 1
2909			}
2910
2911			new SplashModalRender().triggerRender(filter);
2912		});
2913</script>
2913
2914
2915
2916	
2917	
2918	
2919	
2920
2921
2922
2923	
2924
2925
2926
2927
2928
2929
2930    
2930<script src="/-1442400649.js" type="text/javascript"></script>
2930
2931    <!-- Google Translate -->
2932
2933<script type="text/javascript">
2934var translateActiveCookie = getCookieValue('translateActive');
2935
2936if (translateActiveCookie == 'true') {
2937enableGoogleTranslate();
2938} else {
2939var button = '<a class="translateWidget" title="Enable Google Translate" style="background-color: #FFF;border-color: #9b9b9b #d5d5d5 transparent #d5d5d5;border-style: solid;border-width: 1px 1px 0 1px;bottom: 0px;color: #000;cursor: pointer;font-size: .9em;padding: 2px 6px 3px 4px;position: fixed;right: 20px;z-index: 5;">';
2940button += '<img alt="Google Translate Icon" src="/Assets/Images/GoogleTranslate.gif" style="box-sizing: content-box !important;height:19px;margin: -2px 0 0 -2px;padding-right: 5px;width:19px;">Enable Google Translate</a>';
2941$('div[data-cprole="structuralContainer"]').last().after(button);
2942}
2943
2944function googleTranslateElementInit() {
2945  var el = document.getElementById("google_translate_element");
2946  if (el && el.innerHTML.trim() !== "") {
2947      return;
2948  }
2949
2950  new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
2951}
2952
2953function enableGoogleTranslate() {
2954$('#google_translate_element').show();
2955var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true;
2956sz.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit';
2957var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s);
2958$('div[data-cprole="structuralContainer"]').last().after('<div id="google_translate_element" style="position: fixed; bottom: 0px; right: 20px; z-index: 5;"></div>');
2959       document.cookie = "translateActive=true; expires=12/31/2999; path=/";
2960}
2961
2962$('a.translateWidget').unbind('click').click(function (e) {
2963$(this).hide();
2964enableGoogleTranslate();
2965});
2966</script>
2966
2967
2968<!-- End Google Translate -->
2969
2970<!-- Google tag (gtag.js) 519423--> 
2971<script async src=https://www.googletagmanager.com/gtag/js?id=G-VZNFZ6JMPW></script>
2971 
2971<script> 
vendor: 127 bytes, line 2971
2971window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
2971G-VZNFZ6JMPW
vendor: 4 bytes, line 2971
2971'); 
2971</script>
2971
2972<!--End Google tag (gtag.js) -->
2973
2974<!-- AudioEye -->
2975<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash = "1e496ef708e62d2e33b62fa9b5971062"; 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>
2975
2976<!-- End AudioEye -->
2977
2978<!-- 2024 Fixed Nav Adjustment -->
2979<script>
2980  function getValueTS(elem, attr) {
2981    const val = elem.css(attr);
2982    if (val === undefined) return undefined;
2983    const num = parseInt(val, 10);
2984    if (num === NaN) return undefined;
2985    return num;
2986  }
2987
2988  function clampTS(number, min, max) {
2989    return Math.min(Math.max(number, min), max);
2990  }
2991
2992  function isPageEditingTS() {
2993    return (
2994      $("#doneEditing").length > 0 || // In live edit
2995      typeof DesignCenter !== "undefined" // In theme manager
2996    );
2997  }
2998
2999  const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/;
3000  function isTransparentTS(elem) {
3001    const bg = elem.css('background-color');
3002    if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false;
3003    const matchState = bg.match(bgColorRegexTS);
3004    if (!matchState || matchState.length !== 5) return false;
3005    const alpha = parseFloat(matchState[4], 10);
3006    if (!(alpha >= 0 && alpha < 1)) return false;
3007    return true;
3008  }
3009
3010  function iterateLeftpads(cb) {
3011    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
3012    for (let i = 0; i < containersTS.length; i++) {
3013      const containerTS = containersTS[i];
3014      // Skip the body container and anything with data-skip-leftpad
3015      if (
3016        containerTS.id !== "bodyContainerTS" &&
3017        containerTS.getAttribute('data-skip-leftpad') === null
3018      ) {
3019        cb(containerTS);
3020      }
3021    }
3022  }
3023
3024  const anchor = $("#divToolbars");
3025
3026  // Outer banner padding (push banner down)
3027  const outerSizingTS = $("#bannerContainerTS");
3028  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
3029  const innerSizingTS = $("#bannerSizingTS");
3030  const bodyContainerTS = $("#bodyContainerTS");
3031
3032  const forceUnfixClassTS = "forceUnfixTS";
3033
3034  const fixedTopTS = $(".fixedTopTS");
3035  const fixedBottomTS = $(".fixedBottomTS");
3036  const fixedLeftTS = $(".fixedLeftTS");
3037
3038  var initialTopTS;
3039  var topAttachTS;
3040  if (fixedTopTS && fixedTopTS.length === 1) {
3041    initialTopTS = getValueTS(fixedTopTS, 'top');
3042    const attachment = fixedTopTS.attr('data-attach');
3043    if (attachment) topAttachTS = $("#" + attachment);
3044    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
3045  }
3046
3047  function resizeAdjustmentTS() {
3048    const editing = isPageEditingTS();
3049
3050    // Fixed top script
3051    (function () {
3052      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;
3053
3054      if (editing) {
3055        fixedTopTS[0].classList.add(forceUnfixClassTS);
3056      } else {
3057        fixedTopTS[0].classList.remove(forceUnfixClassTS);
3058      }
3059
3060      const topPosition = fixedTopTS.css('position');
3061      if (topPosition === 'fixed') {
3062        if (topAttachTS) {
3063          scrollAdjustmentTS();
3064        } else {
3065          const anchorHeight = anchor.outerHeight() - 1;
3066          fixedTopTS.css('top', anchorHeight + initialTopTS);
3067        }
3068      } else {
3069        fixedTopTS.css('top', initialTopTS);
3070      }
3071
3072      if (topPosition === 'fixed' || topPosition === 'absolute') {
3073        // Bump the banner content down
3074        if (isTransparentTS(fixedTopTS)) {
3075          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1);
3076          outerSizingTS.css('padding-top', '');
3077
3078          try {
3079            window.Pages.onResizeHandlersExecute();
3080          } catch (e) { }
3081        } else {
3082          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
3083          innerSizingTS.css('padding-top', '');
3084        }
3085      } else {
3086        innerSizingTS.css('padding-top', '');
3087        outerSizingTS.css('padding-top', '');
3088      }
3089    })();
3090
3091    // Fixed bottom script
3092    (function () {
3093      if (!fixedBottomTS || fixedBottomTS.length === 0) return;
3094
3095      // If the widget has gone narrow, force unfix
3096      if (editing || fixedBottomTS.outerHeight() > 200) {
3097        fixedBottomTS[0].classList.add(forceUnfixClassTS);
3098      } else {
3099        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
3100      }
3101
3102      if (fixedBottomTS.css('position') === 'fixed') {
3103        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
3104      } else {
3105        bodyContainerTS.css('padding-bottom', '');
3106      }
3107    })();
3108
3109    // Fixed left script
3110    (function () {
3111      if (!fixedLeftTS || fixedLeftTS.length === 0) return;
3112
3113      if (editing) {
3114        fixedLeftTS[0].classList.add(forceUnfixClassTS);
3115      } else {
3116        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
3117      }
3118
3119      if (fixedLeftTS.css('position') === 'fixed') {
3120        const anchorHeight = anchor.outerHeight() - 1;
3121        fixedLeftTS.css('top', anchorHeight);
3122        const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
3123        iterateLeftpads(function (containerTS) {
3124          const containerBoundingTS = containerTS.getBoundingClientRect();
3125          if (containerBoundingTS.left <= leftBoundingTS.right) {
3126            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
3127          }
3128        });
3129      } else {
3130        fixedLeftTS.css('top', '');
3131        iterateLeftpads(function (containerTS) {
3132          $(containerTS).css('padding-left', '');
3133        });
3134      }
3135    })();
3136  }
3137
3138  function scrollAdjustmentTS() {
3139    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
3140    const topPosition = fixedTopTS.css('position');
3141    if (topPosition === 'fixed' || topPosition === 'absolute') {
3142      const anchorBounding = anchor[0].getBoundingClientRect();
3143      const attachBounding = topAttachTS[0].getBoundingClientRect();
3144      const scrollTop = $(window).scrollTop();
3145
3146      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
3147    } else {
3148      fixedTopTS.css('top', initialTopTS);
3149    }
3150  }
3151
3152  $(window).load(function () {
3153    setTimeout(function () {
3154      resizeAdjustmentTS();
3155    }, 350);
3156
3157    $(window).scroll(function () {
3158      scrollAdjustmentTS();
3159    });
3160
3161    var adjustTimeoutTS;
3162    $(window).resize(function () {
3163      clearTimeout(adjustTimeoutTS);
3164      adjustTimeoutTS = setTimeout(function () {
3165        resizeAdjustmentTS();
3166      }, 350);
3167    });
3168
3169    $.when(window.Pages.angularToolbarComplete).done(function () {
3170      resizeAdjustmentTS();
3171    });
3172  });
3173</script>
3173
3174<!-- End Fixed Nav Adjustment --><!-- Move banner to outer wrap --> 
3175<script> 
3176function moveBannerToOuterWrap() { 
3177    if ($(".fixedBannerTS").length) { 
3178		if ($("#bannerDivbanner2").length) { 
3179			$("#bannerDivbanner2").appendTo("#outer-wrap"); 
3180		} else { 
3181			setTimeout(function() { 
3182				moveBannerToOuterWrap(); 
3183			}, 500); 
3184		} 
3185	}
3186} 
3187moveBannerToOuterWrap(); 
3188</script>
3188 
3189<!-- end move banner to outer wrap -->
3190
3191
3192    
3192<script type="text/javascript">
3193        $(function () {
3194            document.cookie = "responsiveGhost=0; path=/";
3195        });
3196        $(window).on("load", function () {
3197            $('body').addClass('doneLoading').removeClass('hideContent');
3198
3199            if ($('#404Content').length > 0)
3200                $('div#bodyWrapper').css('padding', '0px');
3201        });
3202    </script>
3202
3203
3204    <noscript>
3205        <style>
3206            body.hideContent {
3207                opacity: 1 !important;
3208            }
3209        </style>
3210    </noscript>
3211
3212        
3213<div style="display: none;">
3214	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
3215
3216		<symbol id="iconArrow--left" viewbox="0 0 25 25">
3217			<title>Arrow Left</title>
3218			<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>
3219		</symbol>
3220
3221		<symbol id="iconArrow--right" viewbox="0 0 25 25">
3222			<title>Arrow Right</title>
3223			<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>
3224		</symbol>
3225
3226	</svg>
3227</div>
3228    
3228<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Crimson+Text:600,600italic,700,700italic,italic,regular|Montserrat:500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Open+Sans:600,700,regular|Oswald:600|Poppins:500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|PT+Sans+Narrow:700,regular|Source+Sans+Pro:600,700,regular|Teko:600|');</script>
3228
3229    
3230
3231    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
3232        <div style="display: none;">
3233            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
3234                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
3235                    <title>Slideshow Left Arrow</title>
3236                    <g>
3237                        <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>
3238                    </g>
3239                </symbol>
3240                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
3241                    <title>Slideshow Right Arrow</title>
3242                    <g>
3243                        <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>
3244                    </g>
3245                </symbol>
3246            </svg>
3247        </div>
3248    
3249	
3250	
3251
3252    <div id="root-picker-outlet"></div>
3253</body>
3254</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.