1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 6 <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 7<!-- Google Tag Manager for GA4 --> 8
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-X1R2FZSHH3';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= false; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 <meta name="facebook-domain-verification" content="w9f6401tg3p21lpmpw0f3bfx4cxhlj" /> 118 119<!-- Meta Pixel Code --> 120
121<script>
vendor: 426 bytes, lines 121-139
121 122 123!function(f,b,e,v,n,t,s) 124 125{if(f.fbq)return;n=f.fbq=function(){n.callMethod? 126 127n.callMethod.apply(n,arguments):n.queue.push(arguments)}; 128 129if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0'; 130 131n.queue=[];t=b.createElement(e);t.async=!0; 132 133t.src=v;s=b.getElementsByTagName(e)[0]; 134 135s.parentNode.insertBefore(t,s)}(window, document,'script', 136 137'https://connect.facebook.net/en_US/fbevents.js'); 138 139fbq('init', '
139368408965175247
vendor: 36 bytes, lines 139-142
139'); 140 141fbq('track', 'PageView'); 142
143</script>
143 144 145<noscript><img height="1" width="1" style="display:none" 146 147src=https://www.facebook.com/tr?id=368408965175247&ev=PageView&noscript=1 148 149/></noscript> 150 151<!-- End Meta Pixel Code --> 152 153<!-- Google Tag Manager --> 154
155<script>
vendor: 339 bytes, lines 155-163
155(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 156 157new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 158 159j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 160 161'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 162 163})(window,document,'script','dataLayer','
163GTM-W5G7774G
vendor: 3 bytes, line 163
163');
163</script>
163 164 165 <meta name="category0" content="Home" /> 166<meta name="category1" content="Your Government" /> 167 168 169 <meta name="theme-color" content="rgb(102, 122, 115)"> 170 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 171 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 172 <title>Your Government | Abbeville, SC</title> 173 174 <meta name="description" content="Locate information on the mayor, city council, and the Abbeville local government."> 175
175<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
175 176
176<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
176 177 178 179 <!--[if IE 6]>
179<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
179<![endif]--> 180 <!--[if IE 7]>
180<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
180<![endif]--> 181 <!--[if IE 8]>
181<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
181<![endif]--> 182 <!--[if IE 9]>
182<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
182<![endif]--> 183
183<script type="text/javascript"><!-- 184 var intCountryCode = 840; 185 var order = ''; 186//--></script>
186 187 188 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/2041760431.css" rel="stylesheet" type="text/css" /> 189 190 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 191
191<script type="text/javascript"> 192 window.Pages = window.Pages || {}; 193 // FrontEnd RWD initialization 194 window.Pages.rwdReady = $.Deferred(); 195 window.Pages.toolBarDeferred = $.Deferred(); 196 window.Pages.rwdSetupComplete = $.Deferred(); 197 window.Pages.megaMenuLoaded = $.Deferred(); 198 window.Pages.angularToolbarComplete = $.Deferred(); 199 window.Pages.frontEndToolbarComplete = $.Deferred(); 200 </script>
200 201 <!--CPHeadContent--> 202
202<script src="/739942322.js" type="text/javascript"></script>
202 203 204 205 206 207 208 209 210 211 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 212 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 213 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 214 <!--[if lt IE 9]>
214<script type="text/javascript" src="/Scripts/html5.js"></script>
214<![endif]--> 215 216
216<script type="text/javascript"> 217 setEditorVariables(false, 840); 218 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 219 </script>
219 220
220<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
220 221</head> 222<body class="wide " > 223 224
224<script>jQuery(document).click(function (event) { 225 var target = jQuery(event.target); 226 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 227 var text = target.attr('title'); 228 229 if (!text.length) { 230 text = "N/A"; 231 } 232 ga('send', 233 { 234 hitType: 'event', 235 eventCategory: 'Image', 236 eventAction: 'Image - ' + text, 237 eventLabel: window.location.href 238 }); 239 } 240 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 241 var text = ""; 242 if (target.parents('.button')[0]) { 243 text = target.parents('.button').first().text(); 244 } else if (target.text().length) { 245 text = target.text(); 246 } else if (target.attr('title').length) { 247 text = target.attr('title'); 248 } 249 if (!text.length) { 250 text = "N/A"; 251 } 252 ga('send', 253 { 254 hitType: 'event', 255 eventCategory: 'Button', 256 eventAction: 'Button - ' + text, 257 eventLabel: window.location.href 258 }); 259 } 260 if (target.parents('.widgetCustomHtml').length) { 261 ga('send', 262 { 263 hitType: 'event', 264 eventCategory: 'Custom Html',
265 eventAction: 'Custom Html Clicked', 266 eventLabel: window.location.href 267 }); 268 } 269 if (target.parents('.editor').length) { 270 ga('send', 271 { 272 hitType: 'event', 273 eventCategory: 'Editor', 274 eventAction: 'Editor Link Clicked', 275 eventLabel: window.location.href 276 }); 277 } 278 if (target.parents('.GraphicLinks').length) { 279 var text = ""; 280 var targetGraphicLink = target; 281 if (target.hasClass('widgetGraphicLinksLink')) { 282 targetGraphicLink = jQuery(target.children()[0]); 283 } 284 if (targetGraphicLink.hasClass('text')) { 285 text = targetGraphicLink.text(); 286 } else if (targetGraphicLink.attr('src').length) { 287 if (targetGraphicLink.attr('alt').length) { 288 text = targetGraphicLink.attr('alt'); 289 } else { 290 text = targetGraphicLink.attr('src'); 291 } 292 } else { 293 text = "N/A"; 294 } 295 ga('send', 296 { 297 hitType: 'event', 298 eventCategory: 'Graphic Links', 299 eventAction: 'Graphic Link - ' + text, 300 eventLabel: window.location.href 301 }); 302 } 303 if (target.parents('.InfoAdvanced').length) { 304 ga('send', 305 { 306 hitType: 'event', 307 eventCategory: 'Info Advanced', 308 eventAction: 'Info Advanced Clicked', 309 eventLabel: window.location.href 310 }); 311 } 312 if (target.parents('.list').length) { 313 ga('send', 314 { 315 hitType: 'event', 316 eventCategory: 'List', 317 eventAction: 'List Clicked', 318 eventLabel: window.location.href 319 }); 320 } 321 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 322 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 323 var breadCrumbs = []; 324 jQuery('.breadCrumbs > li').each(function () { 325 breadCrumbs.push(this.textContent); 326 }); 327 var pageTitle = breadCrumbs.join('>'); 328 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 329 var text = ""; 330 if (pageTitle) { 331 text += pageTitle + " | "; 332 } else { 333 text += document.title + ' - '; 334 } 335 if (target.text() == "" && megaMenuText == "") { 336 text += "N/A"; 337 } else if (target.text().length && megaMenuText.length) { 338 if (megaMenuText == target.text()) { 339 text += megaMenuText; 340 } else { 341 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 342 } 343 } else if (target.text() == "") { 344 text += megaMenuText; 345 } else { 346 text += target.text(); 347 } 348 if (!text.length) { 349 text = "N/A"; 350 } 351 ga('send', 352 { 353 hitType: 'event', 354 eventCategory: 'Mega Menu', 355 eventAction: 'Mega Menu : ' + text, 356 eventLabel: window.location.href 357 }); 358 } 359 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 360 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 361 if (!text.length) { 362 text = "N/A"; 363 } 364 ga('send', 365 { 366 hitType: 'event', 367 eventCategory: 'News Flash', 368 eventAction: 'News Flash - ' + text, 369 eventLabel: window.location.href 370 }); 371 } 372 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 373 var text = target.text(); 374 if (!text.length) { 375 text = "N/A"; 376 } 377 ga('send', 378 { 379 hitType: 'event', 380 eventCategory: 'Quick Links', 381 eventAction: 'Quick Links - ' + text, 382 eventLabel: window.location.href 383 }); 384 } 385 if (target.attr('src') && target.parents('.cpSlideshow').length) { 386 var text = target.attr('title'); 387 if (!text.length) { 388 text = "N/A"; 389 } 390 ga('send', 391 { 392 hitType: 'event', 393 eventCategory: 'Slideshow', 394 eventAction: 'Slideshow - ' + text, 395 eventLabel: window.location.href 396 }); 397 } 398 if (target.parents('.widgetText').length) { 399 ga('send', 400 { 401 hitType: 'event', 402 eventCategory: 'Text', 403 eventAction: 'Text Link Clicked', 404 eventLabel: window.location.href 405 }); 406 } 407});</script>
407 408 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 409 <div class="cp-PopOver-header"> 410 <h3 class="cp-PopOver-title"></h3> 411 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 412 <svg class="cp-Icon--close" alt="close" title="close"> 413 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 414 </svg> 415 </button> 416 </div> 417 <div id="cpPopOverBody" class="cp-PopOver-body"> 418 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 419 </div> 420 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 421 <div class="cp-BtnGroup" id="actionButtons"> 422 <!-- Action buttons will be dynamically added here --> 423 </div> 424 </div> 425</div> 426 <div id="fb-root"></div> 427<div id=skipToContentLinks> 428<a href="#cc2c757020-d135-480b-b624-be81437783f1" target="_self" class="skipToContentLink">Skip to Main Content</a> 429</div> 430 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 431 432 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 433 434 435 436 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 437 <input type="hidden" id="hdnStructureID" value="7" /> 438 <input type="hidden" id="hdnContentCollectionID" value="629bebfc-1625-4433-8b42-7000b8cd6e1a" /> 439 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 440 <input type="hidden" id="hdnThemeID" value="21" /> 441 <input type="hidden" id="pageIsFrontEnd" value="true" /> 442 <input type="hidden" id="pageModuleID" /> 443 <input type="hidden" id="pagePageID" value="27" /> 444 445 <div id="stickyPlaceholder"></div> 446 <div id="outer-wrap" class="outer-wrap"> 447 <div id="inner-wrap" class="inner-wrap"> 448 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 449 450 451 452 453<!-- Begin Signed Out Bar --> 454<div class="cpToolbar user public"> 455 <div class="inner selfClear"> 456 <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> 457 <ul class="nav secondary"> 458 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 459 </ul> 460 </div> 461</div>
462<script> 463 $(document).ready(function () { 464 $('#signedOutToolbarCreateProfileButton').click(function (event) { 465 event.preventDefault(); 466 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 467 }); 468 469 470 $('#loggedOutToolbarSignInButton').click(function (event) { 471 event.preventDefault(); 472 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 473 }); 474 475 476 if ('False' == 'True') { 477 $('#loggedOutToolbarSignInButton').hide(); 478 } 479 }) 480</script>
480 481<!-- End Signed Out Bar --> 482 483 </div> 484 <div id="bodyWrapper"> 485 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 486 487<div data-cpRole="structuralContainer" id="bodyContainerTS"> 488<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"><div class="inner"> 489<div class="siteWrap10" id="flexHeaderTS"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 490 491 492 493 494 <a id="bannerLogoTS-64" style=" display: block; text-align: center; 495" class="bannerObject" href="/" target="_self"><img alt="Abbeville SC Homepage" class="bannerObject" height="172" src="/ImageRepository/Document?documentID=2670" width="600" /></a> 496</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 497<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 498--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 499 --><!-- 500 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavYourGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Your-Government" target = "_self" > Your Government </a> <!-- 501 --><!-- 502 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 503 --><!-- 504 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavCityServices" class="navMainItem mainNavItem mainNavItem2 " href="/101/City-Services" target = "_self" > City Services </a> <!-- 505 --><!-- 506 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 507 --><!-- 508 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavDoingBusiness" class="navMainItem mainNavItem mainNavItem3 " href="/35/Doing-Business" target = "_self" > Doing Business </a> <!-- 509 --><!-- 510 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="False"><!-- 511 --><!-- 512 --> <a role="menuitem" id="mainNavMakeaPayment" class="navMainItem mainNavItem mainNavItem4" href="/31/Make-a-Payment" target="_self"> Make a Payment </a> <!-- 513 --><!-- 514 --></li><!----> 515</ol> 516 517 518
518<script type="text/javascript"> 519 (function () { 520 function setupMenu() { 521 const menuID = 'mainNavMenu'; 522 const menuType = MAIN_MENU; 523 524 //setup menu manager properties for main menu 525 if (!menuManager.mobileMainNav && true) 526 menuManager.adjustMainItemsWidth('#' + menuID); 527 menuManager.isMainMenuEditable = false; 528 menuManager.mainMenuMaxSubMenuLevels = 4; 529 menuManager.setMOMMode(2, menuType); 530 531 //Init main menu 532 const setupDraggable = menuManager.isMainMenuEditable; 533 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=21&menuContainerID=mainNav'; 534 535 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 536 menuManager.mainMenuInit = true; 537 menuManager.mainMenuTextResizer = false; 538 if (1.00 > 0) 539 menuManager.mainMenuTextResizerRatio = 1.00; 540 if (window.isResponsiveEnabled) 541 menuManager.mainMenuReady.resolve(); 542 543 } 544 545 if (document.readyState === "complete" 546 || document.readyState === "loaded" 547 || document.readyState === "interactive") { 548 setupMenu(); 549 return; 550 } 551 552 document.addEventListener("DOMContentLoaded", setupMenu); 553 })(); 554 </script>
554 555 556 557<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc24746f09-0d29-44ec-9499-449f0ad9da62" data-containerid="24746f09-0d29-44ec-9499-449f0ad9da62" class="pageContent cpGrid cpGrid24"> 558 559 560 561 562 </div> 563</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="ccae615412-4169-4ee8-9939-aeb6d6f7dacf" data-containerid="ae615412-4169-4ee8-9939-aeb6d6f7dacf" class="pageContent cpGrid cpGrid24"> 564 565 566 567 568 </div> 569</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="ccec1be03f-dd81-4c3c-bfb5-85f0205f1dcf" data-containerid="ec1be03f-dd81-4c3c-bfb5-85f0205f1dcf" class="pageContent cpGrid cpGrid24"> 570 571 572 573 574 </div> 575</aside></aside></nav><div data-cpRole="contentContainer" id="searchTS1"> <div id="cc0148f414-e28b-44b3-a1d4-9f1a875438a7" data-containerid="0148f414-e28b-44b3-a1d4-9f1a875438a7" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 576 577 578 <div class="row outer wide"><!-- 579--><div class="outer col col24 first last" style="" data-widgetcontainerid="9cf0303f-de3f-4a3a-9ae9-b82227843c29">� 580 <div class="row nest first last wide">� 581 582 <div class="inner col col24 first last id5ee52578-6d57-42f4-bfaa-c59680057585" style="" data-widgetcontainerid="5ee52578-6d57-42f4-bfaa-c59680057585">� 583<div data-widget-id="95ae943c-f194-497b-bb3e-daa2285e0c1e" data-widget-controller-path="/Layout/WidgetSearch"> 584 585
585<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
585 586
586<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
586 587
587<script defer type="text/javascript"> 588 589 $(document).ready(function () { 590 try { 591 // Minimum characters required before performing a search/autocomplete 592 var minPrefixLength = 3; 593 var autoCompleteDebounceDelay = 500; 594 var searchFieldSelector = "#searchField" + '95ae943c-f194-497b-bb3e-daa2285e0c1e'; 595 var checkboxSelector = "#ysnSearchOnlyDept" + '95ae943c-f194-497b-bb3e-daa2285e0c1e'; 596 var buttonSelector = ".widgetSearchButton" + '95ae943c-f194-497b-bb3e-daa2285e0c1e'; 597 var autoCompleteCache = {}; 598 var autoCompleteCacheKeys = []; 599 var autoCompleteCacheLimit = 25; 600 var currentAutoCompleteRequest = null; 601 var currentAutoCompleteRequestKey = null; 602 var autoCompleteDebounceTimer = null; 603 var autoCompleteDebounceKey = null; 604 var pendingAutoCompleteResponses = []; 605 606 function normalizeAutoCompleteTerm(term) { 607 return $.trim((term || "") + "").replace(/\s+/g, " "); 608 } 609 610 function shouldSearch(term) { 611 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 612 } 613 614 function getAutoCompleteUrl() { 615 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 616 } 617 618 function getAutoCompleteCacheKey(requestUrl, term) { 619 return requestUrl + "|" + term.toLowerCase(); 620 } 621 622 function cacheAutoCompleteResult(cacheKey, data) { 623 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 624 autoCompleteCacheKeys.push(cacheKey); 625 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 626 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 627 } 628 } 629 autoCompleteCache[cacheKey] = data; 630 } 631 632 function respondToPendingAutoComplete(data) { 633 var responses = pendingAutoCompleteResponses; 634 pendingAutoCompleteResponses = []; 635 for (var i = 0; i < responses.length; i++) { 636 responses[i](data); 637 } 638 } 639 640 function cancelPendingAutoComplete() { 641 clearTimeout(autoCompleteDebounceTimer); 642 autoCompleteDebounceKey = null; 643 if (currentAutoCompleteRequest != null) { 644 currentAutoCompleteRequest.abort(); 645 currentAutoCompleteRequest = null; 646 } 647 currentAutoCompleteRequestKey = null; 648 respondToPendingAutoComplete([]); 649 } 650 651 function createWidgetAutoCompleteSource(options) { 652 return function (request, response) { 653 var term = normalizeAutoCompleteTerm(request.term); 654 if (!options.shouldSearch(term)) { 655 response([]); 656 return; 657 } 658 659 var requestUrl = options.url(); 660 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 661 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 662 response(autoCompleteCache[cacheKey]); 663 if (options.success) { 664 options.success(autoCompleteCache[cacheKey]); 665 } 666 return; 667 } 668 669 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 670 pendingAutoCompleteResponses.push(response); 671 return; 672 } 673 674 cancelPendingAutoComplete(); 675 autoCompleteDebounceKey = cacheKey; 676 pendingAutoCompleteResponses.push(response); 677 autoCompleteDebounceTimer = setTimeout(function () { 678 autoCompleteDebounceKey = null; 679 currentAutoCompleteRequestKey = cacheKey; 680 currentAutoCompleteRequest = $.ajax({ 681 url: requestUrl, 682 dataType: "json", 683 timeout: options.timeout, 684 data: { 685 term: term, 686 }, 687 success: function (data) { 688 if (currentAutoCompleteRequestKey === cacheKey) { 689 cacheAutoCompleteResult(cacheKey, data); 690 respondToPendingAutoComplete(data); 691 if (options.success) { 692 options.success(data); 693 } 694 } 695 }, 696 error: function (xmlhttprequest, textstatus, message) { 697 if (textstatus === "abort") { 698 return; 699 } 700 701 if (options.error) { 702 options.error(xmlhttprequest, textstatus, message); 703 } 704 705 respondToPendingAutoComplete([]); 706 }, 707 complete: function (xmlhttprequest) { 708 if (currentAutoCompleteRequest === xmlhttprequest) { 709 currentAutoCompleteRequest = null;
710 currentAutoCompleteRequestKey = null; 711 } 712 } 713 }); 714 }, options.delay); 715 }; 716 } 717 718 // click handler for search buttons 719 $(buttonSelector).click(function (e) { 720 e.preventDefault(); 721 var $btn = $(this); 722 var $field = $btn.siblings(".widgetSearchBox"); 723 var term = $field.val() + ""; 724 if (!shouldSearch(term)) { 725 // do nothing until user types enough characters 726 $field.focus(); 727 return; 728 } 729 730 if ($(checkboxSelector).is(':checked') || false) 731 { 732 doWidgetSearch($.trim(term), Number(0)); 733 } 734 else { 735 doWidgetSearch($.trim(term), 0); 736 } 737 }); 738 739 // enter key handler for the search field 740 $(searchFieldSelector).keypress(function (e) { 741 var code = e.which || e.keyCode; 742 if (code === 13) { 743 e.preventDefault(); 744 var $this = $(this); 745 var term = $this.val() + ""; 746 if (!shouldSearch(term)) { 747 // do nothing until user types enough characters 748 $this.focus(); 749 return false; 750 } 751 752 if ($(checkboxSelector).is(':checked') || false) { 753 doWidgetSearch($.trim(term), Number(0)); 754 } else { 755 doWidgetSearch($.trim(term), 0); 756 } 757 return false; 758 } 759 return true; 760 }); 761 762 // autocomplete: set minLength and guard source 763 if (true) { 764 var $searchField = $(searchFieldSelector).autocomplete({ 765 minLength: minPrefixLength, 766 source: createWidgetAutoCompleteSource({ 767 delay: autoCompleteDebounceDelay, 768 timeout: 10000, 769 shouldSearch: shouldSearch, 770 url: getAutoCompleteUrl, 771 success: function () { 772 $('.autoCompleteError').remove(); 773 }, 774 error: function (xmlhttprequest, textstatus, message) { 775 if (textstatus === "timeout") { 776 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 777 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 778 } 779 } 780 }), 781 html: true, 782 delay: 0, 783 select: function (event, ui) { 784 $(this).val(ui.item.value); 785 $(this).next().click(); 786 } 787 }); 788 789 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 790 return $("<li class=\"itemList\"></li>") 791 .data("ui-autocomplete-item", item) 792 .append("<a>" + item.label + "</a>") 793 .appendTo(ul); 794 }; 795 } 796 797 // keep searchBtnApplyQuery consistent with prefix rule 798 window.searchBtnApplyQuery = function() { 799 var $field = $(searchFieldSelector); 800 var term = $field.val() + ""; 801 if (shouldSearch(term)) { 802 // update href for the icon/button (if present) 803 var btn = document.getElementById("btnSearchIcon"); 804 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 805 } else { 806 var btn = document.getElementById("btnSearchIcon"); 807 if (btn) btn.href = "#"; 808 } 809 }; 810 } 811 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. 812 }); 813 </script>
813 814 815 <section id="widgetPreviewSearch" class="widget widgetSearch skin63 widgetOptionSet45" style="display: block;" aria-label="Search"> 816 <!-- For the button right and inside --> 817 <div class="widgetBody buttonRightInside"> 818 <input class="widgetSearchBox widgetSearchBox95ae943c-f194-497b-bb3e-daa2285e0c1e" cp5ph="true" id="searchField95ae943c-f194-497b-bb3e-daa2285e0c1e" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 819 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton95ae943c-f194-497b-bb3e-daa2285e0c1e" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=2699" data-image="/ImageRepository/Document?documentID=2700" src="/ImageRepository/Document?documentID=2700" /></a> 820 821 <label class="searchLabel" aria-hidden="true" for="searchField95ae943c-f194-497b-bb3e-daa2285e0c1e">Search</label> 822 </div> 823 824 </section> 825 826 827<style scoped> 828 829 .widgetSearch ::-webkit-input-placeholder { 830 color: #1b1b1b; 831 } 832 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 833 color: #1b1b1b; 834 } 835 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 836 color: #1b1b1b; 837 } 838 .widgetSearch :-ms-input-placeholder { 839 color: #1b1b1b; 840 } 841 842 843 .widgetSearch .widgetBody .widgetSearchBox95ae943c-f194-497b-bb3e-daa2285e0c1e 844 { 845 color: #1b1b1b; 846 background-color: #fff; 847height: 56px; 848border: solid 2px #9ab9ad; 849font-family: Arial; 850font-size: 16px; 851padding: 0 74px 0 24px; 852 } 853 .widgetSearch .widgetBody .widgetSearchButton95ae943c-f194-497b-bb3e-daa2285e0c1e 854 { 855 margin-right: -2px; 856 } 857 .widgetSearch .widgetSearch-onlyDept95ae943c-f194-497b-bb3e-daa2285e0c1e 858 { 859 display: inline-block; 860 color: #333; 861 862 863 padding-top: 10px; 864 } 865 #ysnSearchOnlyDept95ae943c-f194-497b-bb3e-daa2285e0c1e 866 { 867 position: relative; 868 top: .125em; 869 } 870 871</style> 872 873<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 874<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 875 876 877
878<script type="text/javascript"> 879 //Updates search icons href to have the correct queryString 880 function searchBtnApplyQuery() { 881 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField95ae943c-f194-497b-bb3e-daa2285e0c1e").value; 882 } 883</script>
883 884 885</div> 886 887 </div> <!-- inner column --> 888 889 </div> <!-- inner row --> 890 891 </div><!-- outer column --><!-- --></div> <!-- outer row --> 892 893 894 </div> 895</div></div></div> 896</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 897<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 898<div data-cpRole="structuralContainer" id="bannerSearchTS"> 899<div class="siteWrap8"></div> 900</div> 901</div> 902 903 904 905 906 <div id="bannerImagesJSON63" class="hidden"></div> 907 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 908 <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> 909 <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> 910 </div> 911
911<script type="text/javascript"> 912 $(window).on("load", function () { 913 $.when(window.Pages.rwdSetupComplete) 914 .done(function () { 915 renderExternalBannerSlideshow('banner1', 916 {"BannerOptionID":63,"ThemeID":21,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":89,"BannerOptionID":63,"FileName":"/ImageRepository/Document?documentID=2671","Height":400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":90,"BannerOptionID":63,"FileName":"/ImageRepository/Document?documentID=2672","Height":400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":1,"BannerOptionID":63,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202410220902461158.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 917 '/App_Themes/2024 - Interior/Images/', 918 'Rotating'); 919 }); 920 }); 921 </script>
921 922 923</div> 924</div><!-- Content container --><div data-cpRole="structuralContainer" id="backgroundOverlayTS"> 925<div data-cpRole="structuralContainer" id="mainContainerTS"> 926<div class="siteWrap4"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 927<div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 928<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc062e131e-c9e5-4a87-be4e-01dc858a3dfb" data-containerid="062e131e-c9e5-4a87-be4e-01dc858a3dfb" class="pageContent cpGrid cpGrid24 showInMobile"> 929 930 931 932 933 </div> 934</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 935 936 937 938 939 940 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="27" class="rootNavMenu accordionNav"> 941 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem129" data-pageid="129"> 942 <div class="accordionNavItem"> 943 <a href="/AgendaCenter" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Agendas & Minutes</a> 944 </div> 945 </li> 946 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem199" data-pageid="199"> 947 <div class="accordionNavItem"> 948 <a href="/199/Boards-and-Commissions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Boards and Commissions</a> 949 </div> 950 </li> 951 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem189" data-pageid="189"> 952 <div class="accordionNavItem"> 953 <a href="/189/City-Council" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">City Council</a> 954 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="City Council Submenu" aria-expanded="false" aria-controls="submenu-lvl1-189"></a> 955 </div> 956 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-189" style="display: none;" data-parent="189"> 957 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem419" data-pageid="419"> 958 <div class="accordionNavItem"> 959 <a href="https://www.abbevillecitysc.com/200/Elections" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Election Information</span></a> 960 </div> 961 </li> 962 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem577" data-pageid="577"> 963 <div class="accordionNavItem"> 964 <a href="/577/City-of-Abbeville-Official-Statement-and" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City of Abbeville Official Statement and Supporting Information</span></a> 965 </div> 966 </li> 967 968 </ol> 969 </li> 970 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem187" data-pageid="187"> 971 <div class="accordionNavItem"> 972 <a href="/CivicAlerts.aspx?CID=6" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Citywide News</a> 973 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Citywide News Submenu" aria-expanded="false" aria-controls="submenu-lvl1-187"></a> 974 </div> 975 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-187" style="display: none;" data-parent="187"> 976 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem416" data-pageid="416"> 977 <div class="accordionNavItem"> 978 <a href="/416/Public-Notices" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Notices</span></a> 979 </div> 980 </li> 981 982 </ol> 983 </li> 984 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem201" data-pageid="201"> 985 <div class="accordionNavItem"> 986 <a href="/201/Code-of-Ordinances" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Code of Ordinances</a> 987 </div> 988 </li> 989 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem149" data-pageid="149"> 990 <div class="accordionNavItem"> 991 <a href="/149/Departments" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Departments</a> 992 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Departments Submenu" aria-expanded="false" aria-controls="submenu-lvl1-149"></a> 993 </div> 994 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-149" style="display: none;" data-parent="149"> 995 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem467" data-pageid="467"> 996 <div class="accordionNavItem"> 997 <a href="/467/Abbeville-Public-Utilites" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Abbeville Public Utilites</span></a> 998 </div> 999 </li> 1000 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem150" data-pageid="150"> 1001 <div class="accordionNavItem"> 1002 <a href="/150/Administration" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1002Administration</span></a> 1003 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Administration Submenu" aria-expanded="false" aria-controls="submenu-lvl2-150"></a> 1004 </div> 1005 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-150" style="display: none;" data-parent="150"> 1006 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem156" data-pageid="156"> 1007 <div class="accordionNavItem"> 1008 <a href="/CivicAlerts.aspx?CID=1" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Citywide News</span></a> 1009 </div> 1010 </li> 1011 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem158" data-pageid="158"> 1012 <div class="accordionNavItem"> 1013 <a href="/223/Request-for-Proposals-Request-for-Qualif" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Request for Proposals & Request for Qualifications</span></a> 1014 </div> 1015 </li> 1016 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem152" data-pageid="152"> 1017 <div class="accordionNavItem"> 1018 <a href="/152/Revenue-Collection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Revenue Collection</span></a> 1019 </div> 1020 </li> 1021 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem224" data-pageid="224"> 1022 <div class="accordionNavItem"> 1023 <a href="/DocumentCenter/View/279/Vendor-Contractor-Packet-PDF" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Vendor / Contractor Packet (PDF)</span></a> 1024 </div> 1025 </li> 1026 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem279" data-pageid="279"> 1027 <div class="accordionNavItem"> 1028 <a href="/FormCenter/Administration-4/Code-Enforcement-Complaint-Form-43" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code Enforcement Complaint Form</span></a> 1029 </div> 1030 </li> 1031 1032 </ol> 1033 </li> 1034 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem203" data-pageid="203"> 1035 <div class="accordionNavItem"> 1036 <a href="https://abbevillecountysc.com/animal-services/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Animal Services</span></a> 1037 </div> 1038 </li> 1039 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem154" data-pageid="154"> 1040 <div class="accordionNavItem"> 1041 <a href="/154/Building-and-Zoning" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Building and Zoning</span></a> 1042 </div> 1043 </li> 1044 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem518" data-pageid="518"> 1045 <div class="accordionNavItem"> 1046 <a href="/FormCenter/Administration-4/Zoning-Inquiry-Form-86" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Zoning Inquiry Form</span></a> 1047 </div> 1048 </li> 1049 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem151" data-pageid="151"> 1050 <div class="accordionNavItem"> 1051 <a href="/151/City-Managers-Office" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Manager's Office</span></a> 1052 </div> 1053 </li> 1054 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem291" data-pageid="291"> 1055 <div class="accordionNavItem"> 1056 <a href="/291/Code-Enforcement" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Code Enforcement</span></a> 1057 </div> 1058 </li> 1059 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem155" data-pageid="155"> 1060 <div class="accordionNavItem"> 1061 <a href="/155/Community-Development" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Community Development</span></a> 1062 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Community Development Submenu" aria-expanded="false" aria-controls="submenu-lvl2-155"></a> 1063 </div> 1064 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-155" style="display: none;" data-parent="155"> 1065 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem167" data-pageid="167"> 1066 <div class="accordionNavItem"> 1067 <a href="/167/Festivals-Events" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Festivals & Events</span></a> 1068 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Festivals & Events Submenu" aria-expanded="false" aria-controls="submenu-lvl3-167"></a> 1069 </div> 1070 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-167" style="display: none;" data-parent="167"> 1071 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem496" data-pageid="496"> 1072 <div class="accordionNavItem"> 1073 <a href="/496/Abbeville-Merch" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Abbeville Merch</span></a> 1074 </div> 1075 </li> 1076 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem170" data-pageid="170"> 1077 <div class="accordionNavItem"> 1078 <a href="/170/Spring-Festival" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Spring Festival</span></a> 1079 </div> 1080 </li> 1081 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem528" data-pageid="528"> 1082 <div class="accordionNavItem"> 1083 <a href="/528/Kids-Summer-Activities" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Kids Summer Activities </span></a> 1084 </div> 1085 </li> 1086 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem176" data-pageid="176"> 1087 <div class="accordionNavItem"> 1088 <a href="/176/Hogs-Hens-Festival" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Hogs & Hens Festival</span></a> 1089 </div> 1090 </li> 1091 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem444" data-pageid="444"> 1092 <div class="accordionNavItem"> 1093 <a href="/444/Halloween-Events" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Halloween Events</span></a> 1094 </div> 1095 </li> 1096 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem455" data-pageid="455"> 1097 <div class="accordionNavItem"> 1098 <a href="/455/Christmas-in-Abbeville" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Christmas in Abbeville</span></a> 1099 </div> 1100 </li> 1101 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem322" data-pageid="322"> 1102 <div class="accordionNavItem"> 1103 <a href="/310/City-Opera-House-Events" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Abbeville Opera House</span></a> 1104 </div> 1105 </li> 1106 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem348" data-pageid="348"> 1107 <div class="accordionNavItem"> 1108 <a href="/347/The-Livery-Stable" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Livery Stable</span></a> 1109 </div> 1110 </li> 1111 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem330" data-pageid="330"> 1112 <div class="accordionNavItem"> 1113 <a href="/330/Annual-Sponsorship-Packet" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Annual Sponsorship Packet</span></a> 1114 </div> 1115 </li> 1116 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem382" data-pageid="382"> 1117 <div class="accordionNavItem"> 1118 <a href="/DocumentCenter/View/971/New-Special-Events-Form" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Event/Road Closure Permit</span></a> 1119 </div> 1120 </li> 1121 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem511" data-pageid="511"> 1122 <div class="accordionNavItem"> 1123 <a href="/511/Road-Closure-Notices" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Road Closure Notices</span></a> 1124 </div> 1125 </li> 1126 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem547" data-pageid="547"> 1127 <div class="accordionNavItem"> 1128 <a href="/542/Abbeville-Youtube-Channel" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Abbeville YouTube Channel</span></a> 1129 </div> 1130 </li> 1131 1132 </ol> 1133 </li> 1134 1135 </ol> 1136 </li> 1137 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem157" data-pageid="157"> 1138 <div class="accordionNavItem"> 1139 <a href="/157/Finance" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Finance</span></a> 1140 </div> 1141 </li> 1142 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem159" data-pageid="159"> 1143 <div class="accordionNavItem"> 1144 <a href="/159/Fire" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fire</span></a> 1145 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Fire Submenu" aria-expanded="false" aria-controls="submenu-lvl2-159"></a> 1146 </div> 1147 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-159" style="display: none;" data-parent="159"> 1148 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem233" data-pageid="233"> 1149 <div class="accordionNavItem"> 1150 <a href="/233/Photos" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Photos</span></a> 1151 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Photos Submenu" aria-expanded="false" aria-controls="submenu-lvl3-233"></a> 1152 </div> 1153 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-233" style="display: none;" data-parent="233"> 1154 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem161" data-pageid="161"> 1155 <div class="accordionNavItem"> 1156 <a href="/gallery.aspx?AID=3" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Calls</span></a> 1157 </div> 1158 </li> 1159 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem162" data-pageid="162"> 1160 <div class="accordionNavItem"> 1161 <a href="/gallery.aspx?AID=4" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fire Equipment</span></a> 1162 </div> 1163 </li> 1164 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem160" data-pageid="160"> 1165 <div class="accordionNavItem"> 1166 <a href="/gallery.aspx?AID=2" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fire Prevention</span></a> 1167 </div> 1168 </li> 1169 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem165" data-pageid="165"> 1170 <div class="accordionNavItem"> 1171 <a href="/gallery.aspx?AID=7" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">History</span></a> 1172 </div> 1173 </li> 1174 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem164" data-pageid="164"> 1175 <div class="accordionNavItem"> 1176 <a href="/Directory.aspx?DID=10" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Roster</span></a> 1177 </div> 1178 </li> 1179 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem163" data-pageid="163"> 1180 <div class="accordionNavItem"> 1181 <a href="/gallery.aspx?AID=6" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Training</span></a> 1182 </div> 1183 </li> 1184 1185 </ol> 1186 </li> 1187 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem346" data-pageid="346"> 1188 <div class="accordionNavItem"> 1189 <a href="/DocumentCenter/View/687/Fire-Prevention-Flyer" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Fire Prevention</span></a> 1190 </div> 1191 </li> 1192 1193 </ol> 1194 </li> 1195 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem153" data-pageid="153"> 1196 <div class="accordionNavItem"> 1197 <a href="/153/Human-Resources" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Human Resources</span></a> 1198 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Human Resources Submenu" aria-expanded="false" aria-controls="submenu-lvl2-153"></a> 1199 </div> 1200 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-153" style="display: none;" data-parent="153"> 1201 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem555" data-pageid="555"> 1202 <div class="accordionNavItem"> 1203 <a href="/555/Job-Openings" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Job Openings</span></a> 1204 </div> 1205 </li> 1206 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem556" data-pageid="556"> 1207 <div class="accordionNavItem"> 1208 <a href="/556/Employee-Benefits" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Employee Benefits</span></a> 1209 </div> 1210 </li> 1211 1212 </ol> 1213 </li> 1214 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem204" data-pageid="204"> 1215 <div class="accordionNavItem"> 1216 <a href="/204/Municipal-Court" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Municipal Court</span></a> 1217 </div> 1218 </li> 1219 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem166" data-pageid="166"> 1220 <div class="accordionNavItem"> 1221 <a href="/166/Parks-Rec" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parks & Rec</span></a> 1222 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Parks & Rec Submenu" aria-expanded="false" aria-controls="submenu-lvl2-166"></a> 1223 </div> 1224 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-166" style="display: none;" data-parent="166"> 1225 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem177" data-pageid="177"> 1226 <div class="accordionNavItem"> 1227 <a href="http://www.abbevilleyouthathletics.com/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Abbeville Youth Athletics</span></a> 1228 </div> 1229 </li> 1230 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem178" data-pageid="178"> 1231 <div class="accordionNavItem"> 1232 <a href="/178/Recreation-Facilities-Rental-Fees" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Recreation Facilities Rental Fees</span></a> 1233 </div> 1234 </li> 1235 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem308" data-pageid="308"> 1236 <div class="accordionNavItem"> 1237 <a href="/DocumentCenter/View/414/Facilities-Rental-Fees-and-Rules-2018---FINAL" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Recreation Facilities Rules & Regulations</span></a> 1238 </div> 1239 </li> 1240 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem355" data-pageid="355"> 1241 <div class="accordionNavItem"> 1242 <a href="/347/The-Livery-Stable" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">The Livery Stable</span></a> 1243 </div> 1244 </li> 1245 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem575" data-pageid="575"> 1246 <div class="accordionNavItem"> 1247 <a href="/575/Pete-Smith-Renovation-Project" target="_self" class="
1247navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Pete Smith Renovation Project</span></a> 1248 </div> 1249 </li> 1250 1251 </ol> 1252 </li> 1253 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem179" data-pageid="179"> 1254 <div class="accordionNavItem"> 1255 <a href="/179/Police-Department" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Police Department</span></a> 1256 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Police Department Submenu" aria-expanded="false" aria-controls="submenu-lvl2-179"></a> 1257 </div> 1258 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-179" style="display: none;" data-parent="179"> 1259 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem182" data-pageid="182"> 1260 <div class="accordionNavItem"> 1261 <a href="/182/Crime-Prevention" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Crime Prevention</span></a> 1262 </div> 1263 </li> 1264 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem180" data-pageid="180"> 1265 <div class="accordionNavItem"> 1266 <a href="/180/Divisions" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Divisions</span></a> 1267 </div> 1268 </li> 1269 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem181" data-pageid="181"> 1270 <div class="accordionNavItem"> 1271 <a href="/181/Employment" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Employment</span></a> 1272 </div> 1273 </li> 1274 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem529" data-pageid="529"> 1275 <div class="accordionNavItem"> 1276 <a href="/529/APD-Summer-Camp" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">APD Summer Camp</span></a> 1277 </div> 1278 </li> 1279 1280 </ol> 1281 </li> 1282 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem183" data-pageid="183"> 1283 <div class="accordionNavItem"> 1284 <a href="/183/Public-Works" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Works</span></a> 1285 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Public Works Submenu" aria-expanded="false" aria-controls="submenu-lvl2-183"></a> 1286 </div> 1287 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-183" style="display: none;" data-parent="183"> 1288 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem336" data-pageid="336"> 1289 <div class="accordionNavItem"> 1290 <a href="/183/Public-Works" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Works</span></a> 1291 </div> 1292 </li> 1293 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem184" data-pageid="184"> 1294 <div class="accordionNavItem"> 1295 <a href="/184/Sanitation-Recycling" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sanitation & Recycling</span></a> 1296 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Sanitation & Recycling Submenu" aria-expanded="false" aria-controls="submenu-lvl3-184"></a> 1297 </div> 1298 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl3" id="submenu-lvl3-184" style="display: none;" data-parent="184"> 1299 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem383" data-pageid="383"> 1300 <div class="accordionNavItem"> 1301 <a href="/383/Residential-Garbage-Collection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Residential Garbage Collection</span></a> 1302 </div> 1303 </li> 1304 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem384" data-pageid="384"> 1305 <div class="accordionNavItem"> 1306 <a href="/384/Yard-Waste" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Yard Waste</span></a> 1307 </div> 1308 </li> 1309 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem390" data-pageid="390"> 1310 <div class="accordionNavItem"> 1311 <a href="/390/Recycling" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Recycling</span></a> 1312 </div> 1313 </li> 1314 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem391" data-pageid="391"> 1315 <div class="accordionNavItem"> 1316 <a href="/391/Disability-Garbage-Collection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Disability Garbage Collection</span></a> 1317 </div> 1318 </li> 1319 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem385" data-pageid="385"> 1320 <div class="accordionNavItem"> 1321 <a href="/385/Bulk-Items---Furniture-and-Appliances" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Bulk Items - Furniture and Appliances</span></a> 1322 </div> 1323 </li> 1324 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem386" data-pageid="386"> 1325 <div class="accordionNavItem"> 1326 <a href="/386/Construction-Material-and-High-Volume-De" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Construction Material and High-Volume Debris</span></a> 1327 </div> 1328 </li> 1329 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem387" data-pageid="387"> 1330 <div class="accordionNavItem"> 1331 <a href="/387/Bulk-Waste---Evictions" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Bulk Waste - Evictions</span></a> 1332 </div> 1333 </li> 1334 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem388" data-pageid="388"> 1335 <div class="accordionNavItem"> 1336 <a href="/388/Commercial-Garbage-Collection" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Commercial Garbage Collection</span></a> 1337 </div> 1338 </li> 1339 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem389" data-pageid="389"> 1340 <div class="accordionNavItem"> 1341 <a href="/389/List-of-Items-the-City-Does-Not-Collect" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">
1341List of Items the City Does Not Collect</span></a> 1342 </div> 1343 </li> 1344 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem392" data-pageid="392"> 1345 <div class="accordionNavItem"> 1346 <a href="http://www.abbevillecitysc.com/183/Public-Works" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Public Works</span></a> 1347 </div> 1348 </li> 1349 1350 </ol> 1351 </li> 1352 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem299" data-pageid="299"> 1353 <div class="accordionNavItem"> 1354 <a href="/FormCenter/Administration-4/Report-an-Issue-47" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Report an Issue</span></a> 1355 </div> 1356 </li> 1357 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem402" data-pageid="402"> 1358 <div class="accordionNavItem"> 1359 <a href="/402/Major-Infrastructure-Projects" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Major Infrastructure Projects</span></a> 1360 </div> 1361 </li> 1362 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem578" data-pageid="578"> 1363 <div class="accordionNavItem"> 1364 <a href="https://apps.scdot.org/mwro/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">SCDOT Work Request</span></a> 1365 </div> 1366 </li> 1367 1368 </ol> 1369 </li> 1370 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem206" data-pageid="206"> 1371 <div class="accordionNavItem"> 1372 <a href="/184/Sanitation-Recycling" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sanitation & Recycling</span></a> 1373 </div> 1374 </li> 1375 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem333" data-pageid="333"> 1376 <div class="accordionNavItem"> 1377 <a href="/333/City-Employee-Page" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Employee Page</span></a> 1378 </div> 1379 </li> 1380 1381 </ol> 1382 </li> 1383 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem300" data-pageid="300"> 1384 <div class="accordionNavItem"> 1385 <a href="/FormCenter/Administration-4/Report-an-Issue-47" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Report an Issue</a> 1386 </div> 1387 </li> 1388 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem417" data-pageid="417"> 1389 <div class="accordionNavItem"> 1390 <a href="https://www.abbevillecitysc.com/155/Community-Development" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Economic Development </a> 1391 </div> 1392 </li> 1393 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem418" data-pageid="418"> 1394 <div class="accordionNavItem"> 1395 <a href="https://www.abbevillecitysc.com/402/Major-Infrastructure-Projects" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Major Projects</a> 1396 </div> 1397 </li> 1398 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem500" data-pageid="500"> 1399 <div class="accordionNavItem"> 1400 <a href="/500/2023-Comprehensive-Plan" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">2023 Comprehensive Plan </a> 1401 </div> 1402 </li> 1403 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem535" data-pageid="535"> 1404 <div class="accordionNavItem"> 1405 <a href="/535/Housing-Assistance" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Housing Assistance</a> 1406 </div> 1407 </li> 1408 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem549" data-pageid="549"> 1409 <div class="accordionNavItem"> 1410 <a href="/542/Abbeville-Youtube-Channel" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Abbeville YouTube Channel</a> 1411 </div> 1412 </li> 1413 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem576" data-pageid="576"> 1414 <div class="accordionNavItem"> 1415 <a href="https://www.abbevillecitysc.com/575/Pete-Smith-Renovation-Project" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Pete Smith Renovation Project</a> 1416 </div> 1417 </li> 1418 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem582" data-pageid="582"> 1419 <div class="accordionNavItem"> 1420 <a href="/582/Freedom-of-Information-Act-Requests" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Freedom of Information Act Requests</a> 1421 </div> 1422 </li> 1423 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem584" data-pageid="584"> 1424 <div class="accordionNavItem"> 1425 <a href="/DocumentCenter/View/3027/Abbeville-Strategic-Plan-Summary-Profile-Final" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Economic Development Strategic Plan</a> 1426 </div> 1427 </li> 1428 1429 </ol> 1430 1431 1432
1432<script type="text/javascript"> 1433 (function () { 1434 function setupSecondaryMenuProperties() { 1435 //setup menu manager properties for secondary menu 1436 menuManager.isSideMenuEditable = false; 1437 menuManager.sideMenuMaxSubMenuLevels = 4; 1438 menuManager.sideMenuHasCustomLinks = false; 1439 } 1440 1441 if (document.readyState === "loading") { 1442 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1443 return; 1444 } 1445 1446 setupSecondaryMenuProperties(); 1447 })(); 1448 </script>
1448 1449 1450
1450<script type="text/javascript"> 1451 (function () { 1452 function setupAccordionSecondaryNav() { 1453 var $menuContainer = $('#secondaryNav'); 1454 1455 $menuContainer.find('*[id^="SideItem"]').each(function () { 1456 var ids = $('[id="' + this.id + '"]'); 1457 if (ids.length > 1) 1458 $.each(ids, function (index, value) { 1459 value.id = value.id + '_' + index; 1460 }); 1461 }); 1462 1463 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1464 e.preventDefault(); 1465 showHideAccordionMenuForSecondaryNav($(this)); 1466 }); 1467 1468 $menuContainer.find(".grippy").each(function () { 1469 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1470 }); 1471 1472 $menuContainer.find("li").each(function () { 1473 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1474 }); 1475 } 1476 1477 if (document.readyState === "loading") { 1478 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1479 return; 1480 } 1481 1482 setupAccordionSecondaryNav(); 1483 })(); 1484 </script>
1484 1485 1486 1487 1488</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc3c194b94-ba5e-4bc4-bf80-78fc287def12" data-containerid="3c194b94-ba5e-4bc4-bf80-78fc287def12" class="pageContent cpGrid cpGrid24 showInMobile"> 1489 1490 1491 1492 1493 </div> 1494</aside> 1495</div><div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 1496<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1497<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 1498 <li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="27"><a href class="breadCrumb" aria-current="page">Your Government</a></li> 1499 </ol> 1500 1501 1502 1503</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1504 1505 <div id="page" class="moduleContentNew"> 1506 1507 1508 <input id="hdnPageID" name="hdnPageID" type="hidden" value="27" /> 1509 <input id="hdnParentID" name="hdnParentID" type="hidden" value="1" /> 1510 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="1022" /> 1511 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Your Government" /> 1512 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" />
1513 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1514 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1515 1516 <h1 id="versionHeadLine" class="headline"> 1517 1518Your Government </h1> 1519 1520 <div id="cc2c757020-d135-480b-b624-be81437783f1" data-containerid="2c757020-d135-480b-b624-be81437783f1" class="pageContent cpGrid cpGrid24" > 1521 1522 1523 <div class="row outer wide"><!-- 1524--><div class="outer col col24 first last" style="" data-widgetcontainerid="a6f0fd5b-1fc4-42ae-9279-38081d9a1d1a">� 1525 <div class="row nest first last wide">� 1526 1527 <div class="inner col col24 first last idd1c4f2ed-4dce-42fe-8d2a-8aa2fb362d65" style="" data-widgetcontainerid="d1c4f2ed-4dce-42fe-8d2a-8aa2fb362d65">� 1528<div class="widget editor pageStyles narrow" id="divEditor7b65c67b-4cc2-4ce9-a007-b9c953a57bf2" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 1529 <div class="fr-view"> 1530 1531 1532 <p>For general information, please call 864-366-5017. We look forward to serving you!</p> 1533 </div> 1534
1535<script type="text/javascript"> 1536 $(document).ready(function (e) { 1537 renderSlideshowIfApplicable($('#divEditor' + '7b65c67b-4cc2-4ce9-a007-b9c953a57bf2')); 1538 }); 1539</script>
1539 1540</div> 1541 1542 </div> <!-- inner column --> 1543 1544 </div> <!-- inner row --> 1545 1546 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1547 <div class="row outer wide"><!-- 1548--><div class="outer col col24 first last" style="" data-widgetcontainerid="4a29be74-dcba-4a05-80ea-99263679eff6">� 1549 <div class="row nest first last wide">� 1550 1551 <div class="inner col col24 first last ide5966d48-3d53-438f-a96e-bb1f62ebfe16" style="" data-widgetcontainerid="e5966d48-3d53-438f-a96e-bb1f62ebfe16">� 1552 1553<div class="widget image pageStyles" id="divImageOuterfe546c06-79ff-46ee-8736-cf6bc760691d" data-widget-id="fe546c06-79ff-46ee-8736-cf6bc760691d"> 1554 1555 <div class="widgetBody imageBorder" id="divImagefe546c06-79ff-46ee-8736-cf6bc760691d">�<img src="/ImageRepository/Document?documentID=384" alt="Background" title="Background"/> </div>�</div> 1556 1557 </div> <!-- inner column --> 1558 1559 </div> <!-- inner row --> 1560 1561 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1562 1563 1564 </div> 1565 1566 </div> 1567 1568 1569 <div class="newCP"> 1570 1571 </div> 1572</div> 1573</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="cc5a17a2fd-df90-47eb-9b23-b515ab90eb8d" data-containerid="5a17a2fd-df90-47eb-9b23-b515ab90eb8d" class="pageContent cpGrid cpGrid24 showInMobile"> 1574 1575 1576 <div class="row outer wide"><!-- 1577--><div class="outer col col24 first last" style="" data-widgetcontainerid="41f4c1a3-ec30-4c0e-97df-d6a06c05bc96">� 1578 <div class="row nest first last wide">� 1579 1580 <div class="inner col col24 first last id2df50f5e-511d-4173-9fc5-0e4dae0bd123" style="" data-widgetcontainerid="2df50f5e-511d-4173-9fc5-0e4dae0bd123">� 1581 1582 1583 1584 1585 1586 1587 1588 1589<div data-widget-id="4e29b329-8357-4fcc-b284-90b9746e3b72" data-moduleWidgetType="cityDirectory" data-widget-controller-path="/CityDirectory/Widget"> 1590 <div id="cityDirectoryWidget4e29b329-8357-4fcc-b284-90b9746e3b72" class="widget widgetStaffDirectory skin63 wide" > 1591 <div class="widgetHeader"> 1592 <h3><a style="" href= /m/directory>Contact Us</a></h3> 1593 </div> 1594 <ol class="semanticList"> 1595 <li class="widgetItem h-card"> 1596 1597 1598 <h4 class="widgetTitle field p-name"> 1599 Mike Clary 1600 1601 </h4> 1602 <div class="field p-job-title">Deputy Administrative Officer</div> 1603 <div class="field u-email"><a href="mailto:[email protected]">Email </a></div> 1604 1605 1606 1607 1608 1609 <br /> 1610 </li> 1611 </ol> 1612 </div> 1613</div> 1614 </div> <!-- inner column --> 1615 1616 </div> <!-- inner row --> 1617 1618 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1619 1620 1621 </div> 1622</aside> 1623</div> 1624</div></div> 1625</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1626<div class="siteWrap4"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc420f19d5-e401-4e3b-ac7f-87b012e69a99" data-containerid="420f19d5-e401-4e3b-ac7f-87b012e69a99" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 1627 1628 1629 <div class="row outer wide"><!-- 1630--><div class="outer col col8 first" style="" data-widgetcontainerid="2d55e2d9-f78f-41f1-9766-3de2ebce1373">� 1631 <div class="row nest first last wide">� 1632 1633 <div class="inner col col8 first last id0da874ac-8c54-44b8-b99b-f223b83a6a3a" style="" data-widgetcontainerid="0da874ac-8c54-44b8-b99b-f223b83a6a3a">� 1634<div data-widget-id="dae8143b-ae74-4333-83b0-5087b0a5774c" data-widget-controller-path="/GraphicLinks/Widget"> 1635 1636 1637 1638 1639<div id="graphicLinkWidgetdae8143b-ae74-4333-83b0-5087b0a5774c" class="widget widgetGraphicLinks skin66 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1640 <div class="widgetHeader"> 1641 <div class=""> 1642 </div> 1643 </div> 1644 <div class="widgetBody cpGrid cpGrid2 "> 1645 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1646 <div class="row wide"> 1647 <!-- 1648--><div class="col col1 first "><ul class="semanticList"><!-- 1649 --><li class="widgetItem GraphicLinks"> 1650 1651<div> 1652 <a href="/167/City-Events" target="_self" class="fancyButton fancyButton161 " > 1653 <span> 1654 <span><span class="text">Festivals and Events</span></span> 1655 </span> 1656 </a> 1657</div> 1658 <style scoped="scoped">.fancyButton161.fancyButton:link,.fancyButton161.fancyButton:visited, .fancyButton161div.fancyButton{ 1659 background-repeat: no-repeat; 1660 background-position: left top; 1661position: relative; 1662} 1663 1664.fancyButton161:after { 1665content: ""; 1666position: absolute; 1667background-color: #f6be00; 1668border: solid 5px #f6be00; 1669height: 120px; 1670width: 120px; 1671top: 0; 1672left: 50%; 1673transform: translateX(-50%); 1674transition: all .3s ease-in-out;} 1675.fancyButton161.fancyButton:hover,.fancyButton161.fancyButton:focus,.fancyButton161.fancyButton:active,.fancyButton161.fancyButton.hover{ 1676 background-repeat: no-repeat; 1677 background-position: left top; 1678} 1679 1680.fancyButton161:is(:hover,:focus,:active):after { 1681background-color: #FFF; 1682transform: translateX(-50%) rotate(45deg);} 1683.fancyButton161.fancyButton:link > span,.fancyButton161.fancyButton:visited > span, .fancyButton161div.fancyButton > span{ 1684} 1685.fancyButton161.fancyButton:hover > span,.fancyButton161.fancyButton:focus > span,.fancyButton161.fancyButton:active > span,.fancyButton161.fancyButton.hover > span{ 1686} 1687.fancyButton161.fancyButton .text{ 1688 color: rgb(28, 28, 28); 1689 font-size: 1.15em; 1690 font-family: "Arial"; 1691 padding-top: 155px; 1692 font-style: normal; 1693 text-decoration: none; 1694 padding-top: 155px; 1695 background-image: url('/ImageRepository/Document?documentID=2676'); 1696 background-repeat: no-repeat; 1697 background-position: center top; 1698position: relative; 1699z-index: 2; 1700transition: all .3s ease-in-out; 1701} 1702.fancyButton161.fancyButton:hover .text,.fancyButton161.fancyButton:focus .text,.fancyButton161.fancyButton:active .text,.fancyButton161.fancyButton.hover .text{ 1703 text-decoration: underline; 1704 background-image: url('/ImageRepository/Document?documentID=2675'); 1705 background-repeat: no-repeat; 1706 background-position: center top; 1707 1708 1709} 1710</style> 1711 1712 </li><!-- 1713--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1714 --><li class="widgetItem GraphicLinks"> 1715 1716<div> 1717 <a href="/310/The-Abbeville-Opera-House" target="_self" class="fancyButton fancyButton162 " > 1718 <span> 1719 <span><span class="text">Opera House</span></span> 1720 </span> 1721 </a> 1722</div> 1723 <style scoped="scoped">.fancyButton162.fancyButton:link,.fancyButton162.fancyButton:visited, .fancyButton162div.fancyButton{ 1724 background-repeat: no-repeat; 1725 background-position: left top; 1726position: relative; 1727} 1728 1729.fancyButton162:after { 1730content: ""; 1731position: absolute; 1732background-color: #dc4405; 1733border: solid 5px #dc4405; 1734height: 120px; 1735width: 120px; 1736top: 0; 1737left: 50%; 1738transform: translateX(-50%); 1739transition: all .3s ease-in-out;} 1740.fancyButton162.fancyButton:hover,.fancyButton162.fancyButton:focus,.fancyButton162.fancyButton:active,.fancyButton162.fancyButton.hover{ 1741 background-repeat: no-repeat; 1742 background-position: left top; 1743} 1744 1745.fancyButton162:is(:hover,:focus,:active):after { 1746background-color: #FFF; 1747transform: translateX(-50%) rotate(45deg);} 1748.fancyButton162.fancyButton:link > span,.fancyButton162.fancyButton:visited > span, .fancyButton162div.fancyButton > span{ 1749} 1750.fancyButton162.fancyButton:hover > span,.fancyButton162.fancyButton:focus > span,.fancyButton162.fancyButton:active > span,.fancyButton162.fancyButton.hover > span{ 1751} 1752.fancyButton162.fancyButton .text{ 1753 color: rgb(28, 28, 28); 1754 font-size: 1.15em; 1755 font-family: "Arial"; 1756 padding-top: 155px; 1757 font-style: normal; 1758 text-decoration: none; 1759 padding-top: 155px; 1760 background-image: url('/ImageRepository/Document?documentID=2678'); 1761 background-repeat: no-repeat; 1762 background-position: center top; 1763position: relative; 1764z-index: 2; 1765transition: all .3s ease-in-out; 1766} 1767.fancyButton162.fancyButton:hover .text,.fancyButton162.fancyButton:focus .text,.fancyButton162.fancyButton:active .text,.fancyButton162.fancyButton.hover .text{ 1768 text-decoration: underline; 1769 background-image: url('/ImageRepository/Document?documentID=2677'); 1770 background-repeat: no-repeat; 1771 background-position: center top; 1772 1773 1774} 1775</style> 1776 1777 </li><!-- 1778--></ul></div><!-- --> 1779 </div> 1780 </nav> 1781 </div> 1782 <div class="widgetFooter"> 1783 </div> 1784</div> 1785</div> 1786 1787 </div> <!-- inner column --> 1788 1789 </div> <!-- inner row --> 1790 1791 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="1029963f-2f47-4cbc-8664-0a3d124b493b">� 1792 <div class="row nest first last wide">� 1793 1794 <div class="inner col col8 first last id5ef7c272-006d-4219-a75d-310a80d0166a" style="" data-widgetcontainerid="5ef7c272-006d-4219-a75d-310a80d0166a">� 1795<div data-widget-id="3c3b6c9b-d652-4272-ae15-9c795a415a7c" data-widget-controller-path="/GraphicLinks/Widget"> 1796 1797 1798 1799 1800<div id="graphicLinkWidget3c3b6c9b-d652-4272-ae15-9c795a415a7c" class="widget widgetGraphicLinks skin66 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1801 <div class="widgetHeader"> 1802 <div class="">
1803 </div> 1804 </div> 1805 <div class="widgetBody cpGrid cpGrid2 "> 1806 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1807 <div class="row wide"> 1808 <!-- 1809--><div class="col col1 first "><ul class="semanticList"><!-- 1810 --><li class="widgetItem GraphicLinks"> 1811 1812<div> 1813 <a href="/265/Downtown-Abbeville" target="_self" class="fancyButton fancyButton163 " > 1814 <span> 1815 <span><span class="text">Downtown Abbeville</span></span> 1816 </span> 1817 </a> 1818</div> 1819 <style scoped="scoped">.fancyButton163.fancyButton:link,.fancyButton163.fancyButton:visited, .fancyButton163div.fancyButton{ 1820 background-repeat: no-repeat; 1821 background-position: left top; 1822position: relative; 1823} 1824 1825.fancyButton163:after { 1826content: ""; 1827position: absolute; 1828background-color: #6cace4; 1829border: solid 5px #6cace4; 1830height: 120px; 1831width: 120px; 1832top: 0; 1833left: 50%; 1834transform: translateX(-50%); 1835transition: all .3s ease-in-out;} 1836.fancyButton163.fancyButton:hover,.fancyButton163.fancyButton:focus,.fancyButton163.fancyButton:active,.fancyButton163.fancyButton.hover{ 1837 background-repeat: no-repeat; 1838 background-position: left top; 1839} 1840 1841.fancyButton163:is(:hover,:focus,:active):after { 1842background-color: #FFF; 1843transform: translateX(-50%) rotate(45deg);} 1844.fancyButton163.fancyButton:link > span,.fancyButton163.fancyButton:visited > span, .fancyButton163div.fancyButton > span{ 1845} 1846.fancyButton163.fancyButton:hover > span,.fancyButton163.fancyButton:focus > span,.fancyButton163.fancyButton:active > span,.fancyButton163.fancyButton.hover > span{ 1847} 1848.fancyButton163.fancyButton .text{ 1849 color: rgb(28, 28, 28); 1850 font-size: 1.15em; 1851 font-family: "Arial"; 1852 padding-top: 155px; 1853 font-style: normal; 1854 text-decoration: none; 1855 padding-top: 155px; 1856 background-image: url('/ImageRepository/Document?documentID=2680'); 1857 background-repeat: no-repeat; 1858 background-position: center top; 1859position: relative; 1860z-index: 2; 1861transition: all .3s ease-in-out; 1862} 1863.fancyButton163.fancyButton:hover .text,.fancyButton163.fancyButton:focus .text,.fancyButton163.fancyButton:active .text,.fancyButton163.fancyButton.hover .text{ 1864 text-decoration: underline; 1865 background-image: url('/ImageRepository/Document?documentID=2679'); 1866 background-repeat: no-repeat; 1867 background-position: center top; 1868 1869 1870} 1871</style> 1872 1873 </li><!-- 1874--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1875 --><li class="widgetItem GraphicLinks"> 1876 1877<div> 1878 <a href="/agendacenter" target="_self" class="fancyButton fancyButton164 " > 1879 <span> 1880 <span><span class="text">Agendas and Minutes</span></span> 1881 </span> 1882 </a> 1883</div> 1884 <style scoped="scoped">.fancyButton164.fancyButton:link,.fancyButton164.fancyButton:visited, .fancyButton164div.fancyButton{ 1885 background-repeat: no-repeat; 1886 background-position: left top; 1887position: relative; 1888} 1889 1890.fancyButton164:after { 1891content: ""; 1892position: absolute; 1893background-color: #9ab9ad; 1894border: solid 5px #9ab9ad; 1895height: 120px; 1896width: 120px; 1897top: 0; 1898left: 50%; 1899transform: translateX(-50%); 1900transition: all .3s ease-in-out;} 1901.fancyButton164.fancyButton:hover,.fancyButton164.fancyButton:focus,.fancyButton164.fancyButton:active,.fancyButton164.fancyButton.hover{ 1902 background-repeat: no-repeat; 1903 background-position: left top; 1904} 1905 1906.fancyButton164:is(:hover,:focus,:active):after { 1907background-color: #FFF; 1908transform: translateX(-50%) rotate(45deg);} 1909.fancyButton164.fancyButton:link > span,.fancyButton164.fancyButton:visited > span, .fancyButton164div.fancyButton > span{ 1910} 1911.fancyButton164.fancyButton:hover > span,.fancyButton164.fancyButton:focus > span,.fancyButton164.fancyButton:active > span,.fancyButton164.fancyButton.hover > span{ 1912} 1913.fancyButton164.fancyButton .text{ 1914 color: rgb(28, 28, 28); 1915 font-size: 1.15em; 1916 font-family: "Arial"; 1917 padding-top: 155px; 1918 font-style: normal; 1919 text-decoration: none; 1920 padding-top: 155px; 1921 background-image: url('/ImageRepository/Document?documentID=2682'); 1922 background-repeat: no-repeat; 1923 background-position: center top; 1924position: relative; 1925z-index: 2; 1926transition: all .3s ease-in-out; 1927} 1928.fancyButton164.fancyButton:hover .text,.fancyButton164.fancyButton:focus .text,.fancyButton164.fancyButton:active .text,.fancyButton164.fancyButton.hover .text{ 1929 text-decoration: underline; 1930 background-image: url('/ImageRepository/Document?documentID=2681'); 1931 background-repeat: no-repeat; 1932 background-position: center top; 1933 1934 1935} 1936</style> 1937 1938 </li><!-- 1939--></ul></div><!-- --> 1940 </div> 1941 </nav> 1942 </div> 1943 <div class="widgetFooter"> 1944 </div> 1945</div> 1946</div> 1947 1948 </div> <!-- inner column --> 1949 1950 </div> <!-- inner row --> 1951 1952 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="15090fc3-2339-4c9b-b9eb-f8874c14be9e">� 1953 <div class="row nest first last wide">� 1954 1955 <div class="inner col col8 first last id74e69200-5b86-4fc9-ab3e-dce3d5bc3114" style="" data-widgetcontainerid="74e69200-5b86-4fc9-ab3e-dce3d5bc3114">� 1956<div data-widget-id="884c92e3-d2af-4f0f-b952-bc424526a455" data-widget-controller-path="/GraphicLinks/Widget"> 1957 1958 1959 1960 1961<div id="graphicLinkWidget884c92e3-d2af-4f0f-b952-bc424526a455" class="widget widgetGraphicLinks skin66 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1962 <div class="widgetHeader"> 1963 <div class="">
1964 </div> 1965 </div> 1966 <div class="widgetBody cpGrid cpGrid2 "> 1967 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1968 <div class="row wide"> 1969 <!-- 1970--><div class="col col1 first "><ul class="semanticList"><!-- 1971 --><li class="widgetItem GraphicLinks"> 1972 1973<div> 1974 <a href="/467/Abbeville-Public-Utilites" target="_self" class="fancyButton fancyButton165 " > 1975 <span> 1976 <span><span class="text">Public Utilities</span></span> 1977 </span> 1978 </a> 1979</div> 1980 <style scoped="scoped">.fancyButton165.fancyButton:link,.fancyButton165.fancyButton:visited, .fancyButton165div.fancyButton{ 1981 background-repeat: no-repeat; 1982 background-position: left top; 1983position: relative; 1984} 1985 1986.fancyButton165:after { 1987content: ""; 1988position: absolute; 1989background-color: #f6be00; 1990border: solid 5px #f6be00; 1991height: 120px; 1992width: 120px; 1993top: 0; 1994left: 50%; 1995transform: translateX(-50%); 1996transition: all .3s ease-in-out;} 1997.fancyButton165.fancyButton:hover,.fancyButton165.fancyButton:focus,.fancyButton165.fancyButton:active,.fancyButton165.fancyButton.hover{ 1998 background-repeat: no-repeat; 1999 background-position: left top; 2000} 2001 2002.fancyButton165:is(:hover,:focus,:active):after { 2003background-color: #FFF; 2004transform: translateX(-50%) rotate(45deg);} 2005.fancyButton165.fancyButton:link > span,.fancyButton165.fancyButton:visited > span, .fancyButton165div.fancyButton > span{ 2006} 2007.fancyButton165.fancyButton:hover > span,.fancyButton165.fancyButton:focus > span,.fancyButton165.fancyButton:active > span,.fancyButton165.fancyButton.hover > span{ 2008} 2009.fancyButton165.fancyButton .text{ 2010 color: rgb(28, 28, 28); 2011 font-size: 1.15em; 2012 font-family: "Arial"; 2013 padding-top: 155px; 2014 font-style: normal; 2015 text-decoration: none; 2016 padding-top: 155px; 2017 background-image: url('/ImageRepository/Document?documentID=2684'); 2018 background-repeat: no-repeat; 2019 background-position: center top; 2020position: relative; 2021z-index: 2; 2022transition: all .3s ease-in-out; 2023} 2024.fancyButton165.fancyButton:hover .text,.fancyButton165.fancyButton:focus .text,.fancyButton165.fancyButton:active .text,.fancyButton165.fancyButton.hover .text{ 2025 text-decoration: underline; 2026 background-image: url('/ImageRepository/Document?documentID=2683'); 2027 background-repeat: no-repeat; 2028 background-position: center top; 2029 2030 2031} 2032</style> 2033 2034 </li><!-- 2035--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2036 --><li class="widgetItem GraphicLinks"> 2037 2038<div> 2039 <a href="/31/Make-a-Payment" target="_self" class="fancyButton fancyButton166 " > 2040 <span> 2041 <span><span class="text">Make a Payment</span></span> 2042 </span> 2043 </a> 2044</div> 2045 <style scoped="scoped">.fancyButton166.fancyButton:link,.fancyButton166.fancyButton:visited, .fancyButton166div.fancyButton{ 2046 background-repeat: no-repeat; 2047 background-position: left top; 2048position: relative; 2049} 2050 2051.fancyButton166:after { 2052content: ""; 2053position: absolute; 2054background-color: #dc4405; 2055border: solid 5px #dc4405; 2056height: 120px; 2057width: 120px; 2058top: 0; 2059left: 50%; 2060transform: translateX(-50%); 2061transition: all .3s ease-in-out;} 2062.fancyButton166.fancyButton:hover,.fancyButton166.fancyButton:focus,.fancyButton166.fancyButton:active,.fancyButton166.fancyButton.hover{ 2063 background-repeat: no-repeat; 2064 background-position: left top; 2065} 2066 2067.fancyButton166:is(:hover,:focus,:active):after { 2068background-color: #FFF; 2069transform: translateX(-50%) rotate(45deg);} 2070.fancyButton166.fancyButton:link > span,.fancyButton166.fancyButton:visited > span, .fancyButton166div.fancyButton > span{ 2071} 2072.fancyButton166.fancyButton:hover > span,.fancyButton166.fancyButton:focus > span,.fancyButton166.fancyButton:active > span,.fancyButton166.fancyButton.hover > span{ 2073} 2074.fancyButton166.fancyButton .text{ 2075 color: rgb(28, 28, 28); 2076 font-size: 1.15em; 2077 font-family: "Arial"; 2078 padding-top: 155px; 2079 font-style: normal; 2080 text-decoration: none; 2081 padding-top: 155px; 2082 background-image: url('/ImageRepository/Document?documentID=2686'); 2083 background-repeat: no-repeat; 2084 background-position: center top; 2085position: relative; 2086z-index: 2; 2087transition: all .3s ease-in-out; 2088} 2089.fancyButton166.fancyButton:hover .text,.fancyButton166.fancyButton:focus .text,.fancyButton166.fancyButton:active .text,.fancyButton166.fancyButton.hover .text{ 2090 text-decoration: underline; 2091 background-image: url('/ImageRepository/Document?documentID=2685'); 2092 background-repeat: no-repeat; 2093 background-position: center top; 2094 2095 2096} 2097</style> 2098 2099 </li><!-- 2100--></ul></div><!-- --> 2101 </div> 2102 </nav> 2103 </div> 2104 <div class="widgetFooter"> 2105 </div> 2106</div> 2107</div> 2108 2109 </div> <!-- inner column --> 2110 2111 </div> <!-- inner row --> 2112 2113 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2114 2115 2116 </div> 2117</div></div> 2118</div> 2119</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1"> 2120 <div class="siteWrap4"> 2121 <div data-cpRole="contentContainer" id="homeContent1a"></div> 2122 </div> 2123 </div> --><!-- Footer --><div data-cpRole="structuralContainer" id="footerOverlayTS"> 2124<footer data-cpRole="structuralContainer" id="footerContainerTS"> 2125<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc09ccf514-222e-46bd-9ea4-84196234a705" data-containerid="09ccf514-222e-46bd-9ea4-84196234a705" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="65"> 2126 2127 2128 <div class="row outer wide"><!-- 2129--><div class="outer col col4 first" style="" data-widgetcontainerid="a5ac0126-ba53-498f-9cbf
2129-9f2ff6c45b6d">� 2130 <div class="row nest first last wide">� 2131 2132 <div class="inner col col4 first last id66bac327-4a9b-40c8-a82e-80e30b5fb7a4" style="" data-widgetcontainerid="66bac327-4a9b-40c8-a82e-80e30b5fb7a4">� 2133 <div data-widget-id="d19f79a7-0fc0-4da3-b782-c038b1d8aea6" data-widget-controller-path="/InfoAdvanced/Widget"> 2134 2135 2136 2137 2138 2139 <section id="divInfoAdvd19f79a7-0fc0-4da3-b782-c038b1d8aea6" class="widget widgetInfoAdvanced skin69 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2140 <header class="widgetHeader" id="headerd19f79a7-0fc0-4da3-b782-c038b1d8aea6"> 2141 <div class=""> 2142 </div> 2143 </header> 2144 <div class="widgetBody cpGrid cpGrid1 "> 2145 <div class="row wide"> 2146 <div class="col col1 first last"> 2147 <ol class="pageStyles semanticList"> 2148 2149<li class="InfoAdvanced widgetItem fr-view"> 2150 <p><a href="/"><img src="/ImageRepository/Document?documentId=2698" class="fr-dib" alt="Abbeville SC Homepage"></a></p> 2151</li> 2152<li class="InfoAdvanced widgetItem fr-view"> 2153 <p><img src="/ImageRepository/Document?documentId=2714" class="fr-dib" alt=""></p> 2154</li> </ol> 2155 </div> 2156 </div> 2157 </div> 2158 <div class="widgetFooter"> 2159 2160 </div> 2161 2162 </section> 2163 2164 2165
2166<script type="text/javascript"> 2167 //Render slideshow if info advacned items contain one. 2168 $(document).ready(function (e) { 2169 $('#divInfoAdvd19f79a7-0fc0-4da3-b782-c038b1d8aea6 .InfoAdvanced.widgetItem').each(function () { 2170 renderSlideshowIfApplicable($(this)); 2171 }); 2172 }); 2173</script>
2173</div> 2174 </div> <!-- inner column --> 2175 2176 </div> <!-- inner row --> 2177 2178 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="4f4590a0-a09c-4f63-b7a0-872830968c26">� 2179 <div class="row nest first last wide">� 2180 2181 <div class="inner col col1 first last id6dffa403-c931-409e-8509-0b1fc6a48cfe" style="" data-widgetcontainerid="6dffa403-c931-409e-8509-0b1fc6a48cfe">� 2182 2183<div class="widget widgetSpacer" id="06b07b8f-a96e-4100-a38f-cd565a3343d6"></div> 2184 </div> <!-- inner column --> 2185 2186 </div> <!-- inner row --> 2187 2188 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="b9484486-7b1a-4f00-8d93-143e817630e8">� 2189 <div class="row nest first last wide">� 2190 2191 <div class="inner col col4 first last id59f2eadf-a377-49ea-8e3b-58382d6d8e7e" style="" data-widgetcontainerid="59f2eadf-a377-49ea-8e3b-58382d6d8e7e">� 2192 <div data-widget-id="c20a1b24-d643-40d6-bf9e-d142768f4e2b" data-widget-controller-path="/InfoAdvanced/Widget"> 2193 2194 2195 2196 2197 2198 <section id="divInfoAdvc20a1b24-d643-40d6-bf9e-d142768f4e2b" class="widget widgetInfoAdvanced skin65 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerc20a1b24-d643-40d6-bf9e-d142768f4e2b"> 2199 <header class="widgetHeader" id="headerc20a1b24-d643-40d6-bf9e-d142768f4e2b"> 2200 <div class=""> 2201 <h3 >Contact Us</h3> 2202 </div> 2203 </header> 2204 <div class="widgetBody cpGrid cpGrid1 "> 2205 <div class="row wide"> 2206 <div class="col col1 first last"> 2207 <ol class="pageStyles semanticList"> 2208 2209<li class="InfoAdvanced widgetItem fr-view"> 2210 <p>100 Court Square</p> 2211</li> 2212<li class="InfoAdvanced widgetItem fr-view"> 2213 <p>Abbeville, SC 29620</p><p><br></p> 2214</li> 2215<li class="InfoAdvanced widgetItem fr-view"> 2216 <p>Phone: <a href="tel:8643665017" target="_blank" rel="noreferrer noopener">864-366-5017</a></p> 2217</li> 2218<li class="InfoAdvanced widgetItem fr-view"> 2219 <p>Fax: 864-366-4273</p><p><br></p> 2220</li> 2221<li class="InfoAdvanced widgetItem fr-view"> 2222 <p>Hours</p> 2223</li> 2224<li class="InfoAdvanced widgetItem fr-view"> 2225 <p>Monday through Thursday 8:00 AM - 5:00 PM</p> 2226</li> 2227<li class="InfoAdvanced widgetItem fr-view"> 2228 <p>Friday from 8:00 AM - 12:00 PM</p> 2229</li> </ol> 2230 </div> 2231 </div> 2232 </div> 2233 <div class="widgetFooter"> 2234 2235 </div> 2236 2237 </section> 2238 2239 2240
2241<script type="text/javascript"> 2242 //Render slideshow if info advacned items contain one. 2243 $(document).ready(function (e) { 2244 $('#divInfoAdvc20a1b24-d643-40d6-bf9e-d142768f4e2b .InfoAdvanced.widgetItem').each(function () { 2245 renderSlideshowIfApplicable($(this)); 2246 }); 2247 }); 2248</script>
2248</div> 2249 </div> <!-- inner column --> 2250 2251 </div> <!-- inner row --> 2252 2253 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="2d4bafbb-b0b7-4bd1-9091-54c12ba040a2">� 2254 <div class="row nest first last wide">� 2255 2256 <div class="inner col col1 first last id99317ecd-5f55-4f8f-b6ec-4889902d21eb" style="" data-widgetcontainerid="99317ecd-5f55-4f8f-b6ec-4889902d21eb">� 2257 2258<div class="widget widgetSpacer" id="6c00e5d2-b4f8-4675-a3e9-129c7eaf6d97"></div> 2259 </div> <!-- inner column --> 2260 2261 </div> <!-- inner row --> 2262 2263 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="8a74310f-1430-4d43-bcbe-0138e06487fb">� 2264 <div class="row nest first last wide">� 2265 2266 <div class="inner col col4 first last ida6d27075-bbb5-4f0e-b40c-307e53b2636d" style="" data-widgetcontainerid="a6d27075-bbb5-4f0e-b40c-307e53b2636d">� 2267<div data-widget-id="ecbeb823-7de5-4774-aaac-c7a460001016" data-widget-controller-path="/GraphicLinks/Widget"> 2268 2269 2270 2271 2272<div id="graphicLinkWidgetecbeb823-7de5-4774-aaac-c7a460001016" class="widget widgetGraphicLinks skin65 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2273 <div class="widgetHeader"> 2274 <div class=""> 2275 <h3 id="GraphicLinkHeaderText" class="" >Social Media</h3> 2276 </div> 2277 </div> 2278 <div class="widgetBody cpGrid cpGrid1 "> 2279 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2280 <ul class="semanticList"> 2281 <!-- 2282 --><li class="widgetItem GraphicLinks"> 2283 2284<div> 2285 <a href="https://www.facebook.com/cityofabbeville" target="_self" class="fancyButton fancyButton174 " > 2286 <span> 2287 <span><span class="text">Facebook</span></span> 2288 </span> 2289 </a> 2290</div> 2291 <style scoped="scoped">.fancyButton174.fancyButton:link,.fancyButton174.fancyButton:visited, .fancyButton174div.fancyButton{ 2292 padding-left: 27px; 2293 background-image: url('/ImageRepository/Document?documentID=2687'); 2294 background-repeat: no-repeat; 2295 background-position: left center; 2296background-size: 20px; 2297width: fit-content;} 2298.fancyButton174.fancyButton:hover,.fancyButton174.fancyButton:focus,.fancyButton174.fancyButton:active,.fancyButton174.fancyButton.hover{ 2299 background-repeat: no-repeat; 2300 background-position: left center; 2301} 2302.fancyButton174.fancyButton:link > span,.fancyButton174.fancyButton:visited > span, .fancyButton174div.fancyButton > span{ 2303} 2304.fancyButton174.fancyButton:hover > span,.fancyButton174.fancyButton:focus > span,.fancyButton174.fancyButton:active > span,.fancyButton174.fancyButton.hover > span{ 2305} 2306.fancyButton174.fancyButton .text{ 2307 color: rgb(26, 26, 26); 2308 font-family: "Arial"; 2309 text-align: left; 2310 font-style: normal; 2311 text-decoration: none; 2312 background-repeat: no-repeat; 2313 background-position: left top; 2314 2315 2316} 2317.fancyButton174.fancyButton:hover .text,.fancyButton174.fancyButton:focus .text,.fancyButton174.fancyButton:active .text,.fancyButton174.fancyButton.hover .text{ 2318 text-decoration: underline; 2319 background-repeat: no-repeat; 2320 background-position: left top; 2321 2322 2323} 2324</style> 2325 2326 </li><!-- 2327 --><li class="widgetItem GraphicLinks"> 2328 2329<div> 2330 <a href="https://www.instagram.com/abbeville_city/" target="_self" class="fancyButton fancyButton175 " > 2331 <span> 2332 <span><span class="text">Instagram</span></span> 2333 </span> 2334 </a> 2335</div> 2336 <style scoped="scoped">.fancyButton175.fancyButton:link,.fancyButton175.fancyButton:visited, .fancyButton175div.fancyButton{ 2337 padding-left: 27px; 2338 background-image: url('/ImageRepository/Document?documentID=2688'); 2339 background-repeat: no-repeat; 2340 background-position: left center; 2341background-size: 20px; 2342width: fit-content;} 2343.fancyButton175.fancyButton:hover,.fancyButton175.fancyButton:focus,.fancyButton175.fancyButton:active,.fancyButton175.fancyButton.hover{ 2344 background-repeat: no-repeat; 2345 background-position: left center; 2346} 2347.fancyButton175.fancyButton:link > span,.fancyButton175.fancyButton:visited > span, .fancyButton175div.fancyButton > span{ 2348} 2349.fancyButton175.fancyButton:hover > span,.fancyButton175.fancyButton:focus > span,.fancyButton175.fancyButton:active > span,.fancyButton175.fancyButton.hover > span{ 2350} 2351.fancyButton175.fancyButton .text{ 2352 color: rgb(26, 26, 26); 2353 font-family: "Arial"; 2354 text-align: left; 2355 font-style: normal; 2356 text-decoration: none; 2357 background-repeat: no-repeat; 2358 background-position: left top; 2359 2360 2361} 2362.fancyButton175.fancyButton:hover .text,.fancyButton175.fancyButton:focus .text,.fancyButton175.fancyButton:active .text,.fancyButton175.fancyButton.hover .text{ 2363 text-decoration: underline; 2364 background-repeat: no-repeat; 2365 background-position: left top; 2366 2367 2368} 2369</style> 2370 2371 </li><!-- 2372 --><li class="widgetItem GraphicLinks"> 2373 2374<div> 2375 <a href="https://www.youtube.com/channel/UCKGpnJpu2E0fR6a8j_jDm8Q" target="_self" class="fancyButton fancyButton176 " > 2376 <span> 2377 <span><span class="text">YouTube</span></span> 2378 </span> 2379 </a> 2380</div> 2381 <style scoped="scoped">.fancyButton176.fancyButton:link,.fancyButton176.fancyButton:visited, .fancyButton176div.fancyButton{ 2382 padding-left: 27px; 2383 background-image: url('/ImageRepository/Document?documentID=2695'); 2384 background-repeat: no-repeat; 2385 background-position: left center; 2386background-size: 20px; 2387width: fit-content;} 2388.fancyButton176.fancyButton:hover,.fancyButton176.fancyButton:focus,.fancyButton176.fancyButton:active,.fancyButton176.fancyButton.hover{ 2389 background-repeat: no-repeat; 2390 background-position: left center; 2391} 2392.fancyButton176.fancyButton:link > span,.fancyButton176.fancyButton:visited > span, .fancyButton176div.fancyButton > span{ 2393} 2394.fancyButton176.fancyButton:hover > span,.fancyButton176.fancyButton:focus > span,.fancyButton176.fancyButton:active > span,.fancyButton176.fancyButton.hover > span{ 2395} 2396.fancyButton176.fancyButton .text{ 2397 color: rgb(26, 26, 26); 2398 font-family: "Arial"; 2399 text-align: left; 2400 font-style: normal; 2401 text-decoration: none; 2402 background-repeat: no-repeat; 2403 background-position: left top; 2404 2405 2406} 2407.fancyButton176.fancyButton:hover .text,.fancyButton176.fancyButton:focus .text,.fancyButton176.fancyButton:active .text,.fancyButton176.fancyButton.hover .text{ 2408 text-decoration: underline; 2409 background-repeat: no-repeat; 2410 background-position: left top; 2411 2412 2413} 2414</style> 2415 2416 </li><!-- 2417 --> 2418 </ul> 2419 </nav> 2420 </div> 2421 <div class="widgetFooter"> 2422 </div> 2423</div> 2424</div> 2425 2426 </div> <!-- inner column --> 2427 2428 </div> <!-- inner row --> 2429 2430 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="596219c3-0394-48f0-ad5d-4d3b45f5ada9">� 2431 <div class="row nest first last wide">� 2432 2433 <div class="inner col col1 first last id2c21041e-3c60-4154-b69e-36508d884a10" style="" data-widgetcontainerid="2c21041e-3c60-4154-b69e-36508d884a10">� 2434 2435<div class="widget widgetSpacer" id="02c13c51-d0dd-48af-9eeb-60100a2ef71c"></div> 2436 </div> <!-- inner column --> 2437 2438 </div> <!-- inner row --> 2439 2440 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="39782bee-be3b-45e6-ab37-08b4173e3818">� 2441 <div class="row nest first last wide">� 2442 2443 <div class="inner col col4 first last id0e015624-9748-467a-8e7d-23b49e5c8ac2" style="" data-widgetcontainerid="0e015624-9748-467a-8e7d-23b49e5c8ac2">� 2444 <div data-widget-id="b0005f56-0d38-40c1-98ac-bb2ff78a0c6c" data-widget-controller-path="/QuickLinks/Widget"> 2445 2446 2447 2448 2449 2450 2451 2452 2453 <section id="widgetQuicklinkb0005f56-0d38-40c1-98ac-bb2ff78a0c6c" class="widget widgetQuickLinks skin65 widgetOptionSet44 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderb0005f56-0d38-40c1-98ac-bb2ff78a0c6c"> 2454 <header class="widgetHeader" id="quickLinksHeaderb0005f56-0d38-40c1-98ac-bb2ff78a0c6c"> 2455 <div class=""> 2456 <h3><a style="" href="/QuickLinks.aspx?CID=16" >Quick Links</a></h3> 2457 </div> 2458 </header> 2459 <div class="widgetBody cpGrid cpGrid1 "> 2460 <div class="row narrow"> 2461 <div class="col col1 first last"> 2462 <ol class="semanticList"> 2463 2464 <li style="position:relative" class="widgetItem QuickLinks"> 2465 <a class="widgetDesc widgetQuickLinksLink" href="/167/City-Events" target="_self" >City Events</a> 2466 <div class="widgetMeta"></div> 2467 </li> 2468 2469 <li style="position:relative" class="widgetItem QuickLinks"> 2470 <a class="widgetDesc widgetQuickLinksLink" href="/189/City-Council" target="_self" >City Council</a> 2471 <div class="widgetMeta"></div> 2472 </li> 2473 2474 <li style="position:relative" class="widgetItem QuickLinks"> 2475 <a class="widgetDesc widgetQuickLinksLink" href="/199/Boards-and-Commissions" target="_self" >Committees</a> 2476 <div class="widgetMeta"></div> 2477 </li> 2478 2479 <li style="position:relative" class="widgetItem QuickLinks"> 2480 <a class="widgetDesc widgetQuickLinksLink" href="/149/Departments" target="_self" >Departments</a> 2481 <div class="widgetMeta"></div> 2482 </li> 2483 2484 <li style="position:relative" class="widgetItem QuickLinks"> 2485 <a class="widgetDesc widgetQuickLinksLink" href="/epayment" target="_self" >Online Payments</a> 2486 <div class="widgetMeta"></div> 2487 </li> 2488 2489 <li style="position:relative" class="widgetItem QuickLinks"> 2490 <a class="widgetDesc widgetQuickLinksLink" href="/179/Police-Department" target="_self" >Police Department</a> 2491 <div class="widgetMeta"></div> 2492 </li> 2493 2494 <li style="position:relative" class="widgetItem QuickLinks"> 2495 <a class="widgetDesc widgetQuickLinksLink" href="https://www.scprt.com/" target="_self" >SCPRT</a> 2496 <div class="widgetMeta"></div> 2497 </li> 2498 </ol> 2499 </div> 2500 </div> 2501 2502 </div> 2503 <div class="widgetFooter"> 2504 </div> 2505 <div class="addItemModal hidden"> 2506 <div class="url hidden">/QuickLinks.aspx</div> 2507 </div> 2508 2509 </section> 2510</div> 2511 2512 </div> <!-- inner column --> 2513 2514 </div> <!-- inner row --> 2515 2516 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="ecf2f43b-9caf-405b-b4e9-b288f18c83e4">� 2517 <div class="row nest first last wide">� 2518 2519 <div class="inner col col1 first last id4e197b2e-6396-4ccd-903a-c253cd12de04" style="" data-widgetcontainerid="4e197b2e-6396-4ccd-903a-c253cd12de04">� 2520 2521<div class="widget widgetSpacer" id="c0e0b905-30a1-44e1-8a9c-3aef182f49a3"></div> 2522 </div> <!-- inner column --> 2523 2524 </div> <!-- inner row --> 2525 2526 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="eda23059-28a9-4d06-af4e-38856ee06db3">� 2527 <div class="row nest first last wide">� 2528 2529 <div class="inner col col4 first last id811decd5-b00e-47cb-a9ab-cc0d594c4a0e" style="" data-widgetcontainerid="811decd5-b00e-47cb-a9ab-cc0d594c4a0e">� 2530 <div data-widget-id="f9d6fb20-652a-400f-b094-1166f89c95d0" data-widget-controller-path="/QuickLinks/Widget"> 2531 2532 2533 2534 2535 2536 2537 2538 2539 <section id="widgetQuicklinkf9d6fb20-652a-400f-b094-1166f89c95d0" class="widget widgetQuickLinks skin65 widgetOptionSet44 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderf9d6fb20-652a-400f-b094-1166f89c95d0"> 2540 <header class="widgetHeader" id="quickLinksHeaderf9d6fb20-652a-400f-b094-1166f89c95d0"> 2541 <div class=""> 2542 <h3><a style="" href="/QuickLinks.aspx?CID=20" >Site Links</a></h3> 2543 </div> 2544 </header> 2545 <div class="widgetBody cpGrid cpGrid1 "> 2546 <div class="row narrow"> 2547 <div class="col col1 first last"> 2548 <ol class="semanticList"> 2549 2550 <li style="position:relative" class="widgetItem QuickLinks"> 2551 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 2552 <div class="widgetMeta"></div> 2553 </li> 2554 2555 <li style="position:relative" class="widgetItem QuickLinks"> 2556 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 2557 <div class="widgetMeta"></div> 2558 </li> 2559 2560 <li style="position:relative" class="widgetItem QuickLinks"> 2561 <a class="widgetDesc widgetQuickLinksLink" href="/directory" target="_self" >Contact Us</a> 2562 <div class="widgetMeta"></div> 2563 </li> 2564 2565 <li style="position:relative" class="widgetItem QuickLinks"> 2566 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> 2567 <div class="widgetMeta"></div> 2568 </li> 2569 2570 <li style="position:relative" class="widgetItem QuickLinks"> 2571 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> 2572 <div class="widgetMeta"></div> 2573 </li> 2574 2575 <li style="position:relative" class="widgetItem QuickLinks"> 2576 <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy Policy</a> 2577 <div class="widgetMeta"></div> 2578 </li> 2579 2580 <li style="position:relative" class="widgetItem QuickLinks"> 2581 <a class="widgetDesc widgetQuickLinksLink" href="https://www.abbevillecitysc.com/510/Terms-and-Conditions" target="_self" >Terms & Conditions</a> 2582 <div class="widgetMeta"></div> 2583 </li> 2584 </ol> 2585 </div> 2586 </div> 2587 2588 </div> 2589 <div class="widgetFooter"> 2590 </div> 2591 <div class="addItemModal hidden"> 2592 <div class="url hidden">/QuickLinks.aspx</div> 2593 </div> 2594 2595 </section> 2596</div> 2597 2598 </div> <!-- inner column --> 2599 2600 </div> <!-- inner row --> 2601 2602 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2603 2604 2605 </div> 2606</div></div> 2607</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2608<div class="siteWrap4"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="ccd7a5aefa-06ba-4385-a44e-9b0f3d4669c5" data-containerid="d7a5aefa-06ba-4385-a44e-9b0f3d4669c5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2609 2610 2611 <div class="row outer wide"><!-- 2612--><div class="outer col col24 first last" style="" data-widgetcontainerid="025fa98d-7389-4115-a33c-1bb1bd11db2b">� 2613 <div class="row nest first last wide">� 2614 2615 <div class="inner col col24 first last idd3a16e61-c424-49d3-9f50-cf5f3e77f2e3" style="" data-widgetcontainerid="d3a16e61-c424-49d3-9f50-cf5f3e77f2e3">� 2616 2617 <div data-widget-id='b8756e25-9d56-45a4-9e1a-92d0e1059a01' data-moduleName="customHtml" id='widgetCustomHtmlb8756e25-9d56-45a4-9e1a-92d0e1059a01' class="widget widgetCustomHtml skin68 narrow" > 2618 <div class="widgetBody pageStyles" id="widgetBodyb8756e25-9d56-45a4-9e1a-92d0e1059a01"> 2619 <div id="customHtmlb8756e25-9d56-45a4-9e1a-92d0e1059a01"><div><style> 2620 /* CP icon */ 2621 .cpBylineIconTS { 2622 color: #000; 2623 } 2624 /* CP Text */ 2625 .cpBylineTextTS, 2626 .cpBylineTextTS a:link { 2627 color: #000; 2628 } 2629 2630 .cpBylineTS { 2631 text-align: center; 2632 } 2633 2634 .cpBylineIconTS { 2635 fill: currentColor; 2636 width: 39px;
2637 height: 26px; 2638 display: inline; 2639 vertical-align: middle; 2640 } 2641</style> 2642 2643<div class="widgetItem cpBylineTS"> 2644 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2645 <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> 2646 <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> 2647 </svg> 2648 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2649</div> 2650</div></div> 2651 </div> 2652 2653 </div> 2654 2655 </div> <!-- inner column --> 2656 2657 </div> <!-- inner row --> 2658 2659 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2660 2661 2662 </div> 2663</div></div> 2664</div> 2665</div> 2666</div> 2667 2668 </div> 2669 </div> 2670 </div> 2671 2672<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2673 2674<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2675 <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"> 2676 <div class="cp-Splash-header"> 2677 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2678 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2679 <svg id="iconClose" viewBox="0 0 25 25"> 2680 <polygon style="fill:currentcolor" 2681 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> 2682 </svg> 2683 </button>
2684 </div> 2685 <div class="cp-Splash-body"> 2686 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2687 <!-- Content from the Froala Editor will go here. --> 2688 Loading 2689 </div> 2690 </div> 2691 <div class="cp-Splash-footer"> 2692 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2693 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 2694 </div> 2695 </div> 2696</div> 2697
2698<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2698
2698
2699<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2699
2699
2700<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2700
2700
2701<script> 2702 2703 $(document).ready(function () { 2704 var filter = { 2705 targetId: '27', 2706 targetType: 1 2707 } 2708 2709 new SplashModalRender().triggerRender(filter); 2710 }); 2711</script>
2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721 2722 2723 2724 2725 2726 2727 2728
2728<script src="/-1442400649.js" type="text/javascript"></script>
2728 2729 <!--Requested code 213480 --> 2730 2731<!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 65 bytes, lines 2731-2732
2731 2732<script async src="https://www.googletagmanager.com/gtag/js?id=
2732G-Q8FQTZ6CDD
vendor: 13 bytes, line 2732
2732"></script>
2733<script>
vendor: 134 bytes, lines 2734-2739
2734window.dataLayer = window.dataLayer || []; 2735function gtag(){dataLayer.push(arguments);} 2736gtag('js', new Date()); 2737 2738 2739gtag('config', '
2739G-Q8FQTZ6CDD
vendor: 5 bytes, line 2739
2739');
2740</script>
2740 2741 2742<!--End Requested code --> 2743 2744<!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 2744-2746
2744 2745 2746<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2746GTM-W5G7774G
vendor: 89 bytes, lines 2746-2749
2746" 2747 2748height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 2749
2750<!-- End Google Tag Manager (noscript) --> 2751 2752 2753 2754<!-- Fixed Nav Adjustment -->
2755<script> 2756 function getValueTS(elem, attr) { 2757 const val = elem.css(attr); 2758 if (val === undefined) return undefined; 2759 const num = parseInt(val, 10); 2760 if (num === NaN) return undefined; 2761 return num; 2762 } 2763 2764 function clampTS(number, min, max) { 2765 return Math.min(Math.max(number, min), max); 2766 } 2767 2768 function isPageEditingTS() { 2769 return ( 2770 $("#doneEditing").length > 0 || // In live edit 2771 typeof DesignCenter !== "undefined" // In theme manager 2772 ); 2773 } 2774 2775 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 2776 function isTransparentTS(elem) { 2777 const bg = elem.css('background-color'); 2778 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 2779 const matchState = bg.match(bgColorRegexTS); 2780 if (!matchState || matchState.length !== 5) return false; 2781 const alpha = parseFloat(matchState[4], 10); 2782 if (!(alpha >= 0 && alpha < 1)) return false; 2783 return true; 2784 } 2785 2786 function iterateLeftpads(cb) { 2787 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2788 for (let i = 0; i < containersTS.length; i++) { 2789 const containerTS = containersTS[i]; 2790 // Skip the body container and anything with data-skip-leftpad 2791 if ( 2792 containerTS.id !== "bodyContainerTS" && 2793 containerTS.getAttribute('data-skip-leftpad') === null 2794 ) { 2795 cb(containerTS); 2796 } 2797 } 2798 } 2799 2800 const anchor = $("#divToolbars");
2801 const anchor2 = $("#headerContainerTS") 2802 2803 // Outer banner padding (push banner down) 2804 const outerSizingTS = $("#bannerContainerTS"); 2805 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 2806 const innerSizingTS = $("#bannerSizingTS"); 2807 const bodyContainerTS = $("#bodyContainerTS"); 2808 2809 const forceUnfixClassTS = "forceUnfixTS"; 2810 2811 const fixedTopTS = $(".fixedTopTS"); 2812 const fixedBottomTS = $(".fixedBottomTS"); 2813 const fixedLeftTS = $(".fixedLeftTS"); 2814 2815 var initialTopTS; 2816 var topAttachTS; 2817 if (fixedTopTS && fixedTopTS.length === 1) { 2818 initialTopTS = getValueTS(fixedTopTS, 'top'); 2819 const attachment = fixedTopTS.attr('data-attach'); 2820 if (attachment) topAttachTS = $("#" + attachment); 2821 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 2822 } 2823 2824 function resizeAdjustmentTS() { 2825 const editing = isPageEditingTS(); 2826 2827 // Fixed top script 2828 (function () { 2829 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 2830 2831 if (editing) { 2832 fixedTopTS[0].classList.add(forceUnfixClassTS); 2833 } else { 2834 fixedTopTS[0].classList.remove(forceUnfixClassTS); 2835 } 2836 2837 const topPosition = fixedTopTS.css('position'); 2838 if (topPosition === 'fixed') { 2839 if (topAttachTS) { 2840 scrollAdjustmentTS(); 2841 } else { 2842 const anchorHeight = anchor.outerHeight() - 1; 2843 fixedTopTS.css('top', anchorHeight + initialTopTS); 2844 } 2845 } else { 2846 fixedTopTS.css('top', initialTopTS); 2847 } 2848 2849 if (topPosition === 'fixed' || topPosition === 'absolute') { 2850 // Bump the banner content down 2851 if (isTransparentTS(fixedTopTS)) { 2852 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 2853 outerSizingTS.css('padding-top', ''); 2854 2855 try { 2856 window.Pages.onResizeHandlersExecute(); 2857 } catch (e) { } 2858 } else { 2859 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 2860 innerSizingTS.css('padding-top', ''); 2861 } 2862 } else { 2863 innerSizingTS.css('padding-top', ''); 2864 outerSizingTS.css('padding-top', ''); 2865 } 2866 })(); 2867 2868 // Fixed bottom script 2869 (function () { 2870 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 2871 2872 // If the widget has gone narrow, force unfix 2873 if (editing || fixedBottomTS.outerHeight() > 200) { 2874 fixedBottomTS[0].classList.add(forceUnfixClassTS); 2875 } else { 2876 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 2877 } 2878 2879 if (fixedBottomTS.css('position') === 'fixed') { 2880 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 2881 } else { 2882 bodyContainerTS.css('padding-bottom', ''); 2883 } 2884 })(); 2885 2886 // Fixed left script 2887 (function () { 2888 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 2889 2890 if (editing) { 2891 fixedLeftTS[0].classList.add(forceUnfixClassTS); 2892 } else { 2893 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 2894 } 2895 2896 if (fixedLeftTS.css('position') === 'fixed') { 2897 const anchorHeight = anchor.outerHeight() - 1; 2898 fixedLeftTS.css('top', anchorHeight); 2899 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 2900 iterateLeftpads(function (containerTS) { 2901 const containerBoundingTS = containerTS.getBoundingClientRect(); 2902 if (containerBoundingTS.left <= leftBoundingTS.right) { 2903 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 2904 } 2905 }); 2906 } else { 2907 fixedLeftTS.css('top', ''); 2908 iterateLeftpads(function (containerTS) { 2909 $(containerTS).css('padding-left', ''); 2910 }); 2911 } 2912 })(); 2913 } 2914 2915 function scrollAdjustmentTS() { 2916 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 2917 const topPosition = fixedTopTS.css('position'); 2918 if (topPosition === 'fixed' || topPosition === 'absolute') { 2919 const anchorBounding = anchor[0].getBoundingClientRect();
2920 const attachBounding = topAttachTS[0].getBoundingClientRect(); 2921 const scrollTop = $(window).scrollTop(); 2922 2923 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 2924 } else { 2925 fixedTopTS.css('top', initialTopTS); 2926 } 2927 } 2928 2929 $(window).load(function () { 2930 setTimeout(function () { 2931 resizeAdjustmentTS(); 2932 }, 350); 2933 2934 $(window).scroll(function () { 2935 scrollAdjustmentTS(); 2936 }); 2937 2938 var adjustTimeoutTS; 2939 $(window).resize(function () { 2940 clearTimeout(adjustTimeoutTS); 2941 adjustTimeoutTS = setTimeout(function () { 2942 resizeAdjustmentTS(); 2943 }, 350); 2944 }); 2945 2946 $.when(window.Pages.angularToolbarComplete).done(function () { 2947 resizeAdjustmentTS(); 2948 }); 2949 }); 2950</script>
2950 2951<!-- End Fixed Nav Adjustment --> 2952 2953 2954 2955<!----------Google Translate (Mobile Friendly)---------> 2956 2957<style> 2958 #google-translate-container { 2959 float: right; 2960 padding: 3px 5px 0px 0px; 2961 position: fixed; 2962 bottom: 16px; 2963 right: 10px; 2964 z-index: 5; 2965 } 2966 2967 .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * { 2968 font-family: arial; 2969 font-size: 10pt; 2970 background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png"); 2971 background-position: 5px 5px; 2972 background-size: 18px; 2973 background-repeat: no-repeat; 2974 text-indent: 16px; 2975 background-color: #fff; 2976 color: #000 !important; 2977 } 2978 2979 .goog-logo-link { 2980 display: none !important; 2981 } 2982 2983 .goog-te-gadget { 2984 color: transparent !important; 2985 } 2986 2987 .goog-te-gadget .goog-te-combo { 2988 margin: 2px 0 !important; 2989 border-radius: 15px !important; 2990 } 2991 2992 .goog-te-combo{ 2993 border: 1px solid !important; 2994 border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important; 2995 border-radius: 50px !important; 2996 height:31px !important; 2997 padding: 0 1px 0 .25rem !important; 2998 width: 156px; 2999 } 3000 3001 #launcher-wrapper { 3002 bottom: 50px !important; 3003 } 3004 3005</style> 3006 3007<div id="google-translate-container"> 3008 <div id="google_translate_element"> 3009 </div> 3010</div> 3011
3012<script> 3013 3014 function googleTranslateElementInit() { 3015 var el = document.getElementById("google_translate_element"); 3016 if (el && el.innerHTML.trim() !== "") { 3017 return; 3018 } 3019 3020 new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); 3021 // begin accessibility compliance 3022 $('img.goog-te-gadget-icon').attr('alt','Google Translate'); 3023 $('div#goog-gt-tt div.logo img').attr('alt','translate'); 3024 $('div#goog-gt-tt .original-text').css('text-align','left'); 3025 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 3026 $('.goog-te-combo').attr('aria-label','google translate languages'); 3027 $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); 3028 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 3029 } 3030 3031 $(function() { 3032 $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); 3033 }); 3034 3035</script>
3035 3036 3037<!--------------End Google Translate-----------------> 3038 3039 3040
3040<script type="text/javascript"> 3041 $(function () { 3042 document.cookie = "responsiveGhost=0; path=/"; 3043 }); 3044 $(window).on("load", function () { 3045 $('body').addClass('doneLoading').removeClass('hideContent'); 3046 3047 if ($('#404Content').length > 0) 3048 $('div#bodyWrapper').css('padding', '0px'); 3049 }); 3050 </script>
3050 3051 3052 <noscript> 3053 <style> 3054 body.hideContent { 3055 opacity: 1 !important; 3056 } 3057 </style> 3058 </noscript> 3059 3060 3061<div style="display: none;"> 3062 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 3063 3064 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 3065 <title>Arrow Left</title> 3066 <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> 3067 </symbol> 3068 3069 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 3070 <title>Arrow Right</title> 3071 <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> 3072 </symbol> 3073 3074 </svg> 3075</div> 3076
3076<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Cardo:700,regular|Source+Sans+Pro:700,regular|');</script>
3076 3077 3078 3079 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 3080 <div style="display: none;"> 3081 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 3082 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 3083 <title>Slideshow Left Arrow</title> 3084 <g> 3085 <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> 3086 </g> 3087 </symbol> 3088 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 3089 <title>Slideshow Right Arrow</title> 3090 <g> 3091 <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> 3092 </g> 3093 </symbol> 3094 </svg> 3095 </div> 3096 3097 3098 3099 3100 <div id="root-picker-outlet"></div> 3101</body> 3102</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.