CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />  <script>(function(w,d,s,l,i){w.GAMeasurementID='G-7PYSSHJ18K';w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>  <script type='text/javascript'> var enableTelemetry = 'false' var aiConfig = { instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' } 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://az416426.vo.msecnd.net/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); window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; // Add telemetry initializer appInsights.queue.push(function() { appInsights.context.addTelemetryInitializer(function(envelope) { var telemetryItem = envelope.data.baseData; // To check the telemetry item鈥檚 type: if (!false) { //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that if (envelope.name.indexOf('.Event') == -1) return false; } }); }); appInsights.trackPageView(); </script> <script> function populateAntiForgery(token) { var input = document.createElement("input"); input.name = "__RequestVerificationToken"; input.type = "hidden"; input.value = token; var absPat = /^https?:\/\/|^\/\//i; var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].method == "post" && !forms[i].querySelector('[name="__RequestVerificationToken"]') && !absPat.test(forms[i].getAttribute("action"))) { forms[i].appendChild(input.cloneNode()); } } } function getAntiForgeryToken(callback, error) { var xhr = new XMLHttpRequest(); xhr.open("GET", "/antiforgery"); xhr.addEventListener("load", function() { try { if (this.status !== 200) { throw Error("Invalid status. Could not retrieve antiforgery token."); } var obj = JSON.parse(this.responseText); callback(obj.token); } catch (e) { typeof error === "function" && error(e); } }); xhr.send(); } getAntiForgeryToken(function(token) { if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { populateAntiForgery(token); return; } document.addEventListener("DOMContentLoaded", function() { populateAntiForgery(token); }, false); }, console.error); </script> <script type="text/javascript"> window.departmentHeader = {}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= false; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 63em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = false; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="category0" content="Home" /> <meta name="category1" content="Departments" /> <meta name="category2" content="Q - Z" /> <meta name="category3" content="Utilities" /> <meta name="theme-color" content="#166946"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Utilities | Augusta, GA - Official Website</title> <meta name="description" content=""> <script src="/Assets/Scripts/jQuery/jquery-2.2.4.min.js"></script> <script src="/Assets/Scripts/jQuery/jQuery-migrate-1.4.1.js" type="text/javascript"></script>     <script type="text/javascript"></script> <link href="/-152343435.css" rel="stylesheet" type="text/css" /> <link href="/-129589935.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> <script type="text/javascript"> window.Pages = window.Pages || {}; // FrontEnd RWD initialization window.Pages.rwdReady = $.Deferred(); window.Pages.toolBarDeferred = $.Deferred(); window.Pages.rwdSetupComplete = $.Deferred(); window.Pages.megaMenuLoaded = $.Deferred(); window.Pages.angularToolbarComplete = $.Deferred(); window.Pages.frontEndToolbarComplete = $.Deferred(); </script>  <script src="/1785577064.js" type="text/javascript"></script>     <script type="text/javascript"> setEditorVariables(false, 840); function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } </script> <script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script> </head> <body class="wide " > <script>jQuery(document).click(function (event) { var target = jQuery(event.target); if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Image', eventAction: 'Image - ' + text, eventLabel: window.location.href }); } if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { var text = ""; if (target.parents('.button')[0]) { text = target.parents('.button').first().text(); } else if (target.text().length) { text = target.text(); } else if (target.attr('title').length) { text = target.attr('title'); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Button', eventAction: 'Button - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetCustomHtml').length) { ga('send', { hitType: 'event', eventCategory: 'Custom Html', eventAction: 'Custom Html Clicked', eventLabel: window.location.href }); } if (target.parents('.editor').length) { ga('send', { hitType: 'event', eventCategory: 'Editor', eventAction: 'Editor Link Clicked', eventLabel: window.location.href }); } if (target.parents('.GraphicLinks').length) { var text = ""; var targetGraphicLink = target; if (target.hasClass('widgetGraphicLinksLink')) { targetGraphicLink = jQuery(target.children()[0]); } if (targetGraphicLink.hasClass('text')) { text = targetGraphicLink.text(); } else if (targetGraphicLink.attr('src').length) { if (targetGraphicLink.attr('alt').length) { text = targetGraphicLink.attr('alt'); } else { text = targetGraphicLink.attr('src'); } } else { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Graphic Links', eventAction: 'Graphic Link - ' + text, eventLabel: window.location.href }); } if (target.parents('.InfoAdvanced').length) { ga('send', { hitType: 'event', eventCategory: 'Info Advanced', eventAction: 'Info Advanced Clicked', eventLabel: window.location.href }); } if (target.parents('.list').length) { ga('send', { hitType: 'event', eventCategory: 'List', eventAction: 'List Clicked', eventLabel: window.location.href }); } if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); var breadCrumbs = []; jQuery('.breadCrumbs > li').each(function () { breadCrumbs.push(this.textContent); }); var pageTitle = breadCrumbs.join('>'); var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); var text = ""; if (pageTitle) { text += pageTitle + " | "; } else { text += document.title + ' - '; } if (target.text() == "" && megaMenuText == "") { text += "N/A"; } else if (target.text().length && megaMenuText.length) { if (megaMenuText == target.text()) { text += megaMenuText; } else { text += megaMenuText + " - " + subTitleText + " - " + target.text(); } } else if (target.text() == "") { text += megaMenuText; } else { text += target.text(); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Mega Menu', eventAction: 'Mega Menu : ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'News Flash', eventAction: 'News Flash - ' + text, eventLabel: window.location.href }); } if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { var text = target.text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Quick Links', eventAction: 'Quick Links - ' + text, eventLabel: window.location.href }); } if (target.attr('src') && target.parents('.cpSlideshow').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Slideshow', eventAction: 'Slideshow - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetText').length) { ga('send', { hitType: 'event', eventCategory: 'Text', eventAction: 'Text Link Clicked', eventLabel: window.location.href }); } });</script> <div id="fb-root"></div> <div id=skipToContentLinks> <a href="#cce0ae628b-59db-485d-b8d4-89fb5693a513" target="_self" class="skipToContentLink">Skip to Main Content</a> </div> <form id="frmReferenceFormForTelerikEditorDialogs"></form> <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> <input type="hidden" id="hdnStructureID" value="9" /> <input type="hidden" id="hdnContentCollectionID" value="12be52c2-8b16-4ad7-8a95-d2f007acd792" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="16" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="2771" /> <div id="stickyPlaceholder"></div> <div id="outer-wrap" class="outer-wrap"> <div id="inner-wrap" class="inner-wrap"> <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> <style> @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700); .alertText .customAlert { color: #EAEAEA; display: inline-block; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; font-weight: bold; height: 27px; left: 57px; line-height: 27px; overflow: hidden; position: absolute; top: 15px; white-space: nowrap; width: 268px; } </style> <div id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: #222222;"> <div id="1_divAlertToolbarInner" class="alertToolbarInner" style="font-size: 16px;"> <a href="/AlertCenter.aspx" id="1_lnkAlertText" class="alertText" style="border-right: 1px solid #000000;"> <img src="/Common/Images/AlertCenter/alertBarBlink.svg" id="1_imgDot" alt="Emergency Alert" class="redDot" /> <span id="1_customAlert" class="customAlert">Helene Updates</span> </a> <span id="1_spnAlertContainer" class="alertContainer"><a href="/AlertCenter.aspx?AID=Hurricane-Helene-Emergency-Updates-36" target="_self" class="alert" style="border-left: 1px solid #635e65; border-right: 1px solid #000000;background: #030303 url(/Common/images/AlertCenter/alertBarBlackTextBckg.png) repeat-x; color: #FFFFFF;"> Hurricane Helene Emergency Updates <span style="color: #FC4C2F;">Read On & Sign Up for Alerts...</span> </a> </span> </div> </div> <div id="1_divAlertBarEmpty" class="alertBarEmpty"></div>   </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <div data-cpRole="structuralContainer" id="headerContainer1TS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="departmentLinksTS"> <div id="cc13cfa695-6e89-494b-9d4f-81370553b290" data-containerid="13cfa695-6e89-494b-9d4f-81370553b290" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="dc889396-b975-45e7-8032-943b07c82bfb"> <div class="row nest first last wide"> <div class="inner col col24 first last id92687959-2973-46e6-ab75-a4c183545f45" style="" data-widgetcontainerid="92687959-2973-46e6-ab75-a4c183545f45"> <div data-widget-id="2b58ed8e-a153-4034-8c82-7a3def174703" data-widget-controller-path="/GraphicLinks/Widget"> <style type="text/css">.widgetOptionSet70 .row.center.wide .col { max-width: unset; }</style> <div id="graphicLinkWidget2b58ed8e-a153-4034-8c82-7a3def174703" class="widget widgetGraphicLinks skin23 widgetOptionSet70 wide" data-elementqueryclasses='{"wide-narrow":"min-width:45em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid6 "> <div class="row autoWidths center wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://augustaga.gov" target="_self" class="fancyButton fancyButton954 " > <span> <span><span class="text">City Home</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton954.fancyButton:link,.fancyButton954.fancyButton:visited, .fancyButton954div.fancyButton{ padding-top: 4px; padding-right: 1em; padding-left: 35px; background-image: url('/ImageRepository/Document?documentID=13075'); background-repeat: no-repeat; background-position: left center; display: table; margin: auto; min-height: 30px;} .fancyButton954.fancyButton:hover,.fancyButton954.fancyButton:focus,.fancyButton954.fancyButton:active,.fancyButton954.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=13074'); background-repeat: no-repeat; background-position: left center; } .fancyButton954.fancyButton:link > span,.fancyButton954.fancyButton:visited > span, .fancyButton954div.fancyButton > span{ } .fancyButton954.fancyButton:hover > span,.fancyButton954.fancyButton:focus > span,.fancyButton954.fancyButton:active > span,.fancyButton954.fancyButton.hover > span{ } .fancyButton954.fancyButton .text{ color: #ffffff; font-family: "Lato"; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton954.fancyButton:hover .text,.fancyButton954.fancyButton:focus .text,.fancyButton954.fancyButton:active .text,.fancyButton954.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/2620/Utilities" target="_self" class="fancyButton fancyButton786 " > <span> <span><span class="text">Utilities</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton786.fancyButton:link,.fancyButton786.fancyButton:visited, .fancyButton786div.fancyButton{ padding-top: 4px; padding-right: 1em; padding-left: 35px; background-image: url(/ImageRepository/Document?documentID=12670); background-repeat: no-repeat; background-position: left center; display: table; margin: auto; min-height: 30px;} .fancyButton786.fancyButton:hover,.fancyButton786.fancyButton:focus,.fancyButton786.fancyButton:active,.fancyButton786.fancyButton.hover{ background-image: url(/ImageRepository/Document?documentID=12669); background-repeat: no-repeat; background-position: left center; } .fancyButton786.fancyButton:link > span,.fancyButton786.fancyButton:visited > span, .fancyButton786div.fancyButton > span{ } .fancyButton786.fancyButton:hover > span,.fancyButton786.fancyButton:focus > span,.fancyButton786.fancyButton:active > span,.fancyButton786.fancyButton.hover > span{ } .fancyButton786.fancyButton .text{ color: #ffffff; font-family: "Lato"; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton786.fancyButton:hover .text,.fancyButton786.fancyButton:focus .text,.fancyButton786.fancyButton:active .text,.fancyButton786.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/tco" target="_blank" class="fancyButton fancyButton782 " aria-label="Tax Info Opens in new window"> <span> <span><span class="text">Tax Info</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton782.fancyButton:link,.fancyButton782.fancyButton:visited, .fancyButton782div.fancyButton{ padding-top: 4px; padding-right: 1em; padding-left: 35px; background-image: url(/ImageRepository/Document?documentID=12936); background-repeat: no-repeat; background-position: left center; display: table; margin: auto; min-height: 30px;} .fancyButton782.fancyButton:hover,.fancyButton782.fancyButton:focus,.fancyButton782.fancyButton:active,.fancyButton782.fancyButton.hover{ background-image: url(/ImageRepository/Document?documentID=12935); background-repeat: no-repeat; background-position: left center; } .fancyButton782.fancyButton:link > span,.fancyButton782.fancyButton:visited > span, .fancyButton782div.fancyButton > span{ } .fancyButton782.fancyButton:hover > span,.fancyButton782.fancyButton:focus > span,.fancyButton782.fancyButton:active > span,.fancyButton782.fancyButton.hover > span{ } .fancyButton782.fancyButton .text{ color: #ffffff; font-family: "Lato"; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton782.fancyButton:hover .text,.fancyButton782.fancyButton:focus .text,.fancyButton782.fancyButton:active .text,.fancyButton782.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/careers" target="_blank" class="fancyButton fancyButton783 " aria-label="City Jobs Opens in new window"> <span> <span><span class="text">City Jobs</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton783.fancyButton:link,.fancyButton783.fancyButton:visited, .fancyButton783div.fancyButton{ padding-top: 4px; padding-right: 1em; padding-left: 35px; background-image: url(/ImageRepository/Document?documentID=12932); background-repeat: no-repeat; background-position: left center; display: table; margin: auto; min-height: 30px;} .fancyButton783.fancyButton:hover,.fancyButton783.fancyButton:focus,.fancyButton783.fancyButton:active,.fancyButton783.fancyButton.hover{ background-image: url(/ImageRepository/Document?documentID=12931); background-repeat: no-repeat; background-position: left center; } .fancyButton783.fancyButton:link > span,.fancyButton783.fancyButton:visited > span, .fancyButton783div.fancyButton > span{ } .fancyButton783.fancyButton:hover > span,.fancyButton783.fancyButton:focus > span,.fancyButton783.fancyButton:active > span,.fancyButton783.fancyButton.hover > span{ } .fancyButton783.fancyButton .text{ color: #ffffff; font-family: "Lato"; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton783.fancyButton:hover .text,.fancyButton783.fancyButton:focus .text,.fancyButton783.fancyButton:active .text,.fancyButton783.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/openaugusta" target="_blank" class="fancyButton fancyButton784 " aria-label="Open Augusta Opens in new window"> <span> <span><span class="text">Open Augusta</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton784.fancyButton:link,.fancyButton784.fancyButton:visited, .fancyButton784div.fancyButton{ padding-top: 4px; padding-right: 1em; padding-left: 35px; background-image: url('/ImageRepository/Document?documentID=12666'); background-repeat: no-repeat; background-position: left center; display: table; margin: auto; min-height: 30px;} .fancyButton784.fancyButton:hover,.fancyButton784.fancyButton:focus,.fancyButton784.fancyButton:active,.fancyButton784.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12665'); background-repeat: no-repeat; background-position: left center; } .fancyButton784.fancyButton:link > span,.fancyButton784.fancyButton:visited > span, .fancyButton784div.fancyButton > span{ } .fancyButton784.fancyButton:hover > span,.fancyButton784.fancyButton:focus > span,.fancyButton784.fancyButton:active > span,.fancyButton784.fancyButton.hover > span{ } .fancyButton784.fancyButton .text{ color: #ffffff; font-family: "Lato"; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton784.fancyButton:hover .text,.fancyButton784.fancyButton:focus .text,.fancyButton784.fancyButton:active .text,.fancyButton784.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/2613/Environmental-Services" target="_self" class="fancyButton fancyButton785 " > <span> <span><span class="text">Trash & Recycling</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton785.fancyButton:link,.fancyButton785.fancyButton:visited, .fancyButton785div.fancyButton{ padding-top: 4px; padding-right: 1em; padding-left: 35px; background-image: url('/ImageRepository/Document?documentID=12938'); background-repeat: no-repeat; background-position: left center; display: table; margin: auto; min-height: 30px;} .fancyButton785.fancyButton:hover,.fancyButton785.fancyButton:focus,.fancyButton785.fancyButton:active,.fancyButton785.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12937'); background-repeat: no-repeat; background-position: left center; } .fancyButton785.fancyButton:link > span,.fancyButton785.fancyButton:visited > span, .fancyButton785div.fancyButton > span{ } .fancyButton785.fancyButton:hover > span,.fancyButton785.fancyButton:focus > span,.fancyButton785.fancyButton:active > span,.fancyButton785.fancyButton.hover > span{ } .fancyButton785.fancyButton .text{ color: #ffffff; font-family: "Lato"; font-weight: 700; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton785.fancyButton:hover .text,.fancyButton785.fancyButton:focus .text,.fancyButton785.fancyButton:active .text,.fancyButton785.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="cccd7c9435-72ee-4634-aff0-9494e1e1d681" data-containerid="cd7c9435-72ee-4634-aff0-9494e1e1d681" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="84900a6f-13c7-4ec5-952e-24e6e09952c4"> <div class="row nest first last wide"> <div class="inner col col24 first last id08149169-d565-46b3-ae2c-b185f65d2c89" style="" data-widgetcontainerid="08149169-d565-46b3-ae2c-b185f65d2c89"> <div data-widget-id="89bc3f63-1df8-4606-adb6-2591fa51aac8" data-widget-controller-path="/Layout/WidgetSearch"> <script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.10.4/js/jquery.ui.autocomplete.min.js"></script> <script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script> <script defer type="text/javascript"> $(document).ready(function () { try { $(".widgetSearchButton.widgetSearchButton89bc3f63-1df8-4606-adb6-2591fa51aac8").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept89bc3f63-1df8-4606-adb6-2591fa51aac8").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField89bc3f63-1df8-4606-adb6-2591fa51aac8").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept89bc3f63-1df8-4606-adb6-2591fa51aac8").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept89bc3f63-1df8-4606-adb6-2591fa51aac8").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField89bc3f63-1df8-4606-adb6-2591fa51aac8").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept89bc3f63-1df8-4606-adb6-2591fa51aac8").is(':checked') || false? '?departmentId=0' : ''), dataType: "json", timeout: 10000, beforeSend: function () { if (currentRequest != null) { currentRequest.abort(); } }, data: { term: request.term, }, success: function (data) { response(data); $('.autoCompleteError').remove(); }, error: function (xmlhttprequest, textstatus, message) { if (textstatus === "timeout") { if ($("#searchField89bc3f63-1df8-4606-adb6-2591fa51aac8").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField89bc3f63-1df8-4606-adb6-2591fa51aac8")); } } }); }, html: true, delay: 500, select: function (event, ui) { $(this).val(ui.item.value); $(this).next().click(); } }); $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { return $("<li class=\"itemList\"></li>") .data("ui-autocomplete-item", item) .append("<a>" + item.label + "</a>") .appendTo(ul); }; } } 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. }); </script> <section id="widgetPreviewSearch" class="widget widgetSearch skin20 widgetOptionSet65" style="display: block;" aria-label="Search">  <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBox89bc3f63-1df8-4606-adb6-2591fa51aac8" cp5ph="true" id="searchField89bc3f63-1df8-4606-adb6-2591fa51aac8" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." title="Search..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton89bc3f63-1df8-4606-adb6-2591fa51aac8" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=12652" data-image="/ImageRepository/Document?documentID=12651" src="/ImageRepository/Document?documentID=12651" /></a> <label class="searchLabel" for="searchField89bc3f63-1df8-4606-adb6-2591fa51aac8">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #212121; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #212121; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #212121; } .widgetSearch :-ms-input-placeholder { color: #212121; } .widgetSearch .widgetBody .widgetSearchBox89bc3f63-1df8-4606-adb6-2591fa51aac8 { color: #212121; font: italic 14px Lato; height: 40px; padding-left: 1em; border: none; } .widgetSearch .widgetBody .widgetSearchButton89bc3f63-1df8-4606-adb6-2591fa51aac8 { } .widgetSearch .widgetSearch-onlyDept89bc3f63-1df8-4606-adb6-2591fa51aac8 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept89bc3f63-1df8-4606-adb6-2591fa51aac8 { position: relative; top: .125em; } </style> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.10.4/themes/jquery-ui.css"> <script type="text/javascript"> //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField89bc3f63-1df8-4606-adb6-2591fa51aac8").value; } </script> </div> </div>  </div>  </div></div>  </div> </div></div> </div><header data-cpRole="structuralContainer" id="headerContainerTS" data-attach="headerContainer1TS"> <div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a style=" display: block; text-align: center; " class="bannerObject" href="/2771" target="_self"><img alt="Augusta Utilities Home Page" class="bannerObject" height="113" src="/ImageRepository/Document?documentID=12835" width="337" /></a> </div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> <ol id="mainNavMenu" data-parent="2771" class="rootNavMenu" role="menu"><li id="MainItem2206" class="topMenuItem" role="none" data-pageid="2206" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavCustomerCenter" class="navMainItem mainNavItem mainNavItem1" href="/2206/Customer-Center" target = "_self" > Customer Center </a> </li><li id="MainItem754" class="topMenuItem" role="none" data-pageid="754" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavEngineeringInformation" class="navMainItem mainNavItem mainNavItem2" href="/754/Engineering-Information" target = "_self" > Engineering Information </a> </li><li id="MainItem2209" class="topMenuItem" role="none" data-pageid="2209" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavContactUs" class="navMainItem mainNavItem mainNavItem3" href="/2209/Contact-Us" target = "_self" > Contact Us </a> </li><li id="MainItem2210" class="topMenuItem" role="none" data-pageid="2210" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavAbout" class="navMainItem mainNavItem mainNavItem4" href="/2210/About" target = "_self" > About </a> </li> </ol> <script type="text/javascript"> document.addEventListener('DOMContentLoaded',function () { var menuID = 'mainNavMenu'; var menuType = MAIN_MENU; //setup menu manager properties for main menu if (!menuManager.mobileMainNav && true) menuManager.adjustMainItemsWidth('#' + menuID); menuManager.isMainMenuEditable = false; menuManager.mainMenuMaxSubMenuLevels = 4; menuManager.setMOMMode(2, menuType); //Init main menu var setupDraggable = menuManager.isMainMenuEditable; var urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=2771&moduleID=&themeID=16&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = true; if (1.00 > 0) menuManager.mainMenuTextResizerRatio = 1.00; if (window.isResponsiveEnabled) menuManager.mainMenuReady.resolve(); }); </script> <aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="0"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2206" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2206 hidden" data-orientation="horizontal"> <div id="cc56de6658-12e1-4ff0-91f2-e370e46eec01" data-containerid="56de6658-12e1-4ff0-91f2-e370e46eec01" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu754" class="contentTop mainNavMegaMenu megaMenuContainer pageID_754 hidden" data-orientation="horizontal"> <div id="cc17dfa9b2-86f0-4ff0-bfa3-7554c77c0d65" data-containerid="17dfa9b2-86f0-4ff0-bfa3-7554c77c0d65" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2209" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2209 hidden" data-orientation="horizontal"> <div id="cc9ee4d30d-2a68-4826-813d-a83991cbfd5a" data-containerid="9ee4d30d-2a68-4826-813d-a83991cbfd5a" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2210" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2210 hidden" data-orientation="horizontal"> <div id="cc87208986-ff3c-4cf5-a717-dda8baf17e6e" data-containerid="87208986-ff3c-4cf5-a717-dda8baf17e6e" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div> </header><div data-cpRole="structuralContainer" id="bannerContainerTS"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div class="siteWrap"><div data-cpRole="structuralContainer" id="bannerContentTS"> <div data-cpRole="contentContainer" id="bannerContentContainerTS"> <div id="cca1becc44-c83e-4726-9559-7ada7d5de9c5" data-containerid="a1becc44-c83e-4726-9559-7ada7d5de9c5" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </div> </div></div> </div> <div id="bannerImagesJSON103" class="hidden"></div> <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> </div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderExternalBannerSlideshow('banner1', {"BannerOptionID":103,"ThemeID":16,"SlotName":"banner1","Name":"Default - Utilities","IsDefault":false,"BannerMode":2,"SlideShowSlideTiming":null,"SlideshowTransition":0,"SlideShowTransitionTiming":null,"ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":167,"BannerOptionID":103,"FileName":"/ImageRepository/Document?documentID=12837","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":0,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/"}, '/App_Themes/2019 Redesign - Home/Images/', 'Rotating', '0'); }); }); </script> </div> </div><div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> <div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> <div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"><script type='text/javascript'>$('#breadCrumbs').hide();</script></div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="2771" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="870" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="30167" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Utilities" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <div id="cce0ae628b-59db-485d-b8d4-89fb5693a513" data-containerid="e0ae628b-59db-485d-b8d4-89fb5693a513" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="60" > <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="416f837d-998b-4d91-a2d9-3d70fa3970cc"> <div class="row nest first last wide"> <div class="inner col col24 first last id8a7d6955-b9b7-4fd4-bac0-388635cac308" style="" data-widgetcontainerid="8a7d6955-b9b7-4fd4-bac0-388635cac308"> <div data-widget-id='0e64f45c-fd9c-4be9-a640-7d0082e00d84' data-moduleName="customHtml" id='widgetCustomHtml0e64f45c-fd9c-4be9-a640-7d0082e00d84' class="widget widgetCustomHtml skin20 narrow" > <div class="widgetBody pageStyles" id="widgetBody0e64f45c-fd9c-4be9-a640-7d0082e00d84"> <div id="customHtml0e64f45c-fd9c-4be9-a640-7d0082e00d84"><div><style>.redfont { color: #ff0000; } .center{ display: block; margin-left: auto; margin-right: auto; } </style></div></div> </div> </div> </div>  </div>  </div></div>  </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div><div data-cpRole="structuralContainer" id="homeContainer1"> <div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="cce4da31cc-35ff-4fb7-81d9-432fcf5777aa" data-containerid="e4da31cc-35ff-4fb7-81d9-432fcf5777aa" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="de09ee5f-6c4d-44d1-9449-4967f5b898db"> <div class="row nest first last wide"> <div class="inner col col24 first last id1915defb-07b8-4906-b49a-142faaa4d395" style="" data-widgetcontainerid="1915defb-07b8-4906-b49a-142faaa4d395"> <div data-widget-id="3bab088a-8604-45c0-b1b9-bb81f0f97c9c" data-widget-controller-path="/NewsFlash/Widget"> <script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script> <script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script> <section class="widget widgetNewsFlash skin28 widgetOptionSet52 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash3bab088a-8604-45c0-b1b9-bb81f0f97c9c" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid1 "> <div class="cpCarousel cpCarousel3bab088a-8604-45c0-b1b9-bb81f0f97c9c"> <div class="cpWindow cpWindow3bab088a-8604-45c0-b1b9-bb81f0f97c9c"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="/CivicAlerts.aspx?AID=3562" target="_self"><img class="media" src="/ImageRepository/Document?documentID=18853" alt="Happy Thanksgiving" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader3562" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3562" target="_self">Augusta, GA Offices to Close for Thanksgiving Holiday </a> </h4> <div class="widgetDesc"> In observance of the Thanksgiving holiday, many of the Augusta, Georgia offices will be closed on Thanksgiving Day, November 28, 2024, and Friday, November 29, 2024. To see a list of closings, click for more. <a id="newsFlashReadOn3562" href="/CivicAlerts.aspx?AID=3562" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader3562 newsFlashReadOn3562">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="/CivicAlerts.aspx?AID=3559" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=18850" alt="Towpath Still Closed" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader3559" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3559" target="_self">Augusta Utilities Advises Residents to Avoid Canal Towpath Due to Safety Concerns </a> </h4> <div class="widgetDesc"> Augusta Utilities urges residents to avoid the Augusta Canal Towpath until further notice due to safety concerns. Hurricane Helene caused major damage including numerous trees down and tree limbs to break, creating hazardous conditions. <a id="newsFlashReadOn3559" href="/CivicAlerts.aspx?AID=3559" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader3559 newsFlashReadOn3559">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="2"> <a href="/CivicAlerts.aspx?AID=3537" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=18736" alt="AUGUSTAGA.GOV (6)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader3537" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3537" target="_self">Augusta Canal Towpath Closure Extended for Repairs </a> </h4> <div class="widgetDesc"> Due to significant damage caused by Hurricane Helene, Augusta Utilities announces that the Augusta Canal towpath from the Raw Water Pumping Station to the Savannah Rapids Pavilion will remain closed to the public until further notice. <a id="newsFlashReadOn3537" href="/CivicAlerts.aspx?AID=3537" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader3537 newsFlashReadOn3537">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="3"> <a href="/CivicAlerts.aspx?AID=3525" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=18657" alt="Augusta is a Lead Safe Community" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader3525" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3525" target="_self">Augusta is a Lead Safe Community </a> </h4> <div class="widgetDesc"> The Augusta Utilities Department (AUD) is pleased to announce that they are in compliance with the new Lead and Copper Rule Revision and submitted their findings by the deadline. <a id="newsFlashReadOn3525" href="/CivicAlerts.aspx?AID=3525" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader3525 newsFlashReadOn3525">Read on...</a> </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> //  </script> <a id="newsFlashViewAll3bab088a-8604-45c0-b1b9-bb81f0f97c9c" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=18" aria-label="News Flash View All">View All News</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="8b1a43ad-4ce5-4a46-b52b-91af5d7002b7"> <div class="row nest first wide"> <div class="inner col col24 first last ide8eaafc0-af56-4273-ba89-2064106f393d" style="" data-widgetcontainerid="e8eaafc0-af56-4273-ba89-2064106f393d"> <div data-widget-id="e088d2b5-99db-4a72-b7a9-56a2cd937ba9" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdve088d2b5-99db-4a72-b7a9-56a2cd937ba9" class="widget widgetInfoAdvanced skin26 widgetOptionSet6 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headere088d2b5-99db-4a72-b7a9-56a2cd937ba9"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p>Online Services</p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdve088d2b5-99db-4a72-b7a9-56a2cd937ba9 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest wide"> <div class="inner col col24 first last idbad60255-722f-4e6d-add4-25045cb16bdf" style="" data-widgetcontainerid="bad60255-722f-4e6d-add4-25045cb16bdf"> <div data-widget-id="217eb1ac-245a-4293-954c-112943472e86" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget217eb1ac-245a-4293-954c-112943472e86" class="widget widgetGraphicLinks skin30 widgetOptionSet62 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid3 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/760/Pay-Your-WaterSewerStormwater-Bill-Onlin" target="_self" class="fancyButton fancyButton903 " > <span> <span><span class="text"><span class="textStyle1">Pay My Bill</span><span class="textStyle2">Pay your water/sewer/stormwater bill online.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton903.fancyButton:link,.fancyButton903.fancyButton:visited, .fancyButton903div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12847'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton903.fancyButton:hover,.fancyButton903.fancyButton:focus,.fancyButton903.fancyButton:active,.fancyButton903.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12848'); background-repeat: no-repeat; background-position: left top; } .fancyButton903.fancyButton:link > span,.fancyButton903.fancyButton:visited > span, .fancyButton903div.fancyButton > span{ } .fancyButton903.fancyButton:hover > span,.fancyButton903.fancyButton:focus > span,.fancyButton903.fancyButton:active > span,.fancyButton903.fancyButton.hover > span{ } .fancyButton903.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton903.fancyButton:hover .text,.fancyButton903.fancyButton:focus .text,.fancyButton903.fancyButton:active .text,.fancyButton903.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton903.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton903.fancyButton:hover .textStyle1, .fancyButton903.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton903.fancyButton .textStyle2{ color: #ffffff; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton903.fancyButton:hover .textStyle2, .fancyButton903.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/2390/Standard-Construction-Details" target="_self" class="fancyButton fancyButton904 " > <span> <span><span class="text"><span class="textStyle1">Specs & Details</span><span class="textStyle2">View standard construction details.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton904.fancyButton:link,.fancyButton904.fancyButton:visited, .fancyButton904div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12851'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton904.fancyButton:hover,.fancyButton904.fancyButton:focus,.fancyButton904.fancyButton:active,.fancyButton904.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12852'); background-repeat: no-repeat; background-position: left top; } .fancyButton904.fancyButton:link > span,.fancyButton904.fancyButton:visited > span, .fancyButton904div.fancyButton > span{ } .fancyButton904.fancyButton:hover > span,.fancyButton904.fancyButton:focus > span,.fancyButton904.fancyButton:active > span,.fancyButton904.fancyButton.hover > span{ } .fancyButton904.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton904.fancyButton:hover .text,.fancyButton904.fancyButton:focus .text,.fancyButton904.fancyButton:active .text,.fancyButton904.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton904.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton904.fancyButton:hover .textStyle1, .fancyButton904.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton904.fancyButton .textStyle2{ color: #ffffff; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton904.fancyButton:hover .textStyle2, .fancyButton904.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://www.governmentjobs.com/careers/augustaga?department[0]=UTILITIES&sort=PositionTitle%7CAscending" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" class="fancyButton fancyButton905 " aria-label="Job Opportunities Explore job opportunities with the City. Opens in new window"> <span> <span><span class="text"><span class="textStyle1">Job Opportunities</span><span class="textStyle2">Explore job opportunities with the City.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton905.fancyButton:link,.fancyButton905.fancyButton:visited, .fancyButton905div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12843'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton905.fancyButton:hover,.fancyButton905.fancyButton:focus,.fancyButton905.fancyButton:active,.fancyButton905.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12844'); background-repeat: no-repeat; background-position: left top; } .fancyButton905.fancyButton:link > span,.fancyButton905.fancyButton:visited > span, .fancyButton905div.fancyButton > span{ } .fancyButton905.fancyButton:hover > span,.fancyButton905.fancyButton:focus > span,.fancyButton905.fancyButton:active > span,.fancyButton905.fancyButton.hover > span{ } .fancyButton905.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton905.fancyButton:hover .text,.fancyButton905.fancyButton:focus .text,.fancyButton905.fancyButton:active .text,.fancyButton905.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton905.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton905.fancyButton:hover .textStyle1, .fancyButton905.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton905.fancyButton .textStyle2{ color: #ffffff; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton905.fancyButton:hover .textStyle2, .fancyButton905.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last id461c1003-516f-4b1f-a790-2c240706a544" style="" data-widgetcontainerid="461c1003-516f-4b1f-a790-2c240706a544"> <div data-widget-id="b0b8ab7b-bac3-42d0-b362-c1afb2f7568f" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetb0b8ab7b-bac3-42d0-b362-c1afb2f7568f" class="widget widgetGraphicLinks skin30 widgetOptionSet62 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid3 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/list.aspx" target="_self" class="fancyButton fancyButton906 " > <span> <span><span class="text"><span class="textStyle1">Notify Me</span><span class="textStyle2">Sign up for City notifications.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton906.fancyButton:link,.fancyButton906.fancyButton:visited, .fancyButton906div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12845'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton906.fancyButton:hover,.fancyButton906.fancyButton:focus,.fancyButton906.fancyButton:active,.fancyButton906.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12846'); background-repeat: no-repeat; background-position: left top; } .fancyButton906.fancyButton:link > span,.fancyButton906.fancyButton:visited > span, .fancyButton906div.fancyButton > span{ } .fancyButton906.fancyButton:hover > span,.fancyButton906.fancyButton:focus > span,.fancyButton906.fancyButton:active > span,.fancyButton906.fancyButton.hover > span{ } .fancyButton906.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton906.fancyButton:hover .text,.fancyButton906.fancyButton:focus .text,.fancyButton906.fancyButton:active .text,.fancyButton906.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton906.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton906.fancyButton:hover .textStyle1, .fancyButton906.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton906.fancyButton .textStyle2{ color: #ffffff; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton906.fancyButton:hover .textStyle2, .fancyButton906.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/FAQ.aspx?TID=30" target="_self" class="fancyButton fancyButton907 " > <span> <span><span class="text"><span class="textStyle1">FAQ</span><span class="textStyle2">Find answers to frequently asked questions.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton907.fancyButton:link,.fancyButton907.fancyButton:visited, .fancyButton907div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12841'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton907.fancyButton:hover,.fancyButton907.fancyButton:focus,.fancyButton907.fancyButton:active,.fancyButton907.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12842'); background-repeat: no-repeat; background-position: left top; } .fancyButton907.fancyButton:link > span,.fancyButton907.fancyButton:visited > span, .fancyButton907div.fancyButton > span{ } .fancyButton907.fancyButton:hover > span,.fancyButton907.fancyButton:focus > span,.fancyButton907.fancyButton:active > span,.fancyButton907.fancyButton.hover > span{ } .fancyButton907.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton907.fancyButton:hover .text,.fancyButton907.fancyButton:focus .text,.fancyButton907.fancyButton:active .text,.fancyButton907.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton907.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton907.fancyButton:hover .textStyle1, .fancyButton907.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton907.fancyButton .textStyle2{ color: #ffffff; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton907.fancyButton:hover .textStyle2, .fancyButton907.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/2310/Augusta-Projects-and-Initiatives" target="_self" class="fancyButton fancyButton908 " > <span> <span><span class="text"><span class="textStyle1">Projects</span><span class="textStyle2">Look up Augusta projects and initiatives.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton908.fancyButton:link,.fancyButton908.fancyButton:visited, .fancyButton908div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12849'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton908.fancyButton:hover,.fancyButton908.fancyButton:focus,.fancyButton908.fancyButton:active,.fancyButton908.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12850'); background-repeat: no-repeat; background-position: left top; } .fancyButton908.fancyButton:link > span,.fancyButton908.fancyButton:visited > span, .fancyButton908div.fancyButton > span{ } .fancyButton908.fancyButton:hover > span,.fancyButton908.fancyButton:focus > span,.fancyButton908.fancyButton:active > span,.fancyButton908.fancyButton.hover > span{ } .fancyButton908.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton908.fancyButton:hover .text,.fancyButton908.fancyButton:focus .text,.fancyButton908.fancyButton:active .text,.fancyButton908.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton908.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton908.fancyButton:hover .textStyle1, .fancyButton908.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton908.fancyButton .textStyle2{ color: #ffffff; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton908.fancyButton:hover .textStyle2, .fancyButton908.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="6169221c-9e54-46e7-bf72-6f15a5aa8434"> <div class="row nest first last wide"> <div class="inner col col24 first last idc4bf8a29-de92-487f-9316-aa7ff446f247" style="" data-widgetcontainerid="c4bf8a29-de92-487f-9316-aa7ff446f247"> <div class="widget widgetSpacer" id="ab15acc4-88d8-46c3-85e1-a1f71dac366e"></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="274fda30-c9da-49b2-8b0e-b0d794c21099"> <div class="row nest first last wide"> <div class="inner col col24 first last id765488ea-4a78-486e-9a9d-0df63076380b" style="" data-widgetcontainerid="765488ea-4a78-486e-9a9d-0df63076380b"> <div class="widget widgetSpacer" id="f5bead96-7fd0-4717-af02-3c27e2bd12dd"></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="aecc633b-07b3-4aa7-a914-2d5c28580bd1"> <div class="row nest first last wide"> <div class="inner col col24 first last id60a17f5e-5df1-43ae-b064-0cd0f53d6107" style="" data-widgetcontainerid="60a17f5e-5df1-43ae-b064-0cd0f53d6107"> <div class="widget widgetSpacer" id="468a55f0-5cd6-49b2-bb34-46d1426a5311"></div> </div>  </div>  </div></div>  </div> </div></div> </div> </div><div data-cpRole="structuralContainer" id="bannerContainer2TS"> <div data-cpRole="banner" id="banner2"><div data-cpRole="structuralContainer" id="homeContainer2"> <div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="cc80bf850b-1d74-428a-ba4f-86c7f26d4f34" data-containerid="80bf850b-1d74-428a-ba4f-86c7f26d4f34" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="c2944204-d3d0-498a-bcde-f3b38371f9cf"> <div class="row nest first last wide"> <div class="inner col col24 first last idcc1db2ec-6839-447e-a33a-42532a67c2cd" style="" data-widgetcontainerid="cc1db2ec-6839-447e-a33a-42532a67c2cd"> <div data-widget-id="b91cd4c1-6541-4453-b29e-e6abae1e7cdd" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvb91cd4c1-6541-4453-b29e-e6abae1e7cdd" class="widget widgetInfoAdvanced skin25 widgetOptionSet6 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerb91cd4c1-6541-4453-b29e-e6abae1e7cdd"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> Meetings & Events </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvb91cd4c1-6541-4453-b29e-e6abae1e7cdd .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="d5acd606-62bc-4c4e-bd76-771a54ae33cc"> <div class="row nest first last wide"> <div class="inner col col24 first last idf91e7ccd-751c-42fc-a285-a58b3f7031a5" style="" data-widgetcontainerid="f91e7ccd-751c-42fc-a285-a58b3f7031a5"> <div data-widget-id="23f73552-996f-48f3-9fa5-8c173b2f6572" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <div id="widgetCalendar23f73552-996f-48f3-9fa5-8c173b2f6572" class="widget widgetCalendar skin29 widgetOptionSet44 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:60em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid2 mediaLeft"> <div class="calendarInnerWrapper"> <div data-minicalendar="true" class="miniCalendar media" style="width: 50%; "> <h3 class="miniCalendarHeader" id="miniCalendarHeader23f73552-996f-48f3-9fa5-8c173b2f6572">November 2024</h3> <table role="grid" aria-labelledby="miniCalendarHeader23f73552-996f-48f3-9fa5-8c173b2f6572" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> <thead> <tr> <th scope="col"><abbr title=" Sunday "> Sun </abbr></th> <th scope="col"><abbr title=" Monday "> Mon </abbr></th> <th scope="col"><abbr title=" Tuesday "> Tue </abbr></th> <th scope="col"><abbr title=" Wednesday "> Wed </abbr></th> <th scope="col"><abbr title=" Thursday "> Thu </abbr></th> <th scope="col"><abbr title=" Friday "> Fri </abbr></th> <th scope="col"><abbr title=" Saturday "> Sat </abbr></th> </tr> </thead> <tbody> <tr><td class="not"><span><time datetime="2024-10-27">27</time></span></td> <td class="not"><span><time datetime="2024-10-28">28</time></span></td> <td class="not"><span><time datetime="2024-10-29">29</time></span></td> <td class="not"><span><time datetime="2024-10-30">30</time></span></td> <td class="not"><span><time datetime="2024-10-31">31</time></span></td> <td><span><time datetime="2024-11-01"> 1</time></span></td> <td><span><time datetime="2024-11-02"> 2</time></span></td> </tr> <tr><td><span><time datetime="2024-11-03"> 3</time></span></td> <td><span><time datetime="2024-11-04"> 4</time></span></td> <td><span><time datetime="2024-11-05"> 5</time></span></td> <td><span><time datetime="2024-11-06"> 6</time></span></td> <td><span><time datetime="2024-11-07"> 7</time></span></td> <td><span><time datetime="2024-11-08"> 8</time></span></td> <td><span><time datetime="2024-11-09"> 9</time></span></td> </tr> <tr><td><span><time datetime="2024-11-10">10</time></span></td> <td><span><time datetime="2024-11-11">11</time></span></td> <td><span><time datetime="2024-11-12">12</time></span></td> <td><span><time datetime="2024-11-13">13</time></span></td> <td><span><time datetime="2024-11-14">14</time></span></td> <td><span><time datetime="2024-11-15">15</time></span></td> <td><span><time datetime="2024-11-16">16</time></span></td> </tr> <tr><td><span><time datetime="2024-11-17">17</time></span></td> <td><span><time datetime="2024-11-18">18</time></span></td> <td><span><time datetime="2024-11-19">19</time></span></td> <td><span><time datetime="2024-11-20">20</time></span></td> <td><span><time datetime="2024-11-21">21</time></span></td> <td><span><time datetime="2024-11-22">22</time></span></td> <td><span><time datetime="2024-11-23">23</time></span></td> </tr> <tr><td><span><time datetime="2024-11-24">24</time></span></td> <td><span><time datetime="2024-11-25">25</time></span></td> <td><span><time datetime="2024-11-26">26</time></span></td> <td><span><time datetime="2024-11-27">27</time></span></td> <td><span><time datetime="2024-11-28">28</time></span></td> <td><span><time datetime="2024-11-29">29</time></span></td> <td class="today"><span><time datetime="2024-11-30">30</time></span></td> </tr> </tbody> </table> </div> <div class="row text narrow" style="margin-left: 55%;"> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="[]" name="day-list" /> <p class="widgetItem">There are no published events in current month.</p> </div> </div> <a id="calendarViewAll23f73552-996f-48f3-9fa5-8c173b2f6572" class="widgetViewAll" style="" href="/calendar.aspx?CID=58" aria-label="Calendar View All">View All</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> <div id="banner2-104" style="display: none"></div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderBanner('banner2-104', 'banner2', {"BannerOptionID":104,"ThemeID":16,"SlotName":"banner2","Name":"Default - Utilities","IsDefault":false,"BannerMode":1,"SlideShowSlideTiming":null,"SlideshowTransition":0,"SlideShowTransitionTiming":null,"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":168,"BannerOptionID":104,"FileName":"/ImageRepository/Document?documentID=12838","Height":868,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/"}, {"BannerImageID":168,"BannerOptionID":104,"FileName":"/ImageRepository/Document?documentID=12838","Height":868,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":null}, '/App_Themes/2019 Redesign - Home/Images/', '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=12838" />'); }); }); </script> </div> </div><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc08f6a695-4c16-4565-97cc-a6f65efd4bcc" data-containerid="08f6a695-4c16-4565-97cc-a6f65efd4bcc" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="c6633b18-ced8-4452-9364-168d62c4f1da"> <div class="row nest first last wide"> <div class="inner col col24 first last idcf47d859-786b-4cd7-beb3-6baa08f38e22" style="" data-widgetcontainerid="cf47d859-786b-4cd7-beb3-6baa08f38e22"> <div data-widget-id="8f6b2a28-149c-43b3-9abf-8c222884d951" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv8f6b2a28-149c-43b3-9abf-8c222884d951" class="widget widgetInfoAdvanced skin22 widgetOptionSet48 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header8f6b2a28-149c-43b3-9abf-8c222884d951"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row autoWidths center wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <img src="/ImageRepository/Document?documentID=12681" alt="Agusta Georgia" title="Agusta Georgia"> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv8f6b2a28-149c-43b3-9abf-8c222884d951 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="d405adc4-d468-4d05-b0ed-980569909a5c"> <div class="row nest first wide"> <div class="inner col col24 first last id24cf9567-191c-4f1a-8114-8da200efd82a" style="" data-widgetcontainerid="24cf9567-191c-4f1a-8114-8da200efd82a"> <div data-widget-id="b3b12ab9-e9dc-44a8-950d-6683c3c491d7" data-widget-controller-path="/InfoAdvanced/Widget"> <style type="text/css">.wide.widgetOptionSet66 .col:not(.last) .widgetItem { border-right: 1px solid #1f1f1f !important; padding-right: 1.5em; } </style> <section id="divInfoAdvb3b12ab9-e9dc-44a8-950d-6683c3c491d7" class="widget widgetInfoAdvanced skin22 widgetOptionSet66 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerb3b12ab9-e9dc-44a8-950d-6683c3c491d7"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid6 "> <div class="row autoWidths center wide"> <div class="col col1 first "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> 452 Walker Street </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> Augusta, GA 30901 </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> Main Office: <a href="tel:706-312-4154">706-312-4154</a> </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> Customer Service: <a href="tel:706-821-1851">706-821-1851</a> </li> </ol> </div> <div class="col col1 last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> Customer Service: <a href="tel:706-312-1448">706-312-1448</a> </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvb3b12ab9-e9dc-44a8-950d-6683c3c491d7 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last id2bf37359-d340-49b1-9ad4-421c5d68ad6c" style="" data-widgetcontainerid="2bf37359-d340-49b1-9ad4-421c5d68ad6c"> <div data-widget-id="bbc0a104-abac-4a93-9ac0-24465c7bba51" data-widget-controller-path="/QuickLinks/Widget"> <style type="text/css">.widgetOptionSet59 .widgetBody .bullets { padding-left: 1em !important; } .widgetOptionSet59 .col1.first li.widgetItem.QuickLinks { display: block; }</style> <section id="widgetQuicklinkbbc0a104-abac-4a93-9ac0-24465c7bba51" class="widget widgetQuickLinks skin22 widgetOptionSet59 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderbbc0a104-abac-4a93-9ac0-24465c7bba51"> <header class="widgetHeader" id="quickLinksHeaderbbc0a104-abac-4a93-9ac0-24465c7bba51"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=249" >Quick Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid6 "> <div class="row autoWidths center narrow"> <div class="col col1 first "> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.augustaga.gov/1657/Augustas-Mission-and-Vision" target="_self" >Mission and Vision</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >City Phone Numbers</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/Archive.aspx?AMID=137" target="_self" >Grand Jury Presentments</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/1448/Court-Orders" target="_self" >Court Order Enjoining Local DBE Program</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://gbi.georgia.gov/human-trafficking-notice" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" aria-label="Human Trafficking Notice (PDF) opens in new window">Human Trafficking Notice (PDF)</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2567/ADA-Notice" target="_self" >ADA Notice</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="6d08e1a2-d859-4c47-9043-523b54ed9776"> <div class="row nest first last wide"> <div class="inner col col24 first last idda1b0091-2488-41d7-9747-47dd299a4b8e" style="" data-widgetcontainerid="da1b0091-2488-41d7-9747-47dd299a4b8e"> <div data-widget-id="beb2fff8-f7f6-426e-a79d-5fc5ce7b9cba" data-widget-controller-path="/QuickLinks/Widget"> <style type="text/css">.widgetOptionSet59 .widgetBody .bullets { padding-left: 1em !important; } .widgetOptionSet59 .col1.first li.widgetItem.QuickLinks { display: block; }</style> <section id="widgetQuicklinkbeb2fff8-f7f6-426e-a79d-5fc5ce7b9cba" class="widget widgetQuickLinks skin22 widgetOptionSet59 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderbeb2fff8-f7f6-426e-a79d-5fc5ce7b9cba"> <header class="widgetHeader" id="quickLinksHeaderbeb2fff8-f7f6-426e-a79d-5fc5ce7b9cba"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=248" >Employee Resources</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid6 "> <div class="row autoWidths center narrow"> <div class="col col1 first "> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.augustaga.gov/webmail" target="_blank" aria-label="Web Mail opens in new window">Web Mail</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/1432/Policy-Procedures-Manuals" target="_self" >Personnel Policies and Procedures Manual (PPPM)</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2717/ResetChange-Password" target="_self" >Employee Password Reset</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.augustaga.gov/portal" target="_blank" aria-label="Employee Portal opens in new window">Employee Portal</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://online.adp.com/portal/login.html" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" aria-label="Employee Benefits Self Service Portal opens in new window">Employee Benefits Self Service Portal</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/1233/Employee-Emergency-Notifications" target="_self" >Employee Emergency Notifications</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="954c7905-171d-49e9-a54a-dee580978e74"> <div class="row nest first last wide"> <div class="inner col col24 first last id01cee64a-5698-49b9-9542-d560e5888db2" style="" data-widgetcontainerid="01cee64a-5698-49b9-9542-d560e5888db2"> <div data-widget-id="466d6ea5-33bf-4dc3-a1fc-3b755f1c81ee" data-widget-controller-path="/QuickLinks/Widget"> <style type="text/css">.wide.widgetOptionSet67 .col:not(.last) .widgetItem { border-right: 1px solid #1f1f1f !important; padding-right: 1.5em; } </style> <section id="widgetQuicklink466d6ea5-33bf-4dc3-a1fc-3b755f1c81ee" class="widget widgetQuickLinks skin22 widgetOptionSet67 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> <header class="widgetHeader" id="quickLinksHeader466d6ea5-33bf-4dc3-a1fc-3b755f1c81ee"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid5 "> <div class="row autoWidths center narrow"> <div class="col col1 first "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/copyright" target="_self" >Copyright Notices</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/1804/Disclaimer" target="_self" >Privacy Policy & Disclaimer</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="b1f183de-79b0-44f1-a286-b3263f67eb69"> <div class="row nest first last wide"> <div class="inner col col24 first last id3c841ff0-f491-40a6-bcec-446cb5fb3eba" style="" data-widgetcontainerid="3c841ff0-f491-40a6-bcec-446cb5fb3eba"> <div data-widget-id="dca47616-7e67-4ca1-8713-4580daeb2bf8" data-widget-controller-path="/GraphicLinks/Widget"> <style type="text/css">.widgetOptionSet46 .row.center.wide { flex-wrap: wrap; } .widgetOptionSet46 .row.center.wide .col { max-width: unset; }</style> <div id="graphicLinkWidgetdca47616-7e67-4ca1-8713-4580daeb2bf8" class="widget widgetGraphicLinks skin22 widgetOptionSet46 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid4 "> <div class="row autoWidths center wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href=" https://www.facebook.com/Augusta-Utilities-123306374524982/" target="_self" aria-label="Facebook-48x48 graphic"><img src="/ImageRepository/Document?documentID=17217" class="graphicButtonLink" alt="Facebook-48x48" onmouseover="this.src='/ImageRepository/Document?documentID=17212'" onmouseout="this.src='/ImageRepository/Document?documentID=17217'" onfocus="this.src='/ImageRepository/Document?documentID=17212'" onblur="this.src='/ImageRepository/Document?documentID=17217'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/ARCUtilities" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" aria-label="X-48x48 graphic"><img src="/ImageRepository/Document?documentID=17215" class="graphicButtonLink" alt="X-48x48" onmouseover="this.src='/ImageRepository/Document?documentID=17214'" onmouseout="this.src='/ImageRepository/Document?documentID=17215'" onfocus="this.src='/ImageRepository/Document?documentID=17214'" onblur="this.src='/ImageRepository/Document?documentID=17215'"> </a></div></div></div><div class="col col1 "><div class="semanticList"></div></div><div class="col col1 last"><div class="semanticList"></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </footer><div data-cpRole="structuralContainer" id="poweredByContainerTS"> <div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc825fedcd-175a-46fa-b0ea-4903b669ae8c" data-containerid="825fedcd-175a-46fa-b0ea-4903b669ae8c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="7cccfbd5-a5ba-4575-974c-3cc1a5ad9ac9"> <div class="row nest first last wide"> <div class="inner col col24 first last id4daef61a-f3f5-401d-bcac-1b757b64bedc" style="" data-widgetcontainerid="4daef61a-f3f5-401d-bcac-1b757b64bedc"> <div data-widget-id='431cc562-9ac1-40f7-87ab-4366410eda9b' data-moduleName="customHtml" id='widgetCustomHtml431cc562-9ac1-40f7-87ab-4366410eda9b' class="widget widgetCustomHtml skin22 narrow" > <div class="widgetBody pageStyles" id="widgetBody431cc562-9ac1-40f7-87ab-4366410eda9b"> <div id="customHtml431cc562-9ac1-40f7-87ab-4366410eda9b"><div><style> /* CP icon */ .cpBylineIconTS { color: #fff; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:link { color: #fff; } .cpBylineTS { text-align: center; } .cpBylineIconTS { fill: currentColor; width: 39px; height: 26px; display: inline; vertical-align: middle; } </style> <div class="widgetItem cpBylineTS"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> <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> <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> </svg> <span class="cpBylineTextTS">Government Websites by <a style="color: #fff;" href="https://connect.civicplus.com/referral" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);">CivicPlus®</a></span> </div> </div></div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> </div> </div> </div> <link href="/745732998.css" rel="stylesheet" type="text/css" /> <div tabindex="0"></div> <div id="SplashMessageWrapper" class="cp-Splash-wrapper"> <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"> <div class="cp-Splash-header"> <span class="cp-Splash-title" id="cp-Splash-title">Loading</span> <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> <svg id="iconClose" viewBox="0 0 25 25"> <polygon style="fill:currentcolor" 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> </svg> </button> </div> <div class="cp-Splash-body"> <div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc">  Loading </div> </div> <div class="cp-Splash-footer"> <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> </div> </div> </div> <div tabindex="0"></div> <script src="/Assets/Scripts/APIClient.js"></script> <script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script> <script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script> <script> $(document).ready(function () { var filter = { targetId: '2771', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/-200567606.js" type="text/javascript"></script>  <style>#google-translate-container {float: left;padding: 3px 5px 0px 0px;}.goog-te-combo,.goog-te-banner *,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 *,.goog-te-balloon * {font-family: arial;font-size: 10pt;background-image: url("https://theme.zdassets.com/theme_assets/958586/bae8aa24db8d43595871692a9d259186f2db3fb4.png");background-position: 3px 4px;background-size: 22px;background-repeat: no-repeat;text-indent: 20px;background-color: #fff;color: #000 !important;}.goog-logo-link {display: none !important;}.goog-te-gadget {color: transparent !important;}.goog-te-gadget .goog-te-combo {margin: 2px 0 !important;border-radius: 15px !important;}.goog-te-combo{border: 1px solid !important;border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important;border-radius: 0 !important;height:32px; !important;padding: 0 1px 0 .25rem !important;} #launcher-wrapper {bottom: 50px !important;} </style> <div id="google-translate-container"> <div id="google_translate_element" style="position: fixed; bottom: 0px; left: 20px; z-index: 5;"></div> </div> <script> function googleTranslateElementInit() { new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); // begin accessibility compliance $('img.goog-te-gadget-icon').attr('alt','Google Translate'); $('div#goog-gt-tt div.logo img').attr('alt','translate'); $('div#goog-gt-tt .original-text').css('text-align','left'); $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); $('.goog-te-combo').attr('aria-label','google translate languages'); $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); } $(function() { $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); }); </script>   <script> function getValueTS(elem, attr) { const val = elem.css(attr); if (val === undefined) return undefined; const num = parseInt(val, 10); if (num === NaN) return undefined; return num; } function clampTS(number, min, max) { return Math.min(Math.max(number, min), max); } function isPageEditingTS() { return ( $("#doneEditing").length > 0 || // In live edit typeof DesignCenter !== "undefined" // In theme manager ); } const bgColorRegexTS = /rgba$(\d+), (\d+), (\d+), (\d*\.?\d*)$/; function isTransparentTS(elem) { const bg = elem.css('background-color'); if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; const matchState = bg.match(bgColorRegexTS); if (!matchState || matchState.length !== 5) return false; const alpha = parseFloat(matchState[4], 10); if (!(alpha >= 0 && alpha < 1)) return false; return true; } function iterateLeftpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-leftpad') === null ) { cb(containerTS); } } } const anchor = $("#divToolbars"); const bodyContainerTS = $("#bodyContainerTS"); // Outer banner padding (push banner down) const outerSizingTS = $("#bannerContainerTS"); // Inner banner padding (push banner content down) - Transparent header OR on attaching headers const innerSizingTS = $("#bannerSizingTS"); const forceUnfixClassTS = "forceUnfixTS"; const fixedTopTS = $(".fixedTopTS"); const fixedBottomTS = $(".fixedBottomTS"); const fixedLeftTS = $(".fixedLeftTS"); var initialTopTS; var topAttachTS; if (fixedTopTS && fixedTopTS.length === 1) { initialTopTS = getValueTS(fixedTopTS, 'top'); const attachment = fixedTopTS.attr('data-attach'); if (attachment) topAttachTS = $("#" + attachment); if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; } function resizeAdjustmentTS() { const editing = isPageEditingTS(); // Fixed top script (function () { if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; if (editing) { fixedTopTS[0].classList.add(forceUnfixClassTS); } else { fixedTopTS[0].classList.remove(forceUnfixClassTS); } const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed') { if (topAttachTS) { scrollAdjustmentTS(); } else { const anchorHeight = anchor.outerHeight() - 1; fixedTopTS.css('top', anchorHeight + initialTopTS); } } else { fixedTopTS.css('top', initialTopTS); } if (topPosition === 'fixed' || topPosition === 'absolute') { // Bump the banner content down if (isTransparentTS(fixedTopTS)) { innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight()); outerSizingTS.css('padding-top', ''); try { window.Pages.onResizeHandlersExecute(); } catch (e) { } } else { outerSizingTS.css('padding-top', fixedTopTS.outerHeight()); innerSizingTS.css('padding-top', ''); } } else { innerSizingTS.css('padding-top', ''); outerSizingTS.css('padding-top', ''); } })(); // Fixed bottom script (function () { if (!fixedBottomTS || fixedBottomTS.length === 0) return; // If the widget has gone narrow, force unfix if (editing || fixedBottomTS.outerHeight() > 200) { fixedBottomTS[0].classList.add(forceUnfixClassTS); } else { fixedBottomTS[0].classList.remove(forceUnfixClassTS); } if (fixedBottomTS.css('position') === 'fixed') { bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); } else { bodyContainerTS.css('padding-bottom', ''); } })(); // Fixed left script (function () { if (!fixedLeftTS || fixedLeftTS.length === 0) return; if (editing) { fixedLeftTS[0].classList.add(forceUnfixClassTS); } else { fixedLeftTS[0].classList.remove(forceUnfixClassTS); } if (fixedLeftTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; fixedLeftTS.css('top', anchorHeight); const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); iterateLeftpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= leftBoundingTS.right) { $(containerTS).css('padding-left', leftBoundingTS.width + 16); } }); } else { fixedLeftTS.css('top', ''); iterateLeftpads(function (containerTS) { $(containerTS).css('padding-left', ''); }); } })(); } function scrollAdjustmentTS() { if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed' || topPosition === 'absolute') { const anchorBounding = anchor[0].getBoundingClientRect(); const attachBounding = topAttachTS[0].getBoundingClientRect(); const scrollTop = $(window).scrollTop(); fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); } else { fixedTopTS.css('top', initialTopTS); } } $(window).load(function () { setTimeout(function () { try { resizeAdjustmentTS(); } catch (e) { console.error(e); } }, 350); $(window).scroll(function () { try { scrollAdjustmentTS(); } catch (e) { console.error(e); } }); var adjustTimeoutTS; $(window).resize(function () { clearTimeout(adjustTimeoutTS); adjustTimeoutTS = setTimeout(function () { try { resizeAdjustmentTS(); } catch (e) { console.error(e); } }, 350); }); $.when(window.Pages.angularToolbarComplete).done(function () { try { resizeAdjustmentTS(); } catch (e) { console.error(e); } }); }); </script>   <script> function getValueTS(elem, attr) { const val = elem.css(attr); if (val === undefined) return undefined; const num = parseInt(val, 10); if (num === NaN) return undefined; return num; } function clampTS(number, min, max) { return Math.min(Math.max(number, min), max); } function isPageEditingTS() { return ( $("#doneEditing").length > 0 || // In live edit typeof DesignCenter !== "undefined" // In theme manager ); } const bgColorRegexTS = /rgba((d+), (d+), (d+), (d*.?d*))/; function isTransparentTS(elem) { const bg = elem.css('background-color'); if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; const matchState = bg.match(bgColorRegexTS); if (!matchState || matchState.length !== 5) return false; const alpha = parseFloat(matchState[4], 10); if (!(alpha >= 0 && alpha < 1)) return false; return true; } function iterateLeftpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-leftpad') === null ) { cb(containerTS); } } } const anchor = $("#divToolbars"); const anchor2 = $("#headerContainerTS") // Outer banner padding (push banner down) const outerSizingTS = $("#bannerContainerTS"); // Inner banner padding (push banner content down) - Transparent header OR on attaching headers const innerSizingTS = $("#bannerSizingTS"); const bodyContainerTS = $("#bodyContainerTS"); const forceUnfixClassTS = "forceUnfixTS"; const fixedTopTS = $(".fixedTopTS"); const fixedBottomTS = $(".fixedBottomTS"); const fixedLeftTS = $(".fixedLeftTS"); var initialTopTS; var topAttachTS; if (fixedTopTS && fixedTopTS.length === 1) { initialTopTS = getValueTS(fixedTopTS, 'top'); const attachment = fixedTopTS.attr('data-attach'); if (attachment) topAttachTS = $("#" + attachment); if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; } function resizeAdjustmentTS() { const editing = isPageEditingTS(); // Fixed top script (function () { if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; if (editing) { fixedTopTS[0].classList.add(forceUnfixClassTS); } else { fixedTopTS[0].classList.remove(forceUnfixClassTS); } const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed') { if (topAttachTS) { scrollAdjustmentTS(); } else { const anchorHeight = anchor.outerHeight() - 1; fixedTopTS.css('top', anchorHeight + initialTopTS); } } else { fixedTopTS.css('top', initialTopTS); } if (topPosition === 'fixed' || topPosition === 'absolute') { // Bump the banner content down if (isTransparentTS(fixedTopTS)) { innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); outerSizingTS.css('padding-top', ''); try { window.Pages.onResizeHandlersExecute(); } catch (e) { } } else { outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); innerSizingTS.css('padding-top', ''); } } else { innerSizingTS.css('padding-top', ''); outerSizingTS.css('padding-top', ''); } })(); // Fixed bottom script (function () { if (!fixedBottomTS || fixedBottomTS.length === 0) return; // If the widget has gone narrow, force unfix if (editing || fixedBottomTS.outerHeight() > 200) { fixedBottomTS[0].classList.add(forceUnfixClassTS); } else { fixedBottomTS[0].classList.remove(forceUnfixClassTS); } if (fixedBottomTS.css('position') === 'fixed') { bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); } else { bodyContainerTS.css('padding-bottom', ''); } })(); // Fixed left script (function () { if (!fixedLeftTS || fixedLeftTS.length === 0) return; if (editing) { fixedLeftTS[0].classList.add(forceUnfixClassTS); } else { fixedLeftTS[0].classList.remove(forceUnfixClassTS); } if (fixedLeftTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; fixedLeftTS.css('top', anchorHeight); const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); iterateLeftpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= leftBoundingTS.right) { $(containerTS).css('padding-left', leftBoundingTS.width + 16); } }); } else { fixedLeftTS.css('top', ''); iterateLeftpads(function (containerTS) { $(containerTS).css('padding-left', ''); }); } })(); } function scrollAdjustmentTS() { if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed' || topPosition === 'absolute') { const anchorBounding = anchor[0].getBoundingClientRect(); const attachBounding = topAttachTS[0].getBoundingClientRect(); const scrollTop = $(window).scrollTop(); fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); } else { fixedTopTS.css('top', initialTopTS); } } $(window).load(function () { setTimeout(function () { resizeAdjustmentTS(); }, 350); $(window).scroll(function () { scrollAdjustmentTS(); }); var adjustTimeoutTS; $(window).resize(function () { clearTimeout(adjustTimeoutTS); adjustTimeoutTS = setTimeout(function () { resizeAdjustmentTS(); }, 350); }); $.when(window.Pages.angularToolbarComplete).done(function () { resizeAdjustmentTS(); }); }); </script>   <script> function moveBannerToOuterWrap() { if ($(".fixedBannerTS #bannerDivbanner2").length) { $(".fixedBannerTS #bannerDivbanner2").appendTo("#outer-wrap"); } else { setTimeout(function () { moveBannerToOuterWrap(); }, 500); } } moveBannerToOuterWrap(); </script> <script>const style=document.createElement('style');style.innerHTML='iframe#citibot { box-shadow:0 0 5px grey; border-radius : 10px; border: none !important; z-index: 2147483000; position: fixed; bottom: 17vh; right: 20px; width: 450px; height: calc(100vh - 150px); opacity: 0; display: none; transition: opacity 0.3s ease 0s; } div#root { font-size: 100%; font-style: normal; letter-spacing: normal; font-stretch: normal; font-weight: normal; text-align-last: initial; text-indent: 0px; text-shadow: none; text-transform: none; alignment-baseline: baseline; animation-play-state: running; backface-visibility: visible; background-color: transparent; background-image: none; baseline-shift: baseline; bottom: auto; -webkit-box-decoration-break: slice; box-shadow: none; box-sizing: content-box; caption-side: top; clear: none; clip: auto; color: inherit; column-count: auto; column-fill: balance; column-gap: normal; column-width: auto; content: normal; counter-increment: none; counter-reset: none; cursor: auto; direction: ltr; display: inline; dominant-baseline: auto; empty-cells: show; float: none; height: auto; -webkit-hyphenate-character: auto; hyphens: manual; image-rendering: auto; left: auto; line-height: inherit; max-height: none; max-width: none; min-height: 0px; min-width: 0px; opacity: 1; orphans: 2; outline-offset: 0px; page: auto; perspective: none; perspective-origin: 50% 50%; pointer-events: auto; quotes: none; resize: none; right: auto; size: auto; table-layout: auto; top: auto; transform: none; transform-origin: 50% 50% 0px; transform-style: flat; unicode-bidi: normal; vertical-align: baseline; white-space: normal; widows: 2; width: auto; word-break: normal; word-spacing: normal; overflow-wrap: normal; z-index: auto; text-align: start; -webkit-font-smoothing: antialiased; font-variant: normal; text-decoration: none; border-width: 0px; border-style: none; border-color: transparent; border-image: initial; border-radius: 0px; list-style: disc outside none; margin: 0px; overflow: visible; padding: 0px; page-break-after: auto; page-break-before: auto; page-break-inside: auto; display: flex; justify-content:center; } @keyframes appear { from { transform: translateY(40px); } to { transform: translateY(0); }}@keyframes appear_out { from { transform: translateY(0px); } to { transform: translateY(40px); }}.citibot_in{ animation: appear_out 0.4s ease-out;}.citibot_out{ animation: appear 0.4s ease-out;}@media only screen and (min-height: 850px) { #citibot{ height: calc(100vh - 180px)!important; }}@media only screen and (min-height: 1000px) { #citibot{ bottom: 15vh!important; height: calc(100vh - 300px)!important; }}@media only screen and (max-width: 1048px) { #citibot{ height: calc(100vh - 250px)!important; }}@media only screen and (max-width: 760px) { #citibot{ height: calc(100vh - 180px)!important; }}@media only screen and (max-width: 430px) { #citibot{ width: 90vw!important; height: calc(100vh - 180px); }}@media only screen and (max-width: 380px) { #citibot{ bottom: 17vh!important; height: calc(100vh - 180px); }}@media only screen and (max-width: 340px) { #citibot{ bottom: 17vh!important; height: calc(100vh - 180px); }} ',document.head.appendChild(style),window.onload=async function(){const n=document.createElement('div'),t=document.createElement('iframe'),e=document.createElement('img');let o=!1;/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent)&&(o=!0),e.src='https://webchat-backend-production.s3.amazonaws.com/bot.svg';var i='',a='';e.onclick=function(){const n=document.getElementById('citibot');if(n.style.opacity='0'===window.getComputedStyle(n,null).getPropertyValue('opacity')?'1':'0','0'===document.getElementById('citibot').style.opacity)window.frames.citibot.postMessage('cancel','*'),document.getElementById('citibot').style.display='none',e.src=i||'https://webchat-backend-production.s3.amazonaws.com/bot.svg',t.className='citibot_in';else{t.src||(t.src='https://webchat.citibot.io?org_id=59');var o=Date.now(),r=setInterval(()=>{console.log('set interval called'),Date.now()-o>2e3?clearInterval(r):window.frames.citibot.postMessage(JSON.stringify(a),'*')},50);document.getElementById('citibot').style.display='block',e.src='https://webchat-backend-production.s3.amazonaws.com/organization-cross-icon/59_Ask Gus_cross_icon.png',t.className='citibot_out',a&&window.frames.citibot.postMessage(JSON.stringify(a),'*')}};await fetch('https://webchat-backend.citibot.io/organizations/59/image').then(async n=>{const t=await n.json();a=t.data,i=t.data.logo,e.src=i?t.data.logo:'https://webchat-backend-production.s3.amazonaws.com/bot.svg',t.data.phone_number}).catch(()=>{e.src='https://webchat-backend-production.s3.amazonaws.com/bot.svg'});e.style='width:140px;height:140px !important;',o&&(e.style='width:80px;height:80px !important;'),e.alt='citibot webchat',t.id='citibot',t.name='citibot',n.id='root',n.style='position: fixed;bottom: 15px;right: 20px; cursor: pointer; z-index: 999999',n.appendChild(e),document.getElementsByTagName('body')[0].append(t),document.getElementsByTagName('body')[0].append(n)};</script> <script type="module" data-hash="320a1902177d48d8be04d60105b26987" id="frase-script" src="https://answers-script.frase.io/bot.js"></script> <script type="text/javascript"> $(function () { document.cookie = "responsiveGhost=0; path=/"; }); $(window).on("load", function () { $('body').addClass('doneLoading').removeClass('hideContent'); if ($('#404Content').length > 0) $('div#bodyWrapper').css('padding', '0px'); }); </script> <noscript> <style> body.hideContent { opacity: 1 !important; } </style> </noscript> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> <symbol id="iconArrow--left" viewbox="0 0 25 25"> <title>Arrow Left</title> <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> </symbol> <symbol id="iconArrow--right" viewbox="0 0 25 25"> <title>Arrow Right</title> <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> </symbol> </svg> </div> <script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lato:700,900,italic,regular|Libre+Baskerville:700,italic,regular|Montserrat:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Open+Sans:300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Poppins:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Rubik:300,300italic,500,500italic,700,700italic,900,900italic,italic,regular|');</script> <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> <title>Slideshow Left Arrow</title> <g> <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> </g> </symbol> <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> <title>Slideshow Right Arrow</title> <g> <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> </g> </symbol> </svg> </div> <div id="root-picker-outlet"></div> </body> </html>