CINXE.COM
Board of Elections | Augusta, GA - Official Website
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <!-- Google Tag Manager for GA4 --> <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> <!-- End Google Tag Manager for GA4 --> <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="Courts, Elected, and Appointed Officials" /> <meta name="category3" content="Board of Elections" /> <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>Board of Elections | 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> <!--[if IE 6]><script language="JavaScript" type="text/javascript"> var isie6 = true; </script><![endif]--> <!--[if IE 7]><script language="JavaScript" type="text/javascript"> var isie7 = true; </script><![endif]--> <!--[if IE 8]><script language="JavaScript" type="text/javascript"> var isie8 = true; </script><![endif]--> <!--[if IE 9]><script language="JavaScript" type="text/javascript"> var isie8 = true; </script><![endif]--> <script type="text/javascript"><!-- var intCountryCode = 840; var externalSiteDialogHeight = '350px'; var order = ''; //--></script> <link href="/-152343435.css" rel="stylesheet" type="text/css" /> <link href="/-1294921583.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> <!--CPHeadContent--> <script src="/1785577064.js" type="text/javascript"></script> <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> <!--[if lt IE 9]><script type="text/javascript" src="/Scripts/html5.js"></script><![endif]--> <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="6464c4b7-ea84-4193-ae26-fdff3b6e9dab" /> <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="2774" /> <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> <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/CP/ie7.css"><![endif]--> <!-- Allow Dashboard, Favorites Enabled --> </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <!-- Header Container --><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> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </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"> <!-- For the button right and inside --> <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> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </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="/2774" target="_self"><img alt="Board of Elections Home Page" class="bannerObject" height="113" src="/ImageRepository/Document?documentID=12966" width="337" /></a> </div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> <ol id="mainNavMenu" data-parent="2774" class="rootNavMenu" role="menu"><!-- --><li id="MainItem2679" class="topMenuItem" role="none" data-pageid="2679" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavAboutUs" class="navMainItem mainNavItem mainNavItem1" href="/2679/About-Us" target = "_self" > About Us </a> <!-- --><!-- --></li><!----><li id="MainItem1868" class="topMenuItem" role="none" data-pageid="1868" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavCampaignReports" class="navMainItem mainNavItem mainNavItem2" href="/1868/Campaign-Reports" target = "_self" > Campaign Reports </a> <!-- --><!-- --></li><!----><li id="MainItem600" class="topMenuItem" role="none" data-pageid="600" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavElectedOfficials" class="navMainItem mainNavItem mainNavItem3" href="/600/Elected-Officials" target = "_self" > Elected Officials </a> <!-- --><!-- --></li><!----><li id="MainItem2788" class="topMenuItem" role="none" data-pageid="2788" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavElectionInfo" class="navMainItem mainNavItem mainNavItem4" href="/2788/Election-Info" target = "_self" > Election Info </a> <!-- --><!-- --></li><!----><li id="MainItem605" class="topMenuItem" role="none" data-pageid="605" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavElectionResults" class="navMainItem mainNavItem mainNavItem5" href="/605/Election-Results" target = "_self" > Election Results </a> <!-- --><!-- --></li><!----><li id="MainItem533" class="topMenuItem" role="none" data-pageid="533" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavVotingInfo" class="navMainItem mainNavItem mainNavItem6" href="/533/Voting-Info" target = "_self" > Voting Info </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=2774&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="mainNavMegaMenu2679" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2679 hidden" data-orientation="horizontal"> <div id="cc5fe4934a-ffd7-4ca8-9a62-f4a2ecc17b53" data-containerid="5fe4934a-ffd7-4ca8-9a62-f4a2ecc17b53" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu1868" class="contentTop mainNavMegaMenu megaMenuContainer pageID_1868 hidden" data-orientation="horizontal"> <div id="cc4bdf5770-d812-40ae-b611-a13e182d6057" data-containerid="4bdf5770-d812-40ae-b611-a13e182d6057" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu600" class="contentTop mainNavMegaMenu megaMenuContainer pageID_600 hidden" data-orientation="horizontal"> <div id="cccd30214c-7385-4808-95ac-142703b9ad8b" data-containerid="cd30214c-7385-4808-95ac-142703b9ad8b" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2788" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2788 hidden" data-orientation="horizontal"> <div id="cc1636ac83-5f52-4d95-95b6-cc900f5a6b81" data-containerid="1636ac83-5f52-4d95-95b6-cc900f5a6b81" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu605" class="contentTop mainNavMegaMenu megaMenuContainer pageID_605 hidden" data-orientation="horizontal"> <div id="ccf5a0a4f1-9523-42c0-a66c-8d94ea264c31" data-containerid="f5a0a4f1-9523-42c0-a66c-8d94ea264c31" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu533" class="contentTop mainNavMegaMenu megaMenuContainer pageID_533 hidden" data-orientation="horizontal"> <div id="cc4b52f216-10c4-47f9-aa3e-499fc25666ac" data-containerid="4b52f216-10c4-47f9-aa3e-499fc25666ac" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div> </header><!-- Banner --><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="bannerImagesJSON110" 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":110,"ThemeID":16,"SlotName":"banner1","Name":"Default - Board of Elections","IsDefault":false,"BannerMode":3,"SlideShowSlideTiming":"4","SlideshowTransition":0,"SlideShowTransitionTiming":"3","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":183,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=12968","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":194,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13360","Height":1093,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":195,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13361","Height":1121,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":197,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13427","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":198,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13426","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":199,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13425","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":200,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13424","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":7,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":201,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13423","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":8,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":202,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13422","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":9,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":203,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13421","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":10,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":204,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13420","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":11,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""},{"BannerImageID":205,"BannerOptionID":110,"FileName":"/ImageRepository/Document?documentID=13419","Height":1080,"Width":1920,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":12,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/"}, '/App_Themes/2019 Redesign - Home/Images/', 'Slideshow', '-1'); }); }); </script> </div> </div><!-- Content container --><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="2774" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="2566" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="29309" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Board of Elections" /> <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 col9 first" style="" data-widgetcontainerid="c104edb7-17e5-480a-873d-a06cd2eb2911"> <div class="row nest first last wide"> <div class="inner col col9 first last id3a0b1f95-e29f-477b-b6d7-02546a00b134" style="" data-widgetcontainerid="3a0b1f95-e29f-477b-b6d7-02546a00b134"> <div class="widget widgetSpacer" id="f6839450-57b4-43af-a444-1901b331f985"></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="ae9fc5cf-e9d9-4fc8-aaae-c8a18423e658"> <div class="row nest first last wide"> <div class="inner col col8 first last id8087dbc6-5bff-49bb-9dfb-597e2f1ab00b" style="" data-widgetcontainerid="8087dbc6-5bff-49bb-9dfb-597e2f1ab00b"> <div class="widget image pageStyles" id="divImageOutera32fe9f3-d4a1-488d-9445-af4faef5b0ee" data-widget-id="a32fe9f3-d4a1-488d-9445-af4faef5b0ee"> <div class="widgetBody " id="divImagea32fe9f3-d4a1-488d-9445-af4faef5b0ee"> <a href="https://www.augustaga.gov/1463" target="_self"><img src="/ImageRepository/Document?documentID=14757" alt="Augusta Redistricting 2021" title="Augusta Redistricting 2021"/></a> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col7 last" style="" data-widgetcontainerid="56e66169-8890-4a2d-8403-7a3db2878aa7"> <div class="row nest first last wide"> <div class="inner col col7 first last id08d607f0-b43a-4b08-93c0-146fe0be4dd0" style="" data-widgetcontainerid="08d607f0-b43a-4b08-93c0-146fe0be4dd0"> <div class="widget widgetSpacer" id="715b585c-6c5e-483a-81f9-b4fe78bb1f22"></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="72f730f8-2027-44a3-ad2b-d86be1eb8073"> <div class="row nest first last wide"> <div class="inner col col24 first last id51601155-2a18-4c1c-978a-d7d9ae8e39f7" style="" data-widgetcontainerid="51601155-2a18-4c1c-978a-d7d9ae8e39f7"> <div data-widget-id="3cddd8e2-3c78-47d6-83fe-b2c9adfb047f" 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="widgetNewsFlash3cddd8e2-3c78-47d6-83fe-b2c9adfb047f" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid3 "> <div class="cpCarousel cpCarousel3cddd8e2-3c78-47d6-83fe-b2c9adfb047f"> <div class="cpWindow cpWindow3cddd8e2-3c78-47d6-83fe-b2c9adfb047f"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="/CivicAlerts.aspx?AID=3565" target="_self"><img class="media" src="/ImageRepository/Document?documentID=18062" alt="baord-meetings" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader3565" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3565" target="_self">Board of Elections Regular Monthly Meeting </a> </h4> <div class="widgetDesc"> The Board of Elections will hold their regular monthly board meeting on Monday, December 9, 2024 at 6:00PM in the Linda Beazley Room of the Municipal Building, 535 Telfair St. The public is welcome to attend. <a href="/CivicAlerts.aspx?AID=3565" target="_self" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="/CivicAlerts.aspx?AID=3294" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17990" alt="FINAL_VOTE_LOGO" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader3294" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=3294" target="_self">Voter Information Guide </a> </h4> <div class="widgetDesc"> <a id="newsFlashReadOn3294" href="/CivicAlerts.aspx?AID=3294" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader3294 newsFlashReadOn3294">Read on...</a> </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> // <!-- window.$ = window.$ || window.parent.$; $(document).ready(function () { //Wait for the DOM to load completely before executing carousel logic since its all based on carousel width which wont come out correct until the DOM has loaded. Vishal if(!window.carouselsToInit){ window.carouselsToInit = new Array(); } var widgetNewsFlash3cddd8e23c7847d683feb2c9adfb047f = function() { var widgetWindow = $('#widgetNewsFlash3cddd8e2-3c78-47d6-83fe-b2c9adfb047f').find('.cpWindow')[0]; if(widgetWindow){ if(widgetWindow.clientWidth != 0){ window.setTimeout(function(){ $('#widgetNewsFlash3cddd8e2-3c78-47d6-83fe-b2c9adfb047f').adaptiveCarousel({ minSlideWidth: 250, maxSlideWidth: 450, gutterWidth: 40, circular: true, teaser: false, transitionTiming: 500, noImageRequired: false }); }, 250); var index = window.carouselsToInit.indexOf(widgetNewsFlash3cddd8e23c7847d683feb2c9adfb047f); if (index > -1) { window.carouselsToInit.splice(index, 1); } } } } var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlash3cddd8e23c7847d683feb2c9adfb047f); if (indexCarouselsToInit === -1) { window.carouselsToInit.push(widgetNewsFlash3cddd8e23c7847d683feb2c9adfb047f); } if (window.carouselsToInit) { window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); }); } if (window.Pages.onResizeHandlers){ window.Pages.onResizeHandlers.forEach(function(car){car();}); } }); if (Modernizr.touch) { var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; $.when($pages.rwdReady).done(function () { //only for responsive sites if (typeof($$) !== 'undefined') { $$('#widgetNewsFlash3cddd8e2-3c78-47d6-83fe-b2c9adfb047f').on('swipeRight', function (e, a) { $(this).adaptiveCarousel("moveBack"); }); $$('#widgetNewsFlash3cddd8e2-3c78-47d6-83fe-b2c9adfb047f').on('swipeLeft', function (e) { $(this).adaptiveCarousel("moveForward"); }); } }); } // --> </script> <a id="newsFlashViewAll3cddd8e2-3c78-47d6-83fe-b2c9adfb047f" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=41" 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> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div><!-- Calendar/Carousel --><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="2a13e181-d70b-4324-94ff-9ccf5a8d5f3b"> <div class="row nest first wide"> <div class="inner col col24 first last idc65d477d-c59d-4f2a-b581-99ae050d5a22" style="" data-widgetcontainerid="c65d477d-c59d-4f2a-b581-99ae050d5a22"> <div data-widget-id="c9cbb44c-db44-4673-ae08-0bb695752e0e" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvc9cbb44c-db44-4673-ae08-0bb695752e0e" 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="headerc9cbb44c-db44-4673-ae08-0bb695752e0e"> <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"> Services & Resources </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) { $('#divInfoAdvc9cbb44c-db44-4673-ae08-0bb695752e0e .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> <div class="row nest wide"> <div class="inner col col12 first idde567330-c681-4b96-a573-5c3e4474980b" style="" data-widgetcontainerid="de567330-c681-4b96-a573-5c3e4474980b"> <div data-widget-id="37436ed5-7357-442e-affb-5ee79e90e0bb" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget37436ed5-7357-442e-affb-5ee79e90e0bb" class="widget widgetGraphicLinks skin30 widgetOptionSet63 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 cpGrid2 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href=" https://www.mvp.sos.ga.gov/MVP/" target="_self" class="fancyButton fancyButton938 " > <span> <span><span class="text"><span class="textStyle1">Am I Registered?</span><span class="textStyle2">Update Registration</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton938.fancyButton:link,.fancyButton938.fancyButton:visited, .fancyButton938div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12975'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton938.fancyButton:hover,.fancyButton938.fancyButton:focus,.fancyButton938.fancyButton:active,.fancyButton938.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12976'); background-repeat: no-repeat; background-position: left top; } .fancyButton938.fancyButton:link > span,.fancyButton938.fancyButton:visited > span, .fancyButton938div.fancyButton > span{ } .fancyButton938.fancyButton:hover > span,.fancyButton938.fancyButton:focus > span,.fancyButton938.fancyButton:active > span,.fancyButton938.fancyButton.hover > span{ } .fancyButton938.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton938.fancyButton:hover .text,.fancyButton938.fancyButton:focus .text,.fancyButton938.fancyButton:active .text,.fancyButton938.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton938.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton938.fancyButton:hover .textStyle1, .fancyButton938.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton938.fancyButton .textStyle2{ color: #000000; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton938.fancyButton:hover .textStyle2, .fancyButton938.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="/1117/Polling-Place-Information" target="_self" class="fancyButton fancyButton939 " > <span> <span><span class="text"><span class="textStyle1">Where Do I Vote?</span><span class="textStyle2">Find your Election Day polling location</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton939.fancyButton:link,.fancyButton939.fancyButton:visited, .fancyButton939div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12985'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton939.fancyButton:hover,.fancyButton939.fancyButton:focus,.fancyButton939.fancyButton:active,.fancyButton939.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12986'); background-repeat: no-repeat; background-position: left top; } .fancyButton939.fancyButton:link > span,.fancyButton939.fancyButton:visited > span, .fancyButton939div.fancyButton > span{ } .fancyButton939.fancyButton:hover > span,.fancyButton939.fancyButton:focus > span,.fancyButton939.fancyButton:active > span,.fancyButton939.fancyButton.hover > span{ } .fancyButton939.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton939.fancyButton:hover .text,.fancyButton939.fancyButton:focus .text,.fancyButton939.fancyButton:active .text,.fancyButton939.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton939.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton939.fancyButton:hover .textStyle1, .fancyButton939.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton939.fancyButton .textStyle2{ color: #000000; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton939.fancyButton:hover .textStyle2, .fancyButton939.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> <div class="inner col col12 last id545c99d4-bd16-41bd-85cc-d2a3d08b13cc" style="" data-widgetcontainerid="545c99d4-bd16-41bd-85cc-d2a3d08b13cc"> <div data-widget-id="95d8aa10-5278-4c5c-b772-ad3be4d73e7a" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget95d8aa10-5278-4c5c-b772-ad3be4d73e7a" class="widget widgetGraphicLinks skin30 widgetOptionSet63 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 cpGrid2 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/QuickLinks.aspx?CID=32," target="_self" class="fancyButton fancyButton941 " > <span> <span><span class="text"><span class="textStyle1">Quick Links</span><span class="textStyle2">Links to other Election registration information</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton941.fancyButton:link,.fancyButton941.fancyButton:visited, .fancyButton941div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=13182'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton941.fancyButton:hover,.fancyButton941.fancyButton:focus,.fancyButton941.fancyButton:active,.fancyButton941.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=13183'); background-repeat: no-repeat; background-position: left top; } .fancyButton941.fancyButton:link > span,.fancyButton941.fancyButton:visited > span, .fancyButton941div.fancyButton > span{ } .fancyButton941.fancyButton:hover > span,.fancyButton941.fancyButton:focus > span,.fancyButton941.fancyButton:active > span,.fancyButton941.fancyButton.hover > span{ } .fancyButton941.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton941.fancyButton:hover .text,.fancyButton941.fancyButton:focus .text,.fancyButton941.fancyButton:active .text,.fancyButton941.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton941.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton941.fancyButton:hover .textStyle1, .fancyButton941.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton941.fancyButton .textStyle2{ color: #000000; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton941.fancyButton:hover .textStyle2, .fancyButton941.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.augustaga.gov/2836/Advance-Voting-Location-Information" target="_blank" class="fancyButton fancyButton942 " aria-label="Advanced Voting Locations, hours and wait times Opens in new window"> <span> <span><span class="text"><span class="textStyle1">Advanced Voting</span><span class="textStyle2">Locations, hours and wait times</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton942.fancyButton:link,.fancyButton942.fancyButton:visited, .fancyButton942div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12973'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton942.fancyButton:hover,.fancyButton942.fancyButton:focus,.fancyButton942.fancyButton:active,.fancyButton942.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12974'); background-repeat: no-repeat; background-position: left top; } .fancyButton942.fancyButton:link > span,.fancyButton942.fancyButton:visited > span, .fancyButton942div.fancyButton > span{ } .fancyButton942.fancyButton:hover > span,.fancyButton942.fancyButton:focus > span,.fancyButton942.fancyButton:active > span,.fancyButton942.fancyButton.hover > span{ } .fancyButton942.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton942.fancyButton:hover .text,.fancyButton942.fancyButton:focus .text,.fancyButton942.fancyButton:active .text,.fancyButton942.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton942.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton942.fancyButton:hover .textStyle1, .fancyButton942.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton942.fancyButton .textStyle2{ color: #000000; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton942.fancyButton:hover .textStyle2, .fancyButton942.fancyButton.hover .textStyle2{ text-decoration: none; } .fancyButton942.fancyButton .textStyle3{ color: #ffffff; text-decoration: none; } .fancyButton942.fancyButton:hover .textStyle3, .fancyButton942.fancyButton.hover .textStyle3{ text-decoration: none; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> <div class="row nest last wide"> <div class="inner col col12 first ide97f92c8-6682-4c31-8cb6-629686d31e4d" style="" data-widgetcontainerid="e97f92c8-6682-4c31-8cb6-629686d31e4d"> <div data-widget-id="b3659af9-7657-4428-9112-09ec232918a3" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetb3659af9-7657-4428-9112-09ec232918a3" class="widget widgetGraphicLinks skin30 widgetOptionSet63 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 cpGrid2 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="https://www.mvp.sos.ga.gov/MVP/" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_blank" class="fancyButton fancyButton943 " aria-label="Get My Sample Ballot Find and download your sample ballot Opens in new window"> <span> <span><span class="text"><span class="textStyle1">Get My Sample Ballot</span><span class="textStyle2">Find and download your sample ballot</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton943.fancyButton:link,.fancyButton943.fancyButton:visited, .fancyButton943div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12983'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton943.fancyButton:hover,.fancyButton943.fancyButton:focus,.fancyButton943.fancyButton:active,.fancyButton943.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12984'); background-repeat: no-repeat; background-position: left top; } .fancyButton943.fancyButton:link > span,.fancyButton943.fancyButton:visited > span, .fancyButton943div.fancyButton > span{ } .fancyButton943.fancyButton:hover > span,.fancyButton943.fancyButton:focus > span,.fancyButton943.fancyButton:active > span,.fancyButton943.fancyButton.hover > span{ } .fancyButton943.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton943.fancyButton:hover .text,.fancyButton943.fancyButton:focus .text,.fancyButton943.fancyButton:active .text,.fancyButton943.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton943.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton943.fancyButton:hover .textStyle1, .fancyButton943.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton943.fancyButton .textStyle2{ color: #000000; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton943.fancyButton:hover .textStyle2, .fancyButton943.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.augustaga.gov/2946/Absentee-Ballots" target="_self" class="fancyButton fancyButton944 " > <span> <span><span class="text"><span class="textStyle1">Absentee Voting by Mail</span><span class="textStyle2">Download, request or check the status of your absentee ballot</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton944.fancyButton:link,.fancyButton944.fancyButton:visited, .fancyButton944div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12971'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton944.fancyButton:hover,.fancyButton944.fancyButton:focus,.fancyButton944.fancyButton:active,.fancyButton944.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12972'); background-repeat: no-repeat; background-position: left top; } .fancyButton944.fancyButton:link > span,.fancyButton944.fancyButton:visited > span, .fancyButton944div.fancyButton > span{ } .fancyButton944.fancyButton:hover > span,.fancyButton944.fancyButton:focus > span,.fancyButton944.fancyButton:active > span,.fancyButton944.fancyButton.hover > span{ } .fancyButton944.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton944.fancyButton:hover .text,.fancyButton944.fancyButton:focus .text,.fancyButton944.fancyButton:active .text,.fancyButton944.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton944.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton944.fancyButton:hover .textStyle1, .fancyButton944.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton944.fancyButton .textStyle2{ color: #000000; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton944.fancyButton:hover .textStyle2, .fancyButton944.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> <div class="inner col col12 last id2d40557a-4f93-4471-86de-1bbb8374605b" style="" data-widgetcontainerid="2d40557a-4f93-4471-86de-1bbb8374605b"> <div data-widget-id="81aa740f-3e95-4e9e-a207-a45d9cc9703f" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget81aa740f-3e95-4e9e-a207-a45d9cc9703f" class="widget widgetGraphicLinks skin30 widgetOptionSet63 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 cpGrid2 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/Faq.aspx?searchTerms=&TID=41" target="_self" class="fancyButton fancyButton945 " > <span> <span><span class="text"><span class="textStyle1">FAQs</span><span class="textStyle2">Frequently asked Questions about Elections and Registration</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton945.fancyButton:link,.fancyButton945.fancyButton:visited, .fancyButton945div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=13066'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton945.fancyButton:hover,.fancyButton945.fancyButton:focus,.fancyButton945.fancyButton:active,.fancyButton945.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=13067'); background-repeat: no-repeat; background-position: left top; } .fancyButton945.fancyButton:link > span,.fancyButton945.fancyButton:visited > span, .fancyButton945div.fancyButton > span{ } .fancyButton945.fancyButton:hover > span,.fancyButton945.fancyButton:focus > span,.fancyButton945.fancyButton:active > span,.fancyButton945.fancyButton.hover > span{ } .fancyButton945.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton945.fancyButton:hover .text,.fancyButton945.fancyButton:focus .text,.fancyButton945.fancyButton:active .text,.fancyButton945.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton945.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton945.fancyButton:hover .textStyle1, .fancyButton945.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton945.fancyButton .textStyle2{ color: #000000; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton945.fancyButton:hover .textStyle2, .fancyButton945.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="/DocumentCenter/View/13964/Affidavit-of-Lost-Ballot-2021" target="_self" class="fancyButton fancyButton946 " > <span> <span><span class="text"><span class="textStyle1">Cancel My Ballot</span><font color="#000000" face="Lato">Cancel My Absentee Ballot </font></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton946.fancyButton:link,.fancyButton946.fancyButton:visited, .fancyButton946div.fancyButton{ padding-top: .25em; padding-bottom: .25em; padding-right: 1em; padding-left: 90px; background-image: url('/ImageRepository/Document?documentID=12981'); background-repeat: no-repeat; background-position: left top; min-height: 90px; transition: background .2s ease;} .fancyButton946.fancyButton:hover,.fancyButton946.fancyButton:focus,.fancyButton946.fancyButton:active,.fancyButton946.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=12982'); background-repeat: no-repeat; background-position: left top; } .fancyButton946.fancyButton:link > span,.fancyButton946.fancyButton:visited > span, .fancyButton946div.fancyButton > span{ } .fancyButton946.fancyButton:hover > span,.fancyButton946.fancyButton:focus > span,.fancyButton946.fancyButton:active > span,.fancyButton946.fancyButton.hover > span{ } .fancyButton946.fancyButton .text{ color: #ffffff; text-align: left; text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton946.fancyButton:hover .text,.fancyButton946.fancyButton:focus .text,.fancyButton946.fancyButton:active .text,.fancyButton946.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton946.fancyButton .textStyle1{ color: #ffffff; font-size: 1.15em; font-family: Lato; text-align: left; font-weight: 700; text-decoration: none; display: block; clear: both;} .fancyButton946.fancyButton:hover .textStyle1, .fancyButton946.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton946.fancyButton .textStyle2{ color: #000000; font-family: Lato; text-align: left; font-style: normal; text-decoration: none; } .fancyButton946.fancyButton:hover .textStyle2, .fancyButton946.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div> </div><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainer2TS"> <div data-cpRole="banner" id="banner2"><!-- Calendar/Carousel --><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="f15a636a-7757-4219-b564-fd474bc7c8ae"> <div class="row nest first last wide"> <div class="inner col col24 first last id433f9612-fd30-41f5-8a33-f8185566fc7f" style="" data-widgetcontainerid="433f9612-fd30-41f5-8a33-f8185566fc7f"> <div data-widget-id="900d8d30-b91e-49d4-9ff8-7f87b0286248" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv900d8d30-b91e-49d4-9ff8-7f87b0286248" 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="header900d8d30-b91e-49d4-9ff8-7f87b0286248"> <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) { $('#divInfoAdv900d8d30-b91e-49d4-9ff8-7f87b0286248 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="6a8ff47b-610e-4f32-8dda-131e9ea4743e"> <div class="row nest first last wide"> <div class="inner col col24 first last iddb3277aa-f590-4cb2-8f1a-d25fd2b68230" style="" data-widgetcontainerid="db3277aa-f590-4cb2-8f1a-d25fd2b68230"> <div data-widget-id="30bb2730-35be-4dd9-b376-ba3483e29818" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <div id="widgetCalendar30bb2730-35be-4dd9-b376-ba3483e29818" 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="miniCalendarHeader30bb2730-35be-4dd9-b376-ba3483e29818">December 2024</h3> <table role="grid" aria-labelledby="miniCalendarHeader30bb2730-35be-4dd9-b376-ba3483e29818" 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><span><time datetime="2024-12-01"> 1</time></span></td> <td class="today"><span><time datetime="2024-12-02"> 2</time></span></td> <td><span><time datetime="2024-12-03"> 3</time></span></td> <td><span><time datetime="2024-12-04"> 4</time></span></td> <td><span><time datetime="2024-12-05"> 5</time></span></td> <td><span><time datetime="2024-12-06"> 6</time></span></td> <td><span><time datetime="2024-12-07"> 7</time></span></td> </tr> <tr><td><span><time datetime="2024-12-08"> 8</time></span></td> <td><a tabindex="0" href='/calendar.aspx?view=list&year=2024&month=12&day=9&CID=61'><time datetime="2024-12-09"> 9</time></a></td> <td><span><time datetime="2024-12-10">10</time></span></td> <td><span><time datetime="2024-12-11">11</time></span></td> <td><span><time datetime="2024-12-12">12</time></span></td> <td><span><time datetime="2024-12-13">13</time></span></td> <td><span><time datetime="2024-12-14">14</time></span></td> </tr> <tr><td><span><time datetime="2024-12-15">15</time></span></td> <td><span><time datetime="2024-12-16">16</time></span></td> <td><span><time datetime="2024-12-17">17</time></span></td> <td><span><time datetime="2024-12-18">18</time></span></td> <td><span><time datetime="2024-12-19">19</time></span></td> <td><span><time datetime="2024-12-20">20</time></span></td> <td><span><time datetime="2024-12-21">21</time></span></td> </tr> <tr><td><span><time datetime="2024-12-22">22</time></span></td> <td><span><time datetime="2024-12-23">23</time></span></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2024&month=12&day=24&CID=61'><time datetime="2024-12-24">24</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2024&month=12&day=25&CID=61'><time datetime="2024-12-25">25</time></a></td> <td><span><time datetime="2024-12-26">26</time></span></td> <td><span><time datetime="2024-12-27">27</time></span></td> <td><span><time datetime="2024-12-28">28</time></span></td> </tr> <tr><td><span><time datetime="2024-12-29">29</time></span></td> <td><span><time datetime="2024-12-30">30</time></span></td> <td><span><time datetime="2024-12-31">31</time></span></td> <td class="not"><span><time datetime="2025-01-01"> 1</time></span></td> <td class="not"><span><time datetime="2025-01-02"> 2</time></span></td> <td class="not"><span><time datetime="2025-01-03"> 3</time></span></td> <td class="not"><span><time datetime="2025-01-04"> 4</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="["2024-12-09","2024-12-24"]" name="day-list" /> <div class="col col1 first "> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="5177" > <h4 class="widgetTitle">Mon, Dec 9 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=5177">Regular Monthly Board Meeting</a></strong> </div> <a href="/Calendar.aspx?EID=5177" class="readOn" style="display:block;"><span class="visuallyHidden">Regular Monthly Board Meeting</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="5178" > <h4 class="widgetTitle">Tue, Dec 24 - Wed, Dec 25 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=5178">Holiday Closure</a></strong> </div> <a href="/Calendar.aspx?EID=5178" class="readOn" style="display:block;"><span class="visuallyHidden">Holiday Closure</span><span aria-hidden="true">Read on...</span></a> </li> </ol> </div> </div> </div> <a id="calendarViewAll30bb2730-35be-4dd9-b376-ba3483e29818" class="widgetViewAll" style="" href="/calendar.aspx?CID=61" 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> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </div> <div id="banner2-111" style="display: none"></div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderBanner('banner2-111', 'banner2', {"BannerOptionID":111,"ThemeID":16,"SlotName":"banner2","Name":"Default - Board of Elections","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":184,"BannerOptionID":111,"FileName":"/ImageRepository/Document?documentID=12969","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":184,"BannerOptionID":111,"FileName":"/ImageRepository/Document?documentID=12969","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=12969" />'); }); }); </script> </div> </div><!-- GBs --><!-- <div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap"> <div data-cpRole="contentContainer" id="gbsTS"></div> </div> </div> --><!-- Footer --><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="558c5817-a180-4e1e-b320-e897c38ad2a1"> <div class="row nest first last wide"> <div class="inner col col24 first last id7eb6093c-b30f-4b55-845c-9394ec4ab948" style="" data-widgetcontainerid="7eb6093c-b30f-4b55-845c-9394ec4ab948"> <div data-widget-id="fca5c721-3f5f-48b0-88ea-8c08592e008b" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvfca5c721-3f5f-48b0-88ea-8c08592e008b" 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="headerfca5c721-3f5f-48b0-88ea-8c08592e008b"> <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) { $('#divInfoAdvfca5c721-3f5f-48b0-88ea-8c08592e008b .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="8fa93b0a-a66a-4b59-8c35-6c3b0f12c39c"> <div class="row nest first wide"> <div class="inner col col24 first last id8879a42f-bb46-4648-a31e-667e62e56110" style="" data-widgetcontainerid="8879a42f-bb46-4648-a31e-667e62e56110"> <div data-widget-id="a7158eae-984d-40e6-ba30-b157465ddc4b" 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="divInfoAdva7158eae-984d-40e6-ba30-b157465ddc4b" 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="headera7158eae-984d-40e6-ba30-b157465ddc4b"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid5 "> <div class="row autoWidths center wide"> <div class="col col1 first "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <span style="font-size: 15.2px;">535 Telfair Street, Suite 500</span><br> </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <span style="color: rgb(51, 51, 51); font-family: Muli, Ubuntu, sans-serif; font-size: 14.4px; background-color: rgb(255, 255, 255);">Augusta, GA 30901</span><br> </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <span style="font-size: 14.4px; background-color: rgb(255, 255, 255); color: rgb(51, 51, 51);"><span style="font-size: 11pt; font-family: Arial;">Email:<a href="/cdn-cgi/l/email-protection#9ac8f3f9f2f7f5f4fedff6fff9eef3f5f4e9dafbeffdefe9eefbfdfbb4fdf5ec" style=""><span class="__cf_email__" data-cfemail="7c0e151f14111312181910191f081513120f3c1d091b090f081d1b1d521b130a">[email protected]</span></a></span><br> </span><br> </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <span style="font-size: 15.2px;">Phone: 706-821-2340</span><br> <div id="radePasteHelper" style="position: absolute; left: -10000px; border: 0px solid red; top: 0px; width: 1px; height: 1px; overflow: hidden;"> <table class="classicItems" summary="Items" border="0" width="100%" cellpadding="2" cellspacing="1" style="box-sizing: inherit; border-collapse: collapse; border-spacing: 0px; border-color: rgb(176, 192, 208); color: rgb(51, 51, 51); font-family: Muli, Ubuntu, sans-serif; background-color: rgb(233, 238, 243);"> <tbody style="box-sizing: inherit;"> <tr style="box-sizing: inherit; background-color: rgb(255, 255, 255); border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(176, 192, 208); border-bottom-color: rgb(176, 192, 208); border-left-color: rgb(176, 192, 208); border-image: initial; border-top-style: initial; border-top-color: initial;"> <td valign="top" class="adminthin" style="box-sizing: inherit; padding: 0.75rem 0px 0.75rem 0.75rem;"> <div style="box-sizing: inherit; cursor: pointer;">Phone: 706-821-2368</div> </td> </tr> </tbody> </table> </div> <div id="radePasteHelper" style="position: absolute; left: -10000px; border: 0px solid red; top: 0px; width: 1px; height: 1px; overflow: hidden;"> <table class="classicItems" summary="Items" border="0" width="100%" cellpadding="2" cellspacing="1" style="box-sizing: inherit; border-collapse: collapse; border-spacing: 0px; border-color: rgb(176, 192, 208); color: rgb(51, 51, 51); font-family: Muli, Ubuntu, sans-serif; background-color: rgb(233, 238, 243);"> <tbody style="box-sizing: inherit;"> <tr style="box-sizing: inherit; background-color: rgb(255, 255, 255); border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(176, 192, 208); border-bottom-color: rgb(176, 192, 208); border-left-color: rgb(176, 192, 208); border-image: initial; border-top-style: initial; border-top-color: initial;"> <td valign="top" class="adminthin" style="box-sizing: inherit; padding: 0.75rem 0px 0.75rem 0.75rem;"> <div style="box-sizing: inherit; cursor: pointer;">Phone: 706-821-2368</div> </td> </tr> </tbody> </table> </div> <div id="radePasteHelper" style="position: absolute; left: -10000px; border: 0px solid red; top: 0px; width: 1px; height: 1px; overflow: hidden;"> <table class="classicItems" summary="Items" border="0" width="100%" cellpadding="2" cellspacing="1" style="box-sizing: inherit; border-collapse: collapse; border-spacing: 0px; border-color: rgb(176, 192, 208); color: rgb(51, 51, 51); font-family: Muli, Ubuntu, sans-serif; background-color: rgb(233, 238, 243);"> <tbody style="box-sizing: inherit;"> <tr style="box-sizing: inherit; background-color: rgb(255, 255, 255); border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(176, 192, 208); border-bottom-color: rgb(176, 192, 208); border-left-color: rgb(176, 192, 208); border-image: initial; border-top-style: initial; border-top-color: initial;"> <td valign="top" class="adminthin" style="box-sizing: inherit; padding: 0.75rem 0px 0.75rem 0.75rem;"> <div style="box-sizing: inherit; cursor: pointer;">Phone: 706-821-2368</div> </td> </tr> </tbody> </table> </div> <div id="radePasteHelper" style="position: absolute; left: -10000px; border: 0px solid red; top: 0px; width: 1px; height: 1px; overflow: hidden;"> <table class="classicItems" summary="Items" border="0" width="100%" cellpadding="2" cellspacing="1" style="box-sizing: inherit; border-collapse: collapse; border-spacing: 0px; outline: 0px; border-color: rgb(176, 192, 208); color: rgb(51, 51, 51); font-family: Muli, Ubuntu, sans-serif; background-color: rgb(233, 238, 243);"> <tbody style="box-sizing: inherit; outline: 0px;"> <tr style="box-sizing: inherit; outline: 0px; background-color: rgb(255, 255, 255); border-width: 0px 1px 1px; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-right-color: rgb(176, 192, 208); border-bottom-color: rgb(176, 192, 208); border-left-color: rgb(176, 192, 208); border-image: initial; border-top-style: initial; border-top-color: initial;"> <td valign="top" class="adminthin" style="box-sizing: inherit; padding: 0.75rem 0px 0.75rem 0.75rem; outline: 0px;"> <div style="box-sizing: inherit; outline: 0px; cursor: pointer;">Phone: 706-821-2368</div> </td> </tr> </tbody> </table> </div> </li> </ol> </div> <div class="col col1 last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <span style="font-size: 15.2px;">Fax: 706-821-2814</span><br> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdva7158eae-984d-40e6-ba30-b157465ddc4b .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> <div class="row nest last wide"> <div class="inner col col24 first last id7ceca177-4c6e-4fd3-8e09-ae73c7e4f002" style="" data-widgetcontainerid="7ceca177-4c6e-4fd3-8e09-ae73c7e4f002"> <div data-widget-id="3197132c-0ce3-4592-9b1f-e69659243f1a" 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="widgetQuicklink3197132c-0ce3-4592-9b1f-e69659243f1a" class="widget widgetQuickLinks skin22 widgetOptionSet59 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader3197132c-0ce3-4592-9b1f-e69659243f1a"> <header class="widgetHeader" id="quickLinksHeader3197132c-0ce3-4592-9b1f-e69659243f1a"> <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> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="e049b210-7895-4a4d-9298-918d829779be"> <div class="row nest first last wide"> <div class="inner col col24 first last id761d6396-52f6-4182-8de2-1655b9533ac9" style="" data-widgetcontainerid="761d6396-52f6-4182-8de2-1655b9533ac9"> <div data-widget-id="e08131d0-df4c-4eca-9529-4aaed50aa7f9" 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="widgetQuicklinke08131d0-df4c-4eca-9529-4aaed50aa7f9" class="widget widgetQuickLinks skin22 widgetOptionSet59 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeadere08131d0-df4c-4eca-9529-4aaed50aa7f9"> <header class="widgetHeader" id="quickLinksHeadere08131d0-df4c-4eca-9529-4aaed50aa7f9"> <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> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="af32c4fa-ea9c-4609-9b2a-97ed34ecfe13"> <div class="row nest first last wide"> <div class="inner col col24 first last id72d1a33c-a0de-4686-aabd-daecd6930cfc" style="" data-widgetcontainerid="72d1a33c-a0de-4686-aabd-daecd6930cfc"> <div data-widget-id="96b6bcd6-44dc-4396-ab17-c733e0a85207" 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="widgetQuicklink96b6bcd6-44dc-4396-ab17-c733e0a85207" 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="quickLinksHeader96b6bcd6-44dc-4396-ab17-c733e0a85207"> <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> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="c475d7a2-d5f9-4f29-90fd-bb9cadf7b4f3"> <div class="row nest first last wide"> <div class="inner col col24 first last id60120b01-ef40-49f7-8707-4eede10860b0" style="" data-widgetcontainerid="60120b01-ef40-49f7-8707-4eede10860b0"> <div data-widget-id="ee0fbcb9-770a-4cbf-adb9-ce44cf1492ac" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetee0fbcb9-770a-4cbf-adb9-ce44cf1492ac" class="widget widgetGraphicLinks skin22 widgetOptionSet69 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 autoWidths center wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/boefacebook" 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="/boeinstagram" target="_self" aria-label="Instagram-48x48 graphic"><img src="/ImageRepository/Document?documentID=17218" class="graphicButtonLink" alt="Instagram-48x48" onmouseover="this.src='/ImageRepository/Document?documentID=17213'" onmouseout="this.src='/ImageRepository/Document?documentID=17218'" onfocus="this.src='/ImageRepository/Document?documentID=17213'" onblur="this.src='/ImageRepository/Document?documentID=17218'"> </a></div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/boetwitter" 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> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div></div> </footer><!-- Powered By --><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> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </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"> <!-- Content from the Froala Editor will go here. --> 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: '2774', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/-200567606.js" type="text/javascript"></script> <!----------Google Translate (Mobile Friendly)---------> <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> <!--------------End Google Translate-----------------> <!-- Fixed Nav Adjustment --> <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> <!-- End Fixed Nav Adjustment --> <!-- Fixed Nav Adjustment --> <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> <!-- End Fixed Nav Adjustment --> <!-- Move banner to outer wrap --> <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>