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-RJXCWE5JLS';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 = true; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 118 <meta name="category0" content="Home" /> 119<meta name="category1" content="How Do I..." /> 120 121 122 <meta name="theme-color" content="#5e768c"> 123 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 124 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 125 <title>How Do I... | Gahanna, OH</title> 126 127 <meta name="description" content="Quickly learn information and gather helpful resources."> 128
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128 129
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129 130 131 132 <!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]--> 133 <!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]--> 134 <!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]--> 135 <!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]--> 136
136<script type="text/javascript"><!-- 137 var intCountryCode = 840; 138 var order = ''; 139//--></script>
139 140 141 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/201880929.css" rel="stylesheet" type="text/css" /> 142 143 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 144
144<script type="text/javascript"> 145 window.Pages = window.Pages || {}; 146 // FrontEnd RWD initialization 147 window.Pages.rwdReady = $.Deferred(); 148 window.Pages.toolBarDeferred = $.Deferred(); 149 window.Pages.rwdSetupComplete = $.Deferred(); 150 window.Pages.megaMenuLoaded = $.Deferred(); 151 window.Pages.angularToolbarComplete = $.Deferred(); 152 window.Pages.frontEndToolbarComplete = $.Deferred(); 153 </script>
153 154 <!--CPHeadContent--> 155
155<script src="/739942322.js" type="text/javascript"></script>
155 156 157 158 159 160 161 162 163 164 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 165 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 166 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 167 <!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]--> 168 169
169<script type="text/javascript"> 170 setEditorVariables(false, 840); 171 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 172 </script>
172 173
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173 174</head> 175<body class="wide " > 176 177
177<script>jQuery(document).click(function (event) { 178 var target = jQuery(event.target); 179 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 180 var text = target.attr('title'); 181 182 if (!text.length) { 183 text = "N/A"; 184 } 185 ga('send', 186 { 187 hitType: 'event', 188 eventCategory: 'Image', 189 eventAction: 'Image - ' + text, 190 eventLabel: window.location.href 191 }); 192 } 193 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 194 var text = ""; 195 if (target.parents('.button')[0]) { 196 text = target.parents('.button').first().text(); 197 } else if (target.text().length) { 198 text = target.text(); 199 } else if (target.attr('title').length) { 200 text = target.attr('title'); 201 } 202 if (!text.length) { 203 text = "N/A"; 204 } 205 ga('send', 206 { 207 hitType: 'event', 208 eventCategory: 'Button', 209 eventAction: 'Button - ' + text, 210 eventLabel: window.location.href 211 }); 212 } 213 if (target.parents('.widgetCustomHtml').length) { 214 ga('send', 215 { 216 hitType: 'event', 217 eventCategory: 'Custom Html',
218 eventAction: 'Custom Html Clicked', 219 eventLabel: window.location.href 220 }); 221 } 222 if (target.parents('.editor').length) { 223 ga('send', 224 { 225 hitType: 'event', 226 eventCategory: 'Editor', 227 eventAction: 'Editor Link Clicked', 228 eventLabel: window.location.href 229 }); 230 } 231 if (target.parents('.GraphicLinks').length) { 232 var text = ""; 233 var targetGraphicLink = target; 234 if (target.hasClass('widgetGraphicLinksLink')) { 235 targetGraphicLink = jQuery(target.children()[0]); 236 } 237 if (targetGraphicLink.hasClass('text')) { 238 text = targetGraphicLink.text(); 239 } else if (targetGraphicLink.attr('src').length) { 240 if (targetGraphicLink.attr('alt').length) { 241 text = targetGraphicLink.attr('alt'); 242 } else { 243 text = targetGraphicLink.attr('src'); 244 } 245 } else { 246 text = "N/A"; 247 } 248 ga('send', 249 { 250 hitType: 'event', 251 eventCategory: 'Graphic Links', 252 eventAction: 'Graphic Link - ' + text, 253 eventLabel: window.location.href 254 }); 255 } 256 if (target.parents('.InfoAdvanced').length) { 257 ga('send', 258 { 259 hitType: 'event', 260 eventCategory: 'Info Advanced', 261 eventAction: 'Info Advanced Clicked', 262 eventLabel: window.location.href 263 }); 264 } 265 if (target.parents('.list').length) { 266 ga('send', 267 { 268 hitType: 'event', 269 eventCategory: 'List', 270 eventAction: 'List Clicked', 271 eventLabel: window.location.href 272 }); 273 } 274 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 275 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 276 var breadCrumbs = []; 277 jQuery('.breadCrumbs > li').each(function () { 278 breadCrumbs.push(this.textContent); 279 }); 280 var pageTitle = breadCrumbs.join('>'); 281 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 282 var text = ""; 283 if (pageTitle) { 284 text += pageTitle + " | "; 285 } else { 286 text += document.title + ' - '; 287 } 288 if (target.text() == "" && megaMenuText == "") { 289 text += "N/A"; 290 } else if (target.text().length && megaMenuText.length) { 291 if (megaMenuText == target.text()) { 292 text += megaMenuText; 293 } else { 294 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 295 } 296 } else if (target.text() == "") { 297 text += megaMenuText; 298 } else { 299 text += target.text(); 300 } 301 if (!text.length) { 302 text = "N/A"; 303 } 304 ga('send', 305 { 306 hitType: 'event', 307 eventCategory: 'Mega Menu', 308 eventAction: 'Mega Menu : ' + text, 309 eventLabel: window.location.href 310 }); 311 } 312 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 313 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 314 if (!text.length) { 315 text = "N/A"; 316 } 317 ga('send', 318 { 319 hitType: 'event', 320 eventCategory: 'News Flash', 321 eventAction: 'News Flash - ' + text, 322 eventLabel: window.location.href 323 }); 324 } 325 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 326 var text = target.text(); 327 if (!text.length) { 328 text = "N/A"; 329 } 330 ga('send', 331 { 332 hitType: 'event', 333 eventCategory: 'Quick Links', 334 eventAction: 'Quick Links - ' + text, 335 eventLabel: window.location.href 336 }); 337 } 338 if (target.attr('src') && target.parents('.cpSlideshow').length) { 339 var text = target.attr('title'); 340 if (!text.length) { 341 text = "N/A"; 342 } 343 ga('send', 344 { 345 hitType: 'event', 346 eventCategory: 'Slideshow', 347 eventAction: 'Slideshow - ' + text, 348 eventLabel: window.location.href 349 }); 350 } 351 if (target.parents('.widgetText').length) { 352 ga('send', 353 { 354 hitType: 'event', 355 eventCategory: 'Text', 356 eventAction: 'Text Link Clicked', 357 eventLabel: window.location.href 358 }); 359 } 360});</script>
360 361 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 362 <div class="cp-PopOver-header"> 363 <h3 class="cp-PopOver-title"></h3> 364 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 365 <svg class="cp-Icon--close" alt="close" title="close"> 366 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 367 </svg> 368 </button> 369 </div> 370 <div id="cpPopOverBody" class="cp-PopOver-body"> 371 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 372 </div> 373 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 374 <div class="cp-BtnGroup" id="actionButtons"> 375 <!-- Action buttons will be dynamically added here --> 376 </div> 377 </div> 378</div> 379 <div id="fb-root"></div> 380<div id=skipToContentLinks> 381<a href="#cc5f8c90dc-b4cb-431b-90ee-10648f8df655" target="_self" class="skipToContentLink">Skip to Main Content</a> 382</div> 383 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 384 385 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 386 387 388 389 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 390 <input type="hidden" id="hdnStructureID" value="1" /> 391 <input type="hidden" id="hdnContentCollectionID" value="3ccf244d-7bbb-45d9-80ac-0257e4487f43" /> 392 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 393 <input type="hidden" id="hdnThemeID" value="1" /> 394 <input type="hidden" id="pageIsFrontEnd" value="true" /> 395 <input type="hidden" id="pageModuleID" /> 396 <input type="hidden" id="pagePageID" value="9" /> 397 398 <div id="stickyPlaceholder"></div> 399 <div id="outer-wrap" class="outer-wrap"> 400 <div id="inner-wrap" class="inner-wrap"> 401 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 402 403 404 405 406 </div> 407 <div id="bodyWrapper"> 408 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 409 410<div data-cpRole="structuralContainer" id="bodyContainerTS"> 411<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 412<div class="siteWrap2" data-skip-leftpad=""><div data-cpRole="structuralContainer" id="logoWraperContainerTS"> 413<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 414 415 416 417 418 <a id="bannerLogoTS-48" style=" display: block; text-align: center; 419" class="bannerObject" href="/" target="_self"><img alt="Homepage" class="bannerObject" height="241" src="/ImageRepository/Document?documentID=664" width="229" /></a> 420</div> 421</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 422<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 423--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 424 --><!-- 425 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavOurGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Our-Government" target = "_self" > Our Government </a> <!-- 426 --><!-- 427 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 428 --><!-- 429 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2 " href="/101/Departments" target = "_self" > Departments </a> <!-- 430 --><!-- 431 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 432 --><!-- 433 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavOurCommunity" class="navMainItem mainNavItem mainNavItem3 " href="/31/Our-Community" target = "_self" > Our Community </a> <!-- 434 --><!-- 435 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 436 --><!-- 437 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 438 --><!-- 439 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 440 --><!-- 441 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavConnectwithUs" class="navMainItem mainNavItem mainNavItem5 " href="/35/Connect-with-Us" target = "_self" > Connect with Us  </a> <!-- 442 --><!-- 443 --></li><!----> 444</ol> 445 446 447
447<script type="text/javascript"> 448 (function () { 449 function setupMenu() { 450 const menuID = 'mainNavMenu'; 451 const menuType = MAIN_MENU; 452 453 //setup menu manager properties for main menu 454 if (!menuManager.mobileMainNav && true) 455 menuManager.adjustMainItemsWidth('#' + menuID); 456 menuManager.isMainMenuEditable = false; 457 menuManager.mainMenuMaxSubMenuLevels = 4; 458 menuManager.setMOMMode(2, menuType); 459 460 //Init main menu 461 const setupDraggable = menuManager.isMainMenuEditable; 462 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=1&menuContainerID=mainNav'; 463 464 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 465 menuManager.mainMenuInit = true; 466 menuManager.mainMenuTextResizer = false; 467 if (1.00 > 0) 468 menuManager.mainMenuTextResizerRatio = 1.00; 469 if (window.isResponsiveEnabled) 470 menuManager.mainMenuReady.resolve(); 471 472 } 473 474 if (document.readyState === "complete" 475 || document.readyState === "loaded" 476 || document.readyState === "interactive") { 477 setupMenu(); 478 return; 479 } 480 481 document.addEventListener("DOMContentLoaded", setupMenu); 482 })(); 483 </script>
483 484 485 486<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="0"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="ccbd95d2e5-c569-4b63-a5a6-80bdc6307857" data-containerid="bd95d2e5-c569-4b63-a5a6-80bdc6307857" class="pageContent cpGrid cpGrid24"> 487 488 489 490 491 </div> 492</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cc865b02b9-5208-4b6f-9f6c-e802e06d3095" data-containerid="865b02b9-5208-4b6f-9f6c-e802e06d3095" class="pageContent cpGrid cpGrid24"> 493 494 495 496 497 </div> 498</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc3ad263ef-5f95-46f8-a944-5908c9183c55" data-containerid="3ad263ef-5f95-46f8-a944-5908c9183c55" class="pageContent cpGrid cpGrid24"> 499 500 501 502 503 </div> 504</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc04bbc3a9-e3dc-4fa5-ae57-181ecdbeac3e" data-containerid="04bbc3a9-e3dc-4fa5-ae57-181ecdbeac3e" class="pageContent cpGrid cpGrid24"> 505 506 507 508 509 </div> 510</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="ccd6631115-b89a-4cfe-8b05-05dc51f465d7" data-containerid="d6631115-b89a-4cfe-8b05-05dc51f465d7" class="pageContent cpGrid cpGrid24"> 511 512 513 514 515 </div> 516</aside></aside></nav></div> 517</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 518<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 519<div class="siteWrap3"><div data-cpRole="structuralContainer" id="searchContentTS"> 520<div data-cpRole="contentContainer" id="searchTS"> <div id="cccfb1d2ed-58ad-4d41-9ca0-8240fe0b9cfc" data-containerid="cfb1d2ed-58ad-4d41-9ca0-8240fe0b9cfc" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 521 522 523 <div class="row outer wide"><!-- 524--><div class="outer col col24 first last" style="" data-widgetcontainerid="b6f2e94a-ffef-418d-8df4-f0d3aca55a35">� 525 <div class="row nest first last wide">� 526 527 <div class="inner col col24 first last idb0f1ca4d-22f8-4965-bcbe-0576e7c43aea" style="" data-widgetcontainerid="b0f1ca4d-22f8-4965-bcbe-0576e7c43aea">� 528<div data-widget-id="f251f247-1de6-4543-99bc-9dcd1102502c" data-widget-controller-path="/Layout/WidgetSearch"> 529 530
530<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
530 531
531<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
531 532
532<script defer type="text/javascript"> 533 534 $(document).ready(function () { 535 try { 536 // Minimum characters required before performing a search/autocomplete 537 var minPrefixLength = 3; 538 var autoCompleteDebounceDelay = 500; 539 var searchFieldSelector = "#searchField" + 'f251f247-1de6-4543-99bc-9dcd1102502c'; 540 var checkboxSelector = "#ysnSearchOnlyDept" + 'f251f247-1de6-4543-99bc-9dcd1102502c'; 541 var buttonSelector = ".widgetSearchButton" + 'f251f247-1de6-4543-99bc-9dcd1102502c'; 542 var autoCompleteCache = {}; 543 var autoCompleteCacheKeys = []; 544 var autoCompleteCacheLimit = 25; 545 var currentAutoCompleteRequest = null; 546 var currentAutoCompleteRequestKey = null; 547 var autoCompleteDebounceTimer = null; 548 var autoCompleteDebounceKey = null; 549 var pendingAutoCompleteResponses = []; 550 551 function normalizeAutoCompleteTerm(term) { 552 return $.trim((term || "") + "").replace(/\s+/g, " "); 553 } 554 555 function shouldSearch(term) { 556 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 557 } 558 559 function getAutoCompleteUrl() { 560 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 561 } 562 563 function getAutoCompleteCacheKey(requestUrl, term) { 564 return requestUrl + "|" + term.toLowerCase(); 565 } 566 567 function cacheAutoCompleteResult(cacheKey, data) { 568 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 569 autoCompleteCacheKeys.push(cacheKey); 570 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 571 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 572 } 573 } 574 autoCompleteCache[cacheKey] = data; 575 } 576 577 function respondToPendingAutoComplete(data) { 578 var responses = pendingAutoCompleteResponses; 579 pendingAutoCompleteResponses = []; 580 for (var i = 0; i < responses.length; i++) { 581 responses[i](data); 582 } 583 } 584 585 function cancelPendingAutoComplete() { 586 clearTimeout(autoCompleteDebounceTimer); 587 autoCompleteDebounceKey = null; 588 if (currentAutoCompleteRequest != null) { 589 currentAutoCompleteRequest.abort(); 590 currentAutoCompleteRequest = null; 591 } 592 currentAutoCompleteRequestKey = null; 593 respondToPendingAutoComplete([]); 594 } 595 596 function createWidgetAutoCompleteSource(options) { 597 return function (request, response) { 598 var term = normalizeAutoCompleteTerm(request.term); 599 if (!options.shouldSearch(term)) { 600 response([]); 601 return; 602 } 603 604 var requestUrl = options.url(); 605 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 606 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 607 response(autoCompleteCache[cacheKey]); 608 if (options.success) { 609 options.success(autoCompleteCache[cacheKey]); 610 } 611 return; 612 } 613 614 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 615 pendingAutoCompleteResponses.push(response); 616 return; 617 } 618 619 cancelPendingAutoComplete(); 620 autoCompleteDebounceKey = cacheKey; 621 pendingAutoCompleteResponses.push(response); 622 autoCompleteDebounceTimer = setTimeout(function () { 623 autoCompleteDebounceKey = null; 624 currentAutoCompleteRequestKey = cacheKey; 625 currentAutoCompleteRequest = $.ajax({ 626 url: requestUrl, 627 dataType: "json", 628 timeout: options.timeout, 629 data: { 630 term: term, 631 }, 632 success: function (data) { 633 if (currentAutoCompleteRequestKey === cacheKey) { 634 cacheAutoCompleteResult(cacheKey, data); 635 respondToPendingAutoComplete(data); 636 if (options.success) { 637 options.success(data); 638 } 639 } 640 }, 641 error: function (xmlhttprequest, textstatus, message) { 642 if (textstatus === "abort") { 643 return; 644 } 645 646 if (options.error) { 647 options.error(xmlhttprequest, textstatus, message); 648 } 649 650 respondToPendingAutoComplete([]); 651 }, 652 complete: function (xmlhttprequest) { 653 if (currentAutoCompleteRequest === xmlhttprequest) { 654 currentAutoCompleteRequest = null;
655 currentAutoCompleteRequestKey = null; 656 } 657 } 658 }); 659 }, options.delay); 660 }; 661 } 662 663 // click handler for search buttons 664 $(buttonSelector).click(function (e) { 665 e.preventDefault(); 666 var $btn = $(this); 667 var $field = $btn.siblings(".widgetSearchBox"); 668 var term = $field.val() + ""; 669 if (!shouldSearch(term)) { 670 // do nothing until user types enough characters 671 $field.focus(); 672 return; 673 } 674 675 if ($(checkboxSelector).is(':checked') || false) 676 { 677 doWidgetSearch($.trim(term), Number(0)); 678 } 679 else { 680 doWidgetSearch($.trim(term), 0); 681 } 682 }); 683 684 // enter key handler for the search field 685 $(searchFieldSelector).keypress(function (e) { 686 var code = e.which || e.keyCode; 687 if (code === 13) { 688 e.preventDefault(); 689 var $this = $(this); 690 var term = $this.val() + ""; 691 if (!shouldSearch(term)) { 692 // do nothing until user types enough characters 693 $this.focus(); 694 return false; 695 } 696 697 if ($(checkboxSelector).is(':checked') || false) { 698 doWidgetSearch($.trim(term), Number(0)); 699 } else { 700 doWidgetSearch($.trim(term), 0); 701 } 702 return false; 703 } 704 return true; 705 }); 706 707 // autocomplete: set minLength and guard source 708 if (true) { 709 var $searchField = $(searchFieldSelector).autocomplete({ 710 minLength: minPrefixLength, 711 source: createWidgetAutoCompleteSource({ 712 delay: autoCompleteDebounceDelay, 713 timeout: 10000, 714 shouldSearch: shouldSearch, 715 url: getAutoCompleteUrl, 716 success: function () { 717 $('.autoCompleteError').remove(); 718 }, 719 error: function (xmlhttprequest, textstatus, message) { 720 if (textstatus === "timeout") { 721 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 722 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 723 } 724 } 725 }), 726 html: true, 727 delay: 0, 728 select: function (event, ui) { 729 $(this).val(ui.item.value); 730 $(this).next().click(); 731 } 732 }); 733 734 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 735 return $("<li class=\"itemList\"></li>") 736 .data("ui-autocomplete-item", item) 737 .append("<a>" + item.label + "</a>") 738 .appendTo(ul); 739 }; 740 } 741 742 // keep searchBtnApplyQuery consistent with prefix rule 743 window.searchBtnApplyQuery = function() { 744 var $field = $(searchFieldSelector); 745 var term = $field.val() + ""; 746 if (shouldSearch(term)) { 747 // update href for the icon/button (if present) 748 var btn = document.getElementById("btnSearchIcon"); 749 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 750 } else { 751 var btn = document.getElementById("btnSearchIcon"); 752 if (btn) btn.href = "#"; 753 } 754 }; 755 } 756 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. 757 }); 758 </script>
758 759 760 <section id="widgetPreviewSearch" class="widget widgetSearch skin39 widgetOptionSet15" style="display: block;" aria-label="Search"> 761 <!-- For the button right and inside --> 762 <div class="widgetBody buttonRightInside"> 763 <input class="widgetSearchBox widgetSearchBoxf251f247-1de6-4543-99bc-9dcd1102502c" cp5ph="true" id="searchFieldf251f247-1de6-4543-99bc-9dcd1102502c" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 764 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonf251f247-1de6-4543-99bc-9dcd1102502c" role="button"><img alt="Search-1" class="imageHover" data-hover="/ImageRepository/Document?documentID=667" data-image="/ImageRepository/Document?documentID=666" src="/ImageRepository/Document?documentID=666" /></a> 765 766 <label class="searchLabel" aria-hidden="true" for="searchFieldf251f247-1de6-4543-99bc-9dcd1102502c">Search</label> 767 </div> 768 769 </section> 770 771 772<style scoped> 773 774 .widgetSearch ::-webkit-input-placeholder { 775 color: #373330; 776 } 777 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 778 color: #373330; 779 } 780 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 781 color: #373330; 782 } 783 .widgetSearch :-ms-input-placeholder { 784 color: #373330; 785 } 786 787 788 .widgetSearch .widgetBody .widgetSearchBoxf251f247-1de6-4543-99bc-9dcd1102502c 789 { 790 color: #373330; 791 font-family: Open Sans; 792height: 50px; 793border: 1px solid rgba(255,255,255,1); 794background: rgba(255,255,255,1); 795padding: 0 80px 0 20px; 796box-shadow: 0px 0px 0px 6px rgba(255, 255, 255, 0.57), 0.3px 0.5px 0.7px rgba(0, 25, 30,0.06), 7970.9px 1.8px 2.3px -0.3px rgba(0, 25, 30,0.06), 7981.6px 3.1px 3.9px -0.6px rgba(0, 25, 30,0.06), 7992.3px 4.7px 5.9px -0.8px rgba(0, 25, 30,0.06), 8003.4px 6.7px 8.5px -1.1px rgba(0, 25, 30,0.06), 8014.8px 9.6px 12.1px -1.4px rgba(0, 25, 30,0.06), 8026.8px 13.6px 17.1px -1.7px rgba(0, 25, 30,0.06), 8039.5px 19px 23.9px -1.9px rgba(0, 25, 30,0.06), 80413px 26px 32.7px -2.2px rgba(0, 25, 30,0.1), 80517.5px 35px 44px -2.5px rgba(0, 25, 30,0.1); 806 } 807 .widgetSearch .widgetBody .widgetSearchButtonf251f247-1de6-4543-99bc-9dcd1102502c 808 { 809 margin: 5px; padding-top: 0em; 810padding-right: .25em; 811 } 812 .widgetSearch .widgetSearch-onlyDeptf251f247-1de6-4543-99bc-9dcd1102502c 813 { 814 display: inline-block; 815 color: #333; 816 817 818 padding-top: 10px; 819 } 820 #ysnSearchOnlyDeptf251f247-1de6-4543-99bc-9dcd1102502c 821 { 822 position: relative; 823 top: .125em; 824 } 825 826</style> 827 828<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 829<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 830 831 832
833<script type="text/javascript"> 834 //Updates search icons href to have the correct queryString 835 function searchBtnApplyQuery() { 836 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldf251f247-1de6-4543-99bc-9dcd1102502c").value; 837 } 838</script>
838 839 840</div> 841 842 </div> <!-- inner column --> 843 844 </div> <!-- inner row --> 845 846 </div><!-- outer column --><!-- --></div> <!-- outer row --> 847 <div class="row outer wide"><!-- 848--><div class="outer col col24 first last" style="" data-widgetcontainerid="ce89cf0f-5f85-407c-bc71-387c634e25fc">� 849 <div class="row nest first last wide">� 850 851 <div class="inner col col24 first last idf025c45d-1386-4d50-be58-002fa6eb5151" style="" data-widgetcontainerid="f025c45d-1386-4d50-be58-002fa6eb5151">� 852<div data-widget-id="694ff6c7-7e4a-4415-bb48-bf19552fdc94" data-widget-controller-path="/GraphicLinks/Widget"> 853 854 855 856 857<div id="graphicLinkWidget694ff6c7-7e4a-4415-bb48-bf19552fdc94" class="widget widgetGraphicLinks skin55 widgetOptionSet37 wide" data-elementqueryclasses='{"wide-narrow":"min-width:2em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 858 <div class="widgetHeader"> 859 <div class=""> 860 </div> 861 </div> 862 <div class="widgetBody cpGrid cpGrid5 "> 863 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 864 <div class="row wide"> 865 <!-- 866--><div class="col col1 first "><ul class="semanticList"><!-- 867 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/CityOfGahanna/" target="_self"> 868 869<img src="/ImageRepository/Document?documentID=48" 870 class="graphicButtonLink" alt="Facebook" 871 onmouseover="this.src='/ImageRepository/Document?documentID=48'" 872 onmouseout="this.src='/ImageRepository/Document?documentID=48'" 873 onfocus="this.src='/ImageRepository/Document?documentID=48'" 874 onblur="this.src='/ImageRepository/Document?documentID=48'"> 875</a></li><!-- 876--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 877 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/CityOfGahanna" target="_self"> 878 879<img src="/ImageRepository/Document?documentID=50" 880 class="graphicButtonLink" alt="Twitter" 881 onmouseover="this.src='/ImageRepository/Document?documentID=50'" 882 onmouseout="this.src='/ImageRepository/Document?documentID=50'" 883 onfocus="this.src='/ImageRepository/Document?documentID=50'" 884 onblur="this.src='/ImageRepository/Document?documentID=50'"> 885</a></li><!-- 886--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 887 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 888 889<img src="/ImageRepository/Document?documentID=49" 890 class="graphicButtonLink" alt="Instagram" 891 onmouseover="this.src='/ImageRepository/Document?documentID=49'" 892 onmouseout="this.src='/ImageRepository/Document?documentID=49'" 893 onfocus="this.src='/ImageRepository/Document?documentID=49'" 894 onblur="this.src='/ImageRepository/Document?documentID=49'"> 895</a></li><!-- 896--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 897 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/user/CityofGahanna/videos" target="_self"> 898 899<img src="/ImageRepository/Document?documentID=51" 900 class="graphicButtonLink" alt="YouTube" 901 onmouseover="this.src='/ImageRepository/Document?documentID=51'" 902 onmouseout="this.src='/ImageRepository/Document?documentID=51'" 903 onfocus="this.src='/ImageRepository/Document?documentID=51'" 904 onblur="this.src='/ImageRepository/Document?documentID=51'"> 905</a></li><!-- 906--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 907 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/cityofgahanna" target="_self"> 908 909<img src="/ImageRepository/Document?documentID=52" 910 class="graphicButtonLink" alt="Linkedin" 911 onmouseover="this.src='/ImageRepository/Document?documentID=52'" 912 onmouseout="this.src='/ImageRepository/Document?documentID=52'" 913 onfocus="this.src='/ImageRepository/Document?documentID=52'" 914 onblur="this.src='/ImageRepository/Document?documentID=52'"> 915</a></li><!-- 916--></ul></div><!-- --> 917 </div> 918 </nav> 919 </div> 920 <div class="widgetFooter"> 921 </div> 922</div> 923</div> 924 925 </div> <!-- inner column --> 926 927 </div> <!-- inner row --> 928 929 </div><!-- outer column --><!-- --></div> <!-- outer row --> 930 931 932 </div> 933</div> 934</div><div data-cpRole="structuralContainer" id="bannerContentTS"> 935<div data-cpRole="contentContainer" id="welcomeTS"> <div id="cc0e714e9d-4ac0-4149-8162-275297659e44" data-containerid="0e714e9d-4ac0-4149-8162-275297659e44" class="pageContent cpGrid cpGrid24 showInMobile"> 936 937 938 939 940 </div> 941</div> 942</div></div> 943</div> 944 945 946 947 948 <div id="banner1-2" style="display: none"></div> 949
949<script type="text/javascript"> 950 $(window).on("load", function () { 951 $.when(window.Pages.rwdSetupComplete) 952 .done(function () { 953 renderBanner('banner1-2', 954 'banner1', 955 {"BannerOptionID":2,"ThemeID":1,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":null,"SlideshowTransition":0,"SlideShowTransitionTiming":null,"ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":154,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=1444","Height":700,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},{"BannerImageID":132,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=1282","Height":650,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},{"BannerImageID":133,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=1285","Height":650,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},{"BannerImageID":134,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=1284","Height":648,"Width":2202,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},{"BannerImageID":135,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=1283","Height":650,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 956 {"BannerImageID":154,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=1444","Height":700,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 957 '/App_Themes/Interior/Images/', 958 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=1444" />'); 959 }); 960 }); 961 </script>
961 962 963</div> 964</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"><div class="inner"><div class="inner"> 965<div class="siteWrap1"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 966<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 967<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 968<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 969 <li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="9"><a href class="breadCrumb" aria-current="page">How Do I...</a></li> 970 </ol> 971 <div class="contentTools"> 972 <ol class="semanticList cpTextResizer"> 973 <li><a href="#" id="makeTextSmaller" title="Make text smaller">A</a></li> 974 <li><a href="#" id="makeTextBigger" title="Make text bigger">A</a></li> 975 </ol> 976 </div> 977 978 979 980</div><div data-cpRole="mainContentContainer" id="moduleContent"> 981 982 <div id="page" class="moduleContentNew"> 983 984 985 <input id="hdnPageID" name="hdnPageID" type="hidden" value="9" /> 986 <input id="hdnParentID" name="hdnParentID" type="hidden" value="1" /> 987 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="1120" /> 988 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="How Do I..." /> 989 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
990 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 991 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 992 993 <h1 id="versionHeadLine" class="headline"> 994 995How Do I... </h1> 996 997 <div id="cc5f8c90dc-b4cb-431b-90ee-10648f8df655" data-containerid="5f8c90dc-b4cb-431b-90ee-10648f8df655" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="45" > 998 999 1000 <div class="row outer wide"><!-- 1001--><div class="outer col col24 first last" style="" data-widgetcontainerid="de6e95d7-bed6-4574-9671-f9b3b1b9a61c">� 1002 <div class="row nest first last wide">� 1003 1004 <div class="inner col col24 first last id16bf930a-2d05-470a-93a5-a6076f3bf0f5" style="" data-widgetcontainerid="16bf930a-2d05-470a-93a5-a6076f3bf0f5">� 1005 <nav class="widget clear dynamicSubpage widgetPages skin43 wide" id="widgetPage46451811-6431-49d6-a977-995b69f68c71" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label = Pages> 1006 <div class="hidden widgetTypeID">9</div> 1007 <div class="hidden depth">2</div> 1008 <div class="hidden cols">2</div> 1009 <div class="hidden format">3</div> 1010 <div class="widgetBody"> 1011 1012 <div class="widgetBody cpGrid cpGrid2 "> 1013 <div class="row wide"> 1014 1015 <div class="col col1"> 1016 <ol class="semanticList layout3"> 1017 <li class="megaMenuItem widgetItem level1" data-pageid="143" role="none"> 1018 <div class="widgetTitle"> 1019 <a href="/143/Apply-For" target="_self" >Apply For</a> 1020 </div> 1021 <ol class="semanticList"> 1022 <li class="megaMenuItem level2" role="none" data-pageid="135"> 1023 <a href="https://www.governmentjobs.com/careers/gahanna/" target="_self" >Employment Opportunities</a> </li> 1024 <li class="megaMenuItem level2" role="none" data-pageid="315"> 1025 <a href="/229/Permits" target="_self" >Permits</a> </li> 1026 <li class="megaMenuItem level2" role="none" data-pageid="458"> 1027 <a href="https://gahanna.galaxydigital.com/portal/landing/" target="_self" >Volunteer Opportunities </a> </li> 1028 </ol> 1029 1030 </li> <li class="megaMenuItem widgetItem level1" data-pageid="142" role="none"> 1031 <div class="widgetTitle"> 1032 <a href="/142/Contact" target="_self" >Contact</a> 1033 </div> 1034 <ol class="semanticList"> 1035 <li class="megaMenuItem level2" role="none" data-pageid="318"> 1036 <a href="/205/Mayors-Office" target="_self" >Mayor's Office</a> </li> 1037 <li class="megaMenuItem level2" role="none" data-pageid="554"> 1038 <a href="/191/City-Council" target="_self" >Council Office</a> </li> 1039 <li class="megaMenuItem level2" role="none" data-pageid="319"> 1040 <a href="/546/Connect-with-Us" target="_self" >Police</a> </li> 1041 <li class="megaMenuItem level2" role="none" data-pageid="317"> 1042 <a href="/Directory.aspx" target="_self" >All Staff</a> </li> 1043 </ol> 1044 1045 </li> </ol> 1046 </div> 1047 <div class="col col1"> 1048 <ol class="semanticList layout3"> 1049 <li class="megaMenuItem widgetItem level1" data-pageid="383" role="none"> 1050 <div class="widgetTitle"> 1051 <a href="/FAQ.aspx" target="_self" >Frequently Asked Questions (FAQs)</a> 1052 </div> 1053 <ol class="semanticList"> 1054 <li class="megaMenuItem level2" role="none" data-pageid="374"> 1055 <a href="/374/Gahanna-Direct" target="_self" >Gahanna Direct</a> </li> 1056 <li class="megaMenuItem level2" role="none" data-pageid="442"> 1057 <a href="/faq.aspx?TID=29" target="_self" >Waste Collection</a> </li> 1058 </ol> 1059 1060 </li> <li class="megaMenuItem widgetItem level1" data-pageid="146" role="none"> 1061 <div class="widgetTitle"> 1062 <a href="/146/Make-a-Payment" target="_self" >Make a Payment</a> 1063 </div> 1064 <ol class="semanticList"> 1065 <li class="megaMenuItem level2" role="none" data-pageid="324"> 1066 <a href="/228/Pay-a-Bill" target="_self" >Pay a Water & Sewer Utility Bill</a> </li> 1067 <li class="megaMenuItem level2" role="none" data-pageid="325"> 1068 <a href="https://www.ohioticketpayments.com/Gahanna/DocketSearch.php" target="_self" >Pay a Traffic Ticket or Court Fine</a> </li> 1069 </ol> 1070 1071 </li> <li class="megaMenuItem widgetItem level1" data-pageid="145" role="none"> 1072 <div class="widgetTitle"> 1073 <a href="/145/Sign-Up-For" target="_self" >Sign Up For</a> 1074 </div> 1075 <ol class="semanticList"> 1076 <li class="megaMenuItem level2" role="none" data-pageid="460"> 1077 <a href="/list.aspx" target="_self" >City Updates, News, & Notifications</a> </li> 1078 <li class="megaMenuItem level2" role="none" data-pageid="459"> 1079 <a href="https://alertfranklincounty.org/" target="_blank" rel="noopener">Franklin County Alert Notifications</a> </li> 1080 <li class="megaMenuItem level2" role="none" data-pageid="323"> 1081 <a href="/262/Get-Involved" target="_self" >Volunteer Opportunities </a> </li> 1082 </ol> 1083 1084 </li> </ol> 1085 </div> 1086 </div> 1087 </div> 1088 1089 1090 1091 1092 </div> 1093 1094 </nav> 1095 1096 1097 1098 </div> <!-- inner column --> 1099 1100 </div> <!-- inner row --> 1101 1102 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1103 1104 1105 </div> 1106 1107 </div> 1108 1109
1110 <div class="newCP"> 1111 1112 </div> 1113</div> 1114</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccd6923f64-2522-4bce-8783-61ad1b416b69" data-containerid="d6923f64-2522-4bce-8783-61ad1b416b69" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="40"> 1115 1116 1117 1118 1119 </div> 1120</aside> 1121</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 1122<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="ccfa142b08-e073-43ff-a16f-417d740cf6f1" data-containerid="fa142b08-e073-43ff-a16f-417d740cf6f1" class="pageContent cpGrid cpGrid24 showInMobile"> 1123 1124 1125 1126 1127 </div> 1128</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 1129 1130 1131 1132 1133 1134 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="9" class="rootNavMenu accordionNav"> 1135 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem143" data-pageid="143"> 1136 <div class="accordionNavItem"> 1137 <a href="/143/Apply-For" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Apply For</a> 1138 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Apply For Submenu" aria-expanded="false" aria-controls="submenu-lvl1-143"></a> 1139 </div> 1140 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-143" style="display: none;" data-parent="143"> 1141 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem135" data-pageid="135"> 1142 <div class="accordionNavItem"> 1143 <a href="https://www.governmentjobs.com/careers/gahanna/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Employment Opportunities</span></a> 1144 </div> 1145 </li> 1146 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem315" data-pageid="315"> 1147 <div class="accordionNavItem"> 1148 <a href="/229/Permits" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Permits</span></a> 1149 </div> 1150 </li> 1151 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem458" data-pageid="458"> 1152 <div class="accordionNavItem"> 1153 <a href="https://gahanna.galaxydigital.com/portal/landing/" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Volunteer Opportunities </span></a> 1154 </div> 1155 </li> 1156 1157 </ol> 1158 </li> 1159 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem142" data-pageid="142"> 1160 <div class="accordionNavItem"> 1161 <a href="/142/Contact" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Contact</a> 1162 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Contact Submenu" aria-expanded="false" aria-controls="submenu-lvl1-142"></a> 1163 </div> 1164 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-142" style="display: none;" data-parent="142"> 1165 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem318" data-pageid="318"> 1166 <div class="accordionNavItem"> 1167 <a href="/205/Mayors-Office" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Mayor's Office</span></a> 1168 </div> 1169 </li> 1170 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem554" data-pageid="554"> 1171 <div class="accordionNavItem"> 1172 <a href="/191/City-Council" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Council Office</span></a> 1173 </div> 1174 </li> 1175 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem319" data-pageid="319"> 1176 <div class="accordionNavItem"> 1177 <a href="/546/Connect-with-Us" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Police</span></a> 1178 </div> 1179 </li> 1180 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem317" data-pageid="317"> 1181 <div class="accordionNavItem"> 1182 <a href="/Directory.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">All Staff</span></a> 1183 </div> 1184 </li> 1185 1186 </ol> 1187 </li> 1188 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem383" data-pageid="383">
1189 <div class="accordionNavItem"> 1190 <a href="/FAQ.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Frequently Asked Questions (FAQs)</a> 1191 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Frequently Asked Questions (FAQs) Submenu" aria-expanded="false" aria-controls="submenu-lvl1-383"></a> 1192 </div> 1193 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-383" style="display: none;" data-parent="383"> 1194 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem374" data-pageid="374"> 1195 <div class="accordionNavItem"> 1196 <a href="/374/Gahanna-Direct" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Gahanna Direct</span></a> 1197 <a href="#" role="button" class="openAccordionNav accordionNavMenuItem" aria-label="Gahanna Direct Submenu" aria-expanded="false" aria-controls="submenu-lvl2-374"></a> 1198 </div> 1199 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl2" id="submenu-lvl2-374" style="display: none;" data-parent="374"> 1200 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem613" data-pageid="613"> 1201 <div class="accordionNavItem"> 1202 <a href="/611/Submit-a-Service-Request" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Gahanna Direct</span></a> 1203 </div> 1204 </li> 1205 1206 </ol> 1207 </li> 1208 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem442" data-pageid="442"> 1209 <div class="accordionNavItem"> 1210 <a href="/faq.aspx?TID=29" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Waste Collection</span></a> 1211 </div> 1212 </li> 1213 1214 </ol> 1215 </li> 1216 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem146" data-pageid="146"> 1217 <div class="accordionNavItem"> 1218 <a href="/146/Make-a-Payment" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Make a Payment</a> 1219 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Make a Payment Submenu" aria-expanded="false" aria-controls="submenu-lvl1-146"></a> 1220 </div> 1221 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-146" style="display: none;" data-parent="146"> 1222 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem324" data-pageid="324"> 1223 <div class="accordionNavItem"> 1224 <a href="/228/Pay-a-Bill" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Pay a Water & Sewer Utility Bill</span></a> 1225 </div> 1226 </li> 1227 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem325" data-pageid="325"> 1228 <div class="accordionNavItem"> 1229 <a href="https://www.ohioticketpayments.com/Gahanna/DocketSearch.php" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Pay a Traffic Ticket or Court Fine</span></a> 1230 </div> 1231 </li> 1232 1233 </ol> 1234 </li> 1235 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem145" data-pageid="145"> 1236 <div class="accordionNavItem"> 1237 <a href="/145/Sign-Up-For" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Sign Up For</a> 1238 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Sign Up For Submenu" aria-expanded="false" aria-controls="submenu-lvl1-145"></a> 1239 </div> 1240 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-145" style="display: none;" data-parent="145"> 1241 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem460" data-pageid="460"> 1242 <div class="accordionNavItem"> 1243 <a href="/list.aspx" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">City Updates, News, & Notifications</span></a> 1244 </div> 1245 </li> 1246 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem459" data-pageid="459"> 1247 <div class="accordionNavItem"> 1248 <a href="https://alertfranklincounty.org/" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Franklin County Alert Notifications</span></a> 1249 </div> 1250 </li> 1251 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem323" data-pageid="323"> 1252 <div class="accordionNavItem"> 1253 <a href="/262/Get-Involved" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Volunteer Opportunities </span></a> 1254 </div> 1255 </li> 1256 1257 </ol> 1258 </li> 1259 1260 </ol> 1261 1262 1263
1263<script type="text/javascript"> 1264 (function () { 1265 function setupSecondaryMenuProperties() { 1266 //setup menu manager properties for secondary menu 1267 menuManager.isSideMenuEditable = false; 1268 menuManager.sideMenuMaxSubMenuLevels = 4; 1269 menuManager.sideMenuHasCustomLinks = false; 1270 } 1271 1272 if (document.readyState === "loading") { 1273 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1274 return; 1275 } 1276 1277 setupSecondaryMenuProperties(); 1278 })(); 1279 </script>
1279 1280 1281
1281<script type="text/javascript"> 1282 (function () { 1283 function setupAccordionSecondaryNav() { 1284 var $menuContainer = $('#secondaryNav'); 1285 1286 $menuContainer.find('*[id^="SideItem"]').each(function () { 1287 var ids = $('[id="' + this.id + '"]'); 1288 if (ids.length > 1) 1289 $.each(ids, function (index, value) { 1290 value.id = value.id + '_' + index; 1291 }); 1292 }); 1293 1294 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1295 e.preventDefault(); 1296 showHideAccordionMenuForSecondaryNav($(this)); 1297 }); 1298 1299 $menuContainer.find(".grippy").each(function () { 1300 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1301 }); 1302 1303 $menuContainer.find("li").each(function () { 1304 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1305 }); 1306 } 1307 1308 if (document.readyState === "loading") { 1309 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1310 return; 1311 } 1312 1313 setupAccordionSecondaryNav(); 1314 })(); 1315 </script>
1315 1316 1317 1318 1319</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc5a8d3a61-6812-4819-8963-be344a9659a2" data-containerid="5a8d3a61-6812-4819-8963-be344a9659a2" class="pageContent cpGrid cpGrid24 showInMobile"> 1320 1321 1322 1323 1324 </div> 1325</aside> 1326</div> 1327</div></div></div></div> 1328</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1329<div class="siteWrap1"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc407d1c97-22d9-4c2a-98f5-7cf077ad479a" data-containerid="407d1c97-22d9-4c2a-98f5-7cf077ad479a" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="45"> 1330 1331 1332 <div class="row outer wide"><!-- 1333--><div class="outer col col8 first" style="" data-widgetcontainerid="b214a44a-cea8-4914-845c-5589bfc75054">� 1334 <div class="row nest first last wide">� 1335 1336 <div class="inner col col8 first last id41226f6f-2106-4a67-9808-97bb52f9cc69" style="" data-widgetcontainerid="41226f6f-2106-4a67-9808-97bb52f9cc69">� 1337<div data-widget-id="c00094b1-0956-4992-bcd3-175a91e49bec" data-widget-controller-path="/GraphicLinks/Widget"> 1338 1339 1340 1341 1342<div id="graphicLinkWidgetc00094b1-0956-4992-bcd3-175a91e49bec" class="widget widgetGraphicLinks skin45 widgetOptionSet40 wide" data-elementqueryclasses='{"wide-narrow":"min-width:2em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1343 <div class="widgetHeader"> 1344 <div class=""> 1345 </div> 1346 </div> 1347 <div class="widgetBody cpGrid cpGrid2 "> 1348 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1349 <div class="row wide"> 1350 <!-- 1351--><div class="col col1 first "><ul class="semanticList"><!-- 1352 --><li class="widgetItem GraphicLinks"> 1353 1354<div> 1355 <a href="/560/Meetings-Notices" target="_self" class="fancyButton fancyButton110 " > 1356 <span> 1357 <span><span class="text">Meeting & Notices</span></span> 1358 </span> 1359 </a> 1360</div> 1361 <style scoped="scoped">.fancyButton110.fancyButton:link,.fancyButton110.fancyButton:visited, .fancyButton110div.fancyButton{ 1362 background-image: url('/ImageRepository/Document?documentID=641'); 1363 background-repeat: no-repeat; 1364 background-position: center 1em ; 1365transition: all 0.3s ease-in-out;} 1366.fancyButton110.fancyButton:hover,.fancyButton110.fancyButton:focus,.fancyButton110.fancyButton:active,.fancyButton110.fancyButton.hover{ 1367 background-image: url('/ImageRepository/Document?documentID=640'); 1368 background-repeat: no-repeat; 1369 background-position: center 0em ; 1370transition: all 0.3s ease-in-out;} 1371.fancyButton110.fancyButton:link > span,.fancyButton110.fancyButton:visited > span, .fancyButton110div.fancyButton > span{ 1372} 1373.fancyButton110.fancyButton:hover > span,.fancyButton110.fancyButton:focus > span,.fancyButton110.fancyButton:active > span,.fancyButton110.fancyButton.hover > span{ 1374} 1375.fancyButton110.fancyButton .text{ 1376 color: #ffffff; 1377 font-family: "Poppins"; 1378 padding-top: 11em; 1379 font-style: normal; 1380 text-decoration: none; 1381 padding-top: 11em; 1382 background-image: url('/ImageRepository/Document?documentID=628'); 1383 background-repeat: no-repeat; 1384 background-position: center 4em ; 1385transition: all 0.3s ease-in-out; 1386} 1387.fancyButton110.fancyButton:hover .text,.fancyButton110.fancyButton:focus .text,.fancyButton110.fancyButton:active .text,.fancyButton110.fancyButton.hover .text{ 1388 text-decoration: underline; 1389 background-image: url('/ImageRepository/Document?documentID=629'); 1390 background-repeat: no-repeat; 1391 background-position: center 3em ; 1392transition: all 0.3s ease-in-out; 1393} 1394</style> 1395 1396 </li><!-- 1397--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1398 --><li class="widgetItem GraphicLinks"> 1399 1400<div> 1401 <a href="/190/Mayors-Court" target="_self" class="fancyButton fancyButton111 " > 1402 <span> 1403 <span><span class="text">Mayor's Court</span></span> 1404 </span> 1405 </a> 1406</div> 1407 <style scoped="scoped">.fancyButton111.fancyButton:link,.fancyButton111.fancyButton:visited, .fancyButton111div.fancyButton{ 1408 background-image: url('/ImageRepository/Document?documentID=641'); 1409 background-repeat: no-repeat; 1410 background-position: center 1em ; 1411transition: all 0.3s ease-in-out;} 1412.fancyButton111.fancyButton:hover,.fancyButton111.fancyButton:focus,.fancyButton111.fancyButton:active,.fancyButton111.fancyButton.hover{ 1413 background-image: url('/ImageRepository/Document?documentID=640'); 1414 background-repeat: no-repeat; 1415 background-position: center 0em ; 1416transition: all 0.3s ease-in-out;} 1417.fancyButton111.fancyButton:link > span,.fancyButton111.fancyButton:visited > span, .fancyButton111div.fancyButton > span{ 1418} 1419.fancyButton111.fancyButton:hover > span,.fancyButton111.fancyButton:focus > span,.fancyButton111.fancyButton:active > span,.fancyButton111.fancyButton.hover > span{ 1420} 1421.fancyButton111.fancyButton .text{ 1422 color: #ffffff; 1423 font-family: "Poppins"; 1424 padding-top: 11em; 1425 font-style: normal; 1426 text-decoration: none; 1427 padding-top: 11em; 1428 background-image: url('/ImageRepository/Document?documentID=655'); 1429 background-repeat: no-repeat; 1430 background-position: center 3.75em ; 1431transition: all 0.3s ease-in-out; 1432} 1433.fancyButton111.fancyButton:hover .text,.fancyButton111.fancyButton:focus .text,.fancyButton111.fancyButton:active .text,.fancyButton111.fancyButton.hover .text{ 1434 text-decoration: underline; 1435 background-image: url('/ImageRepository/Document?documentID=656'); 1436 background-repeat: no-repeat; 1437 background-position: center 3em ; 1438transition: all 0.3s ease-in-out; 1439} 1440</style> 1441 1442 </li><!-- 1443--></ul></div><!-- --> 1444 </div> 1445 </nav> 1446 </div> 1447 <div class="widgetFooter"> 1448 </div> 1449</div> 1450</div> 1451 1452 </div> <!-- inner column --> 1453 1454 </div> <!-- inner row --> 1455 1456 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="f9fa426f-c971-4f34-a9d8-d1e6fa04adcd">� 1457 <div class="row nest first last wide">� 1458 1459 <div class="inner col col8 first last idf8da62ce-9888-4ec3-b4f0-d3d445886fe9" style="" data-widgetcontainerid="f8da62ce-9888-4ec3-b4f0-d3d445886fe9">� 1460<div data-widget-id="b8c096b2-8061-4ba2-9c16-f0259361828e" data-widget-controller-path="/GraphicLinks/Widget"> 1461 1462 1463 1464 1465<div id="graphicLinkWidgetb8c096b2-8061-4ba2-9c16-f0259361828e" class="widget widgetGraphicLinks skin45 widgetOptionSet40 wide" data-elementqueryclasses='{"wide-narrow":"min-width:2em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1466 <div class="widgetHeader"> 1467 <div class="">
1468 </div> 1469 </div> 1470 <div class="widgetBody cpGrid cpGrid2 "> 1471 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1472 <div class="row wide"> 1473 <!-- 1474--><div class="col col1 first "><ul class="semanticList"><!-- 1475 --><li class="widgetItem GraphicLinks"> 1476 1477<div> 1478 <a href="/426/Human-Resources" target="_self" class="fancyButton fancyButton112 " > 1479 <span> 1480 <span><span class="text">Employment</span></span> 1481 </span> 1482 </a> 1483</div> 1484 <style scoped="scoped">.fancyButton112.fancyButton:link,.fancyButton112.fancyButton:visited, .fancyButton112div.fancyButton{ 1485 background-image: url('/ImageRepository/Document?documentID=641'); 1486 background-repeat: no-repeat; 1487 background-position: center 1em ; 1488transition: all 0.3s ease-in-out;} 1489.fancyButton112.fancyButton:hover,.fancyButton112.fancyButton:focus,.fancyButton112.fancyButton:active,.fancyButton112.fancyButton.hover{ 1490 background-image: url('/ImageRepository/Document?documentID=640'); 1491 background-repeat: no-repeat; 1492 background-position: center 0em ; 1493transition: all 0.3s ease-in-out;} 1494.fancyButton112.fancyButton:link > span,.fancyButton112.fancyButton:visited > span, .fancyButton112div.fancyButton > span{ 1495} 1496.fancyButton112.fancyButton:hover > span,.fancyButton112.fancyButton:focus > span,.fancyButton112.fancyButton:active > span,.fancyButton112.fancyButton.hover > span{ 1497} 1498.fancyButton112.fancyButton .text{ 1499 color: #ffffff; 1500 font-family: "Poppins"; 1501 padding-top: 11em; 1502 font-style: normal; 1503 text-decoration: none; 1504 padding-top: 11em; 1505 background-image: url('/ImageRepository/Document?documentID=632'); 1506 background-repeat: no-repeat; 1507 background-position: center 4em ; 1508transition: all 0.3s ease-in-out; 1509} 1510.fancyButton112.fancyButton:hover .text,.fancyButton112.fancyButton:focus .text,.fancyButton112.fancyButton:active .text,.fancyButton112.fancyButton.hover .text{ 1511 text-decoration: underline; 1512 background-image: url('/ImageRepository/Document?documentID=633'); 1513 background-repeat: no-repeat; 1514 background-position: center 3em ; 1515transition: all 0.3s ease-in-out; 1516} 1517</style> 1518 1519 </li><!-- 1520--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1521 --><li class="widgetItem GraphicLinks"> 1522 1523<div> 1524 <a href="https://oh-gahanna.civicplus.com/332/Online-Tools" target="_self" class="fancyButton fancyButton113 " > 1525 <span> 1526 <span><span class="text">Online Tools</span></span> 1527 </span> 1528 </a> 1529</div> 1530 <style scoped="scoped">.fancyButton113.fancyButton:link,.fancyButton113.fancyButton:visited, .fancyButton113div.fancyButton{ 1531 background-image: url('/ImageRepository/Document?documentID=641'); 1532 background-repeat: no-repeat; 1533 background-position: center 1em ; 1534transition: all 0.3s ease-in-out;} 1535.fancyButton113.fancyButton:hover,.fancyButton113.fancyButton:focus,.fancyButton113.fancyButton:active,.fancyButton113.fancyButton.hover{ 1536 background-image: url('/ImageRepository/Document?documentID=640'); 1537 background-repeat: no-repeat; 1538 background-position: center 0em ; 1539transition: all 0.3s ease-in-out;} 1540.fancyButton113.fancyButton:link > span,.fancyButton113.fancyButton:visited > span, .fancyButton113div.fancyButton > span{ 1541} 1542.fancyButton113.fancyButton:hover > span,.fancyButton113.fancyButton:focus > span,.fancyButton113.fancyButton:active > span,.fancyButton113.fancyButton.hover > span{ 1543} 1544.fancyButton113.fancyButton .text{ 1545 color: #ffffff; 1546 font-family: "Poppins"; 1547 padding-top: 11em; 1548 font-style: normal; 1549 text-decoration: none; 1550 padding-top: 11em; 1551 background-image: url('/ImageRepository/Document?documentID=634'); 1552 background-repeat: no-repeat; 1553 background-position: center 3.8em ; 1554transition: all 0.3s ease-in-out; 1555} 1556.fancyButton113.fancyButton:hover .text,.fancyButton113.fancyButton:focus .text,.fancyButton113.fancyButton:active .text,.fancyButton113.fancyButton.hover .text{ 1557 text-decoration: underline; 1558 background-image: url('/ImageRepository/Document?documentID=635'); 1559 background-repeat: no-repeat; 1560 background-position: center 2.8em ; 1561transition: all 0.3s ease-in-out; 1562} 1563</style> 1564 1565 </li><!-- 1566--></ul></div><!-- --> 1567 </div> 1568 </nav> 1569 </div> 1570 <div class="widgetFooter"> 1571 </div> 1572</div> 1573</div> 1574 1575 </div> <!-- inner column --> 1576 1577 </div> <!-- inner row --> 1578 1579 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="f6b31de6-e1ab-4963-8831-9c6f0ea5dbf1">� 1580 <div class="row nest first last wide">� 1581
1582 <div class="inner col col8 first last id87f8a588-a99a-43c6-9485-9b13aff73d43" style="" data-widgetcontainerid="87f8a588-a99a-43c6-9485-9b13aff73d43">� 1583<div data-widget-id="1f87a380-b3f9-4c89-b85d-59c174615da7" data-widget-controller-path="/GraphicLinks/Widget"> 1584 1585 1586 1587 1588<div id="graphicLinkWidget1f87a380-b3f9-4c89-b85d-59c174615da7" class="widget widgetGraphicLinks skin45 widgetOptionSet40 wide" data-elementqueryclasses='{"wide-narrow":"min-width:2em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1589 <div class="widgetHeader"> 1590 <div class=""> 1591 </div> 1592 </div> 1593 <div class="widgetBody cpGrid cpGrid2 "> 1594 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1595 <div class="row wide"> 1596 <!-- 1597--><div class="col col1 first "><ul class="semanticList"><!-- 1598 --><li class="widgetItem GraphicLinks"> 1599 1600<div> 1601 <a href="/165/Parks-Recreation" target="_self" class="fancyButton fancyButton114 " > 1602 <span> 1603 <span><span class="text">Parks & Rec</span></span> 1604 </span> 1605 </a> 1606</div> 1607 <style scoped="scoped">.fancyButton114.fancyButton:link,.fancyButton114.fancyButton:visited, .fancyButton114div.fancyButton{ 1608 background-image: url('/ImageRepository/Document?documentID=641'); 1609 background-repeat: no-repeat; 1610 background-position: center 1em ; 1611transition: all 0.3s ease-in-out;} 1612.fancyButton114.fancyButton:hover,.fancyButton114.fancyButton:focus,.fancyButton114.fancyButton:active,.fancyButton114.fancyButton.hover{ 1613 background-image: url('/ImageRepository/Document?documentID=831'); 1614 background-repeat: no-repeat; 1615 background-position: center 0em ; 1616transition: all 0.3s ease-in-out;} 1617.fancyButton114.fancyButton:link > span,.fancyButton114.fancyButton:visited > span, .fancyButton114div.fancyButton > span{ 1618} 1619.fancyButton114.fancyButton:hover > span,.fancyButton114.fancyButton:focus > span,.fancyButton114.fancyButton:active > span,.fancyButton114.fancyButton.hover > span{ 1620} 1621.fancyButton114.fancyButton .text{ 1622 color: #ffffff; 1623 font-family: "Poppins"; 1624 padding-top: 11em; 1625 font-style: normal; 1626 text-decoration: none; 1627 padding-top: 11em; 1628 background-image: url('/ImageRepository/Document?documentID=636'); 1629 background-repeat: no-repeat; 1630 background-position: center 4em ; 1631transition: all 0.3s ease-in-out; 1632} 1633.fancyButton114.fancyButton:hover .text,.fancyButton114.fancyButton:focus .text,.fancyButton114.fancyButton:active .text,.fancyButton114.fancyButton.hover .text{ 1634 text-decoration: underline; 1635 background-image: url('/ImageRepository/Document?documentID=637'); 1636 background-repeat: no-repeat; 1637 background-position: center 3em ; 1638transition: all 0.3s ease-in-out; 1639} 1640</style> 1641 1642 </li><!-- 1643--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1644 --><li class="widgetItem GraphicLinks"> 1645 1646<div> 1647 <a href="/list.aspx" target="_self" class="fancyButton fancyButton115 " > 1648 <span> 1649 <span><span class="text">Subscribe</span></span> 1650 </span> 1651 </a> 1652</div> 1653 <style scoped="scoped">.fancyButton115.fancyButton:link,.fancyButton115.fancyButton:visited, .fancyButton115div.fancyButton{ 1654 background-image: url('/ImageRepository/Document?documentID=641'); 1655 background-repeat: no-repeat; 1656 background-position: center 1em ; 1657transition: all 0.3s ease-in-out;} 1658.fancyButton115.fancyButton:hover,.fancyButton115.fancyButton:focus,.fancyButton115.fancyButton:active,.fancyButton115.fancyButton.hover{ 1659 background-image: url('/ImageRepository/Document?documentID=640'); 1660 background-repeat: no-repeat; 1661 background-position: center 0em ; 1662transition: all 0.3s ease-in-out;} 1663.fancyButton115.fancyButton:link > span,.fancyButton115.fancyButton:visited > span, .fancyButton115div.fancyButton > span{ 1664} 1665.fancyButton115.fancyButton:hover > span,.fancyButton115.fancyButton:focus > span,.fancyButton115.fancyButton:active > span,.fancyButton115.fancyButton.hover > span{ 1666} 1667.fancyButton115.fancyButton .text{ 1668 color: #ffffff; 1669 font-family: "Poppins"; 1670 padding-top: 11em; 1671 font-style: normal; 1672 text-decoration: none; 1673 padding-top: 11em; 1674 background-image: url('/ImageRepository/Document?documentID=638'); 1675 background-repeat: no-repeat; 1676 background-position: center 4em ; 1677transition: all 0.3s ease-in-out; 1678} 1679.fancyButton115.fancyButton:hover .text,.fancyButton115.fancyButton:focus .text,.fancyButton115.fancyButton:active .text,.fancyButton115.fancyButton.hover .text{ 1680 text-decoration: underline; 1681 background-image: url('/ImageRepository/Document?documentID=639'); 1682 background-repeat: no-repeat; 1683 background-position: center 3em ; 1684transition: all 0.3s ease-in-out; 1685} 1686</style> 1687 1688 </li><!-- 1689--></ul></div><!-- --> 1690 </div> 1691 </nav> 1692 </div> 1693 <div class="widgetFooter"> 1694 </div> 1695</div> 1696</div> 1697 1698 </div> <!-- inner column --> 1699 1700 </div> <!-- inner row --> 1701 1702 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1703 1704 1705 </div> 1706</div></div> 1707</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1"> 1708 <div class="siteWrap2"> 1709 <div data-cpRole="contentContainer" id="homeContent1a"></div> 1710 </div> 1711 </div> --><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 1712<!-- Fixed GBs --><div data-cpRole="structuralContainer" id="fixGbsContainerTS" class="fixedLeftTS"> 1713<div class="siteWrap" data-skip-leftpad=""><div data-cpRole="contentContainer" id="fixGbsTS"> <div id="cc43e57fc8-200c-4958-ae6e-e6c7fd6d7b12" data-containerid="43e57fc8-200c-4958-ae6e-e6c7fd6d7b12" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 1714 1715 1716 <div class="row outer wide"><!-- 1717--><div class="outer col col24 first last" style="" data-widgetcontainerid="1b4aa5d4-2af1-4818-bbf5-fdeb4b62815f">� 1718 <div class="row nest first last wide">� 1719 1720 <div class="inner col col24 first last ideed18d4c-a51c-4c03-9195-a2874521fd13" style="" data-widgetcontainerid="eed18d4c-a51c-4c03-9195-a2874521fd13">� 1721<div data-widget-id="297ae498-13af-4803-bec7-f9210a612f17" data-widget-controller-path="/GraphicLinks/Widget"> 1722 1723 1724 1725 1726<div id="graphicLinkWidget297ae498-13af-4803-bec7-f9210a612f17" class="widget widgetGraphicLinks skin49 widgetOptionSet41 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1727 <div class="widgetHeader"> 1728 <div class="">
1729 </div> 1730 </div> 1731 <div class="widgetBody cpGrid cpGrid5 "> 1732 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1733 <div class="row wide"> 1734 <!-- 1735--><div class="col col1 first "><ul class="semanticList"><!-- 1736 --><li class="widgetItem GraphicLinks"> 1737 1738<div> 1739 <a href="/calendar.aspx" target="_self" class="fancyButton fancyButton116 " > 1740 <span> 1741 <span><span class="text">Events</span></span> 1742 </span> 1743 </a> 1744</div> 1745 <style scoped="scoped">.fancyButton116.fancyButton:link,.fancyButton116.fancyButton:visited, .fancyButton116div.fancyButton{ 1746 background-image: url('/ImageRepository/Document?documentID=642'); 1747 background-repeat: no-repeat; 1748 background-position: center .1em ; 1749transition: all 0.3s ease-in-out; 1750background-size: 45px;} 1751.fancyButton116.fancyButton:hover,.fancyButton116.fancyButton:focus,.fancyButton116.fancyButton:active,.fancyButton116.fancyButton.hover{ 1752 background-repeat: no-repeat; 1753 background-position: center 0em ; 1754} 1755.fancyButton116.fancyButton:link > span,.fancyButton116.fancyButton:visited > span, .fancyButton116div.fancyButton > span{ 1756} 1757.fancyButton116.fancyButton:hover > span,.fancyButton116.fancyButton:focus > span,.fancyButton116.fancyButton:active > span,.fancyButton116.fancyButton.hover > span{ 1758} 1759.fancyButton116.fancyButton .text{ 1760 color: #383838; 1761 font-size: .8em; 1762 font-family: "Poppins"; 1763 padding-top: 3.4em; 1764 font-style: normal; 1765 text-decoration: none; 1766 padding-top: 3.4em; 1767 background-repeat: no-repeat; 1768 background-position: left top; 1769transition: all 0.3s ease-in-out; 1770} 1771.fancyButton116.fancyButton:hover .text,.fancyButton116.fancyButton:focus .text,.fancyButton116.fancyButton:active .text,.fancyButton116.fancyButton.hover .text{ 1772 text-decoration: underline; 1773 background-repeat: no-repeat; 1774 background-position: left top; 1775 1776 1777} 1778</style> 1779 1780 </li><!-- 1781--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1782 --><li class="widgetItem GraphicLinks"> 1783 1784<div> 1785 <a href="/Facilities" target="_self" class="fancyButton fancyButton141 " > 1786 <span> 1787 <span><span class="text">Facilities</span></span> 1788 </span> 1789 </a> 1790</div> 1791 <style scoped="scoped">.fancyButton141.fancyButton:link,.fancyButton141.fancyButton:visited, .fancyButton141div.fancyButton{ 1792 background-image: url('/ImageRepository/Document?documentID=645'); 1793 background-repeat: no-repeat; 1794 background-position: center .1em ; 1795transition: all 0.3s ease-in-out; 1796background-size: 45px;} 1797.fancyButton141.fancyButton:hover,.fancyButton141.fancyButton:focus,.fancyButton141.fancyButton:active,.fancyButton141.fancyButton.hover{ 1798 background-repeat: no-repeat; 1799 background-position: center 0em ; 1800} 1801.fancyButton141.fancyButton:link > span,.fancyButton141.fancyButton:visited > span, .fancyButton141div.fancyButton > span{ 1802} 1803.fancyButton141.fancyButton:hover > span,.fancyButton141.fancyButton:focus > span,.fancyButton141.fancyButton:active > span,.fancyButton141.fancyButton.hover > span{ 1804} 1805.fancyButton141.fancyButton .text{ 1806 color: #383838; 1807 font-size: .8em; 1808 font-family: "Poppins"; 1809 padding-top: 3.4em; 1810 font-style: normal; 1811 text-decoration: none; 1812 padding-top: 3.4em; 1813 background-repeat: no-repeat; 1814 background-position: left top; 1815transition: all 0.3s ease-in-out; 1816} 1817.fancyButton141.fancyButton:hover .text,.fancyButton141.fancyButton:focus .text,.fancyButton141.fancyButton:active .text,.fancyButton141.fancyButton.hover .text{ 1818 text-decoration: underline; 1819 background-repeat: no-repeat; 1820 background-position: left top; 1821 1822 1823} 1824</style> 1825 1826 </li><!-- 1827--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1828 --><li class="widgetItem GraphicLinks"> 1829 1830<div> 1831 <a href="/228/Pay-a-Bill" target="_self" class="fancyButton fancyButton118 " > 1832 <span> 1833 <span><span class="text">Utility Bills</span></span> 1834 </span> 1835 </a> 1836</div> 1837 <style scoped="scoped">.fancyButton118.fancyButton:link,.fancyButton118.fancyButton:visited, .fancyButton118div.fancyButton{ 1838 background-image: url('/ImageRepository/Document?documentID=643'); 1839 background-repeat: no-repeat; 1840 background-position: center .1em ; 1841transition: all 0.3s ease-in-out; 1842background-size: 45px;} 1843.fancyButton118.fancyButton:hover,.fancyButton118.fancyButton:focus,.fancyButton118.fancyButton:active,.fancyButton118.fancyButton.hover{ 1844 background-repeat: no-repeat; 1845 background-position: center 0em ; 1846} 1847.fancyButton118.fancyButton:link > span,.fancyButton118.fancyButton:visited > span, .fancyButton118div.fancyButton > span{ 1848} 1849.fancyButton118.fancyButton:hover > span,.fancyButton118.fancyButton:focus > span,.fancyButton118.fancyButton:active > span,.fancyButton118.fancyButton.hover > span{ 1850} 1851.fancyButton118.fancyButton .text{ 1852 color: #383838; 1853 font-size: .8em; 1854 font-family: "Poppins"; 1855 padding-top: 3.4em; 1856 font-style: normal; 1857 text-decoration: none; 1858 padding-top: 3.4em; 1859 background-repeat: no-repeat; 1860 background-position: left top; 1861transition: all 0.3s ease-in-out; 1862} 1863.fancyButton118.fancyButton:hover .text,.fancyButton118.fancyButton:focus .text,.fancyButton118.fancyButton:active .text,.fancyButton118.fancyButton.hover .text{ 1864 text-decoration: underline; 1865 background-repeat: no-repeat; 1866 background-position: left top; 1867 1868 1869} 1870</style> 1871 1872 </li><!-- 1873--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1874 --><li class="widgetItem GraphicLinks"> 1875 1876<div> 1877 <a href="https://gahannaoh.portal.opengov.com/" target="_self" class="fancyButton fancyButton119 " > 1878 <span> 1879 <span><span class="text">Permits</span></span> 1880 </span> 1881 </a> 1882</div> 1883 <style scoped="scoped">.fancyButton119.fancyButton:link,.fancyButton119.fancyButton:visited, .fancyButton119div.fancyButton{ 1884 background-image: url('/ImageRepository/Document?documentID=644'); 1885 background-repeat: no-repeat; 1886 background-position: center .1em ; 1887transition: all 0.3s ease-in-out; 1888background-size: 45px;} 1889.fancyButton119.fancyButton:hover,.fancyButton119.fancyButton:focus,.fancyButton119.fancyButton:active,.fancyButton119.fancyButton.hover{ 1890 background-repeat: no-repeat; 1891 background-position: center 0em ; 1892} 1893.fancyButton119.fancyButton:link > span,.fancyButton119.fancyButton:visited > span, .fancyButton119div.fancyButton > span{ 1894} 1895.fancyButton119.fancyButton:hover > span,.fancyButton119.fancyButton:focus > span,.fancyButton119.fancyButton:active > span,.fancyButton119.fancyButton.hover > span{ 1896} 1897.fancyButton119.fancyButton .text{ 1898 color: #383838; 1899 font-size: .8em; 1900 font-family: "Poppins"; 1901 padding-top: 3.4em; 1902 font-style: normal; 1903 text-decoration: none; 1904 padding-top: 3.4em; 1905 background-repeat: no-repeat; 1906 background-position: left top; 1907transition: all 0.3s ease-in-out; 1908} 1909.fancyButton119.fancyButton:hover .text,.fancyButton119.fancyButton:focus .text,.fancyButton119.fancyButton:active .text,.fancyButton119.fancyButton.hover .text{ 1910 text-decoration: underline; 1911 background-repeat: no-repeat; 1912 background-position: left top; 1913 1914 1915} 1916</style> 1917 1918 </li><!-- 1919--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1920 --><li class="widgetItem GraphicLinks"> 1921 1922<div> 1923 <a href="/374/2458/Submit-a-Request-for-Service" target="_self" class="fancyButton fancyButton120 " > 1924 <span> 1925 <span><span class="text">Service Requests</span></span> 1926 </span> 1927 </a> 1928</div> 1929 <style scoped="scoped">.fancyButton120.fancyButton:link,.fancyButton120.fancyButton:visited, .fancyButton120div.fancyButton{
1930 background-image: url('/ImageRepository/Document?documentID=646'); 1931 background-repeat: no-repeat; 1932 background-position: center .1em ; 1933transition: all 0.3s ease-in-out; 1934background-size: 45px;} 1935.fancyButton120.fancyButton:hover,.fancyButton120.fancyButton:focus,.fancyButton120.fancyButton:active,.fancyButton120.fancyButton.hover{ 1936 background-repeat: no-repeat; 1937 background-position: center 0em ; 1938} 1939.fancyButton120.fancyButton:link > span,.fancyButton120.fancyButton:visited > span, .fancyButton120div.fancyButton > span{ 1940} 1941.fancyButton120.fancyButton:hover > span,.fancyButton120.fancyButton:focus > span,.fancyButton120.fancyButton:active > span,.fancyButton120.fancyButton.hover > span{ 1942} 1943.fancyButton120.fancyButton .text{ 1944 color: #383838; 1945 font-size: .8em; 1946 font-family: "Poppins"; 1947 padding-top: 3.7em; 1948 font-style: normal; 1949 text-decoration: none; 1950 padding-top: 3.7em; 1951 background-repeat: no-repeat; 1952 background-position: left top; 1953transition: all 0.3s ease-in-out;line-height: 1.1;} 1954.fancyButton120.fancyButton:hover .text,.fancyButton120.fancyButton:focus .text,.fancyButton120.fancyButton:active .text,.fancyButton120.fancyButton.hover .text{ 1955 text-decoration: underline; 1956 background-repeat: no-repeat; 1957 background-position: left top; 1958 1959 1960} 1961</style> 1962 1963 </li><!-- 1964--></ul></div><!-- --> 1965 </div> 1966 </nav> 1967 </div> 1968 <div class="widgetFooter"> 1969 </div> 1970</div> 1971</div> 1972 1973 </div> <!-- inner column --> 1974 1975 </div> <!-- inner row --> 1976 1977 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1978 1979 1980 </div> 1981</div></div> 1982</div><div class="siteWrap1"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc1497217f-f465-4191-868a-b512ba33b9a9" data-containerid="1497217f-f465-4191-868a-b512ba33b9a9" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="45"> 1983 1984 1985 <div class="row outer wide"><!-- 1986--><div class="outer col col6 first" style="" data-widgetcontainerid="daa73e08-65d1-4d28-9573-2b7aba7985e6">� 1987 <div class="row nest first last wide">� 1988 1989 <div class="inner col col6 first last id8cc8cb7f-51e1-49be-b8f6-176907c73126" style="" data-widgetcontainerid="8cc8cb7f-51e1-49be-b8f6-176907c73126">� 1990 <div data-widget-id="4d403986-4a8c-4378-be24-44af75c35a12" data-widget-controller-path="/InfoAdvanced/Widget"> 1991 1992 1993 1994 1995 1996 <section id="divInfoAdv4d403986-4a8c-4378-be24-44af75c35a12" class="widget widgetInfoAdvanced skin37 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header4d403986-4a8c-4378-be24-44af75c35a12"> 1997 <header class="widgetHeader" id="header4d403986-4a8c-4378-be24-44af75c35a12"> 1998 <div class=""> 1999 <h3 >Contact Us</h3> 2000 </div> 2001 </header> 2002 <div class="widgetBody cpGrid cpGrid1 "> 2003 <div class="row wide"> 2004 <div class="col col1 first last"> 2005 <ol class="pageStyles semanticList"> 2006 2007<li class="InfoAdvanced widgetItem fr-view"> 2008 <p>Gahanna Civic Center<br>825 Tech Center Drive<br>Gahanna, OH 43230</p><p>Phone: <a href="tel:614-342-4000">(614) 342-4000</a></p> 2009</li> </ol> 2010 </div> 2011 </div> 2012 </div> 2013 <div class="widgetFooter"> 2014 2015 </div> 2016 2017 </section> 2018 2019 2020
2021<script type="text/javascript"> 2022 //Render slideshow if info advacned items contain one. 2023 $(document).ready(function (e) { 2024 $('#divInfoAdv4d403986-4a8c-4378-be24-44af75c35a12 .InfoAdvanced.widgetItem').each(function () { 2025 renderSlideshowIfApplicable($(this)); 2026 }); 2027 }); 2028</script>
2028</div> 2029 </div> <!-- inner column --> 2030 2031 </div> <!-- inner row --> 2032 2033 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="e8fc27f6-0c80-4fcc-811c-3320b4e37a68">� 2034 <div class="row nest first last wide">� 2035 2036 <div class="inner col col6 first last id5cf8a9b7-e33d-4b0c-ab2c-93da7ff5f042" style="" data-widgetcontainerid="5cf8a9b7-e33d-4b0c-ab2c-93da7ff5f042">� 2037 <div data-widget-id="39cd3f4b-ee9b-4af3-9f57-d95fabc3d712" data-widget-controller-path="/QuickLinks/Widget"> 2038 2039 2040 2041 2042 2043 2044 2045 2046 <section id="widgetQuicklink39cd3f4b-ee9b-4af3-9f57-d95fabc3d712" class="widget widgetQuickLinks skin37 widgetOptionSet29 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:15em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader39cd3f4b-ee9b-4af3-9f57-d95fabc3d712"> 2047 <header class="widgetHeader" id="quickLinksHeader39cd3f4b-ee9b-4af3-9f57-d95fabc3d712"> 2048 <div class=""> 2049 <h3><a style="" href="/QuickLinks.aspx?CID=15" >Quick Links</a></h3> 2050 </div> 2051 </header> 2052 <div class="widgetBody cpGrid cpGrid1 "> 2053 <div class="row narrow"> 2054 <div class="col col1 first last"> 2055 <ol class="semanticList"> 2056 2057 <li style="position:relative" class="widgetItem QuickLinks"> 2058 <a class="widgetDesc widgetQuickLinksLink" href="/176/Police" target="_self" >Gahanna Police Dept.</a> 2059 <div class="widgetMeta"></div> 2060 </li> 2061 2062 <li style="position:relative" class="widgetItem QuickLinks"> 2063 <a class="widgetDesc widgetQuickLinksLink" href="https://mifflin-oh.gov/services/fire/" target="_blank" aria-label="Mifflin Twp. Fire Dept. opens in new window">Mifflin Twp. Fire Dept.</a> 2064 <div class="widgetMeta"></div> 2065 </li> 2066 2067 <li style="position:relative" class="widgetItem QuickLinks"> 2068 <a class="widgetDesc widgetQuickLinksLink" href="https://www.jeffersontownship.org/departments___services/fire_department/index.php" target="_self" >Jefferson Twp. Fire Dept.</a> 2069 <div class="widgetMeta"></div> 2070 </li> 2071 2072 <li style="position:relative" class="widgetItem QuickLinks"> 2073 <a class="widgetDesc widgetQuickLinksLink" href="/DocumentCenter" target="_self" >Document Center</a> 2074 <div class="widgetMeta"></div> 2075 </li> 2076 2077 <li style="position:relative" class="widgetItem QuickLinks"> 2078 <a class="widgetDesc widgetQuickLinksLink" href="/FormCenter" target="_self" >Form Center</a> 2079 <div class="widgetMeta"></div> 2080 </li> 2081 </ol> 2082 </div> 2083 </div> 2084 2085 </div> 2086 <div class="widgetFooter"> 2087 </div> 2088 <div class="addItemModal hidden"> 2089 <div class="url hidden">/QuickLinks.aspx</div> 2090 </div> 2091 2092 </section> 2093</div> 2094 2095 </div> <!-- inner column --> 2096 2097 </div> <!-- inner row --> 2098 2099 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="1ece04e4-c0bc-4f43-8d9a-df49f7910a7c">� 2100 <div class="row nest first last wide">� 2101 2102 <div class="inner col col5 first last id28dcee8e-74ef-41ac-b32f-bcba4b17101f" style="" data-widgetcontainerid="28dcee8e-74ef-41ac-b32f-bcba4b17101f">� 2103 <div data-widget-id="9eefaa7c-6673-4d4b-851b-00b6abb67feb" data-widget-controller-path="/QuickLinks/Widget"> 2104 2105 2106 2107 2108 2109 2110 2111 2112 <section id="widgetQuicklink9eefaa7c-6673-4d4b-851b-00b6abb67feb" class="widget widgetQuickLinks skin37 widgetOptionSet29 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader9eefaa7c-6673-4d4b-851b-00b6abb67feb"> 2113 <header class="widgetHeader" id="quickLinksHeader9eefaa7c-6673-4d4b-851b-00b6abb67feb"> 2114 <div class=""> 2115 <h3><a style="" href="/QuickLinks.aspx?CID=16" >Site Links</a></h3> 2116 </div> 2117 </header> 2118 <div class="widgetBody cpGrid cpGrid1 "> 2119 <div class="row narrow"> 2120 <div class="col col1 first last"> 2121 <ol class="semanticList"> 2122 2123 <li style="position:relative" class="widgetItem QuickLinks"> 2124 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 2125 <div class="widgetMeta"></div> 2126 </li> 2127 2128 <li style="position:relative" class="widgetItem QuickLinks"> 2129 <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a> 2130 <div class="widgetMeta"></div> 2131 </li> 2132 2133 <li style="position:relative" class="widgetItem QuickLinks"> 2134 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> 2135 <div class="widgetMeta"></div> 2136 </li> 2137 2138 <li style="position:relative" class="widgetItem QuickLinks"> 2139 <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy Policy</a> 2140 <div class="widgetMeta"></div> 2141 </li> 2142 2143 <li style="position:relative" class="widgetItem QuickLinks"> 2144 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> 2145 <div class="widgetMeta"></div> 2146 </li> 2147 2148 <li style="position:relative" class="widgetItem QuickLinks"> 2149 <a class="widgetDesc widgetQuickLinksLink" href="/copyright" target="_self" >Copyright Notices</a> 2150 <div class="widgetMeta"></div> 2151 </li> 2152 </ol> 2153 </div> 2154 </div> 2155 2156 </div> 2157 <div class="widgetFooter"> 2158 </div> 2159 <div class="addItemModal hidden"> 2160 <div class="url hidden">/QuickLinks.aspx</div> 2161 </div> 2162 2163 </section> 2164</div> 2165 2166 </div> <!-- inner column --> 2167 2168 </div> <!-- inner row --> 2169 2170 </div><!-- outer column --><!----><div class="outer col col7 last" style="" data-widgetcontainerid="c4489c98-4bbd-4c1c-ab24-14f1078b4bf9">� 2171 <div class="row nest first wide">� 2172 2173 <div class="inner col col7 first last id20960d16-4c7c-4272-8511-f6c89ae45d6a" style="" data-widgetcontainerid="20960d16-4c7c-4272-8511-f6c89ae45d6a">� 2174 <div data-widget-id="56e7d185-2ddf-45f5-970a-d8bf0627479b" data-widget-controller-path="/InfoAdvanced/Widget"> 2175 2176 2177 2178 2179 2180 <section id="divInfoAdv56e7d185-2ddf-45f5-970a-d8bf0627479b" class="widget widgetInfoAdvanced skin39 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2181 <header class="widgetHeader" id="header56e7d185-2ddf-45f5-970a-d8bf0627479b"> 2182 <div class=""> 2183 </div> 2184 </header> 2185 <div class="widgetBody cpGrid cpGrid1 "> 2186 <div class="row wide"> 2187 <div class="col col1 first last"> 2188 <ol class="pageStyles semanticList"> 2189 2190<li class="InfoAdvanced widgetItem fr-view"> 2191 <p><a href="/"><img src="/ImageRepository/Document?documentId=665" class="fr-dib" alt="Homepage"></a></p> 2192</li> </ol> 2193 </div> 2194 </div> 2195 </div> 2196 <div class="widgetFooter"> 2197 2198 </div> 2199 2200 </section> 2201 2202 2203
2204<script type="text/javascript"> 2205 //Render slideshow if info advacned items contain one. 2206 $(document).ready(function (e) { 2207 $('#divInfoAdv56e7d185-2ddf-45f5-970a-d8bf0627479b .InfoAdvanced.widgetItem').each(function () { 2208 renderSlideshowIfApplicable($(this)); 2209 }); 2210 }); 2211</script>
2211</div> 2212 </div> <!-- inner column --> 2213 2214 </div> <!-- inner row --> 2215 <div class="row nest last wide">� 2216 2217 <div class="inner col col7 first last id14a9dc69-30a0-48e6-93c9-ad944d397178" style="" data-widgetcontainerid="14a9dc69-30a0-48e6-93c9-ad944d397178">� 2218<div data-widget-id="a82788c6-10b9-4916-a6ff-c45877f34290" data-widget-controller-path="/GraphicLinks/Widget"> 2219 2220 2221 2222 2223<div id="graphicLinkWidgeta82788c6-10b9-4916-a6ff-c45877f34290" class="widget widgetGraphicLinks skin55 widgetOptionSet37 wide" data-elementqueryclasses='{"wide-narrow":"min-width:2em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2224 <div class="widgetHeader"> 2225 <div class=""> 2226 </div> 2227 </div> 2228 <div class="widgetBody cpGrid cpGrid5 "> 2229 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2230 <div class="row wide"> 2231 <!-- 2232--><div class="col col1 first "><ul class="semanticList"><!-- 2233 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/CityOfGahanna/" target="_self"> 2234 2235<img src="/ImageRepository/Document?documentID=48" 2236 class="graphicButtonLink" alt="Facebook" 2237 onmouseover="this.src='/ImageRepository/Document?documentID=48'" 2238 onmouseout="this.src='/ImageRepository/Document?documentID=48'" 2239 onfocus="this.src='/ImageRepository/Document?documentID=48'" 2240 onblur="this.src='/ImageRepository/Document?documentID=48'"> 2241</a></li><!-- 2242--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2243 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/CityOfGahanna" target="_self"> 2244 2245<img src="/ImageRepository/Document?documentID=50" 2246 class="graphicButtonLink" alt="Twitter" 2247 onmouseover="this.src='/ImageRepository/Document?documentID=50'" 2248 onmouseout="this.src='/ImageRepository/Document?documentID=50'" 2249 onfocus="this.src='/ImageRepository/Document?documentID=50'" 2250 onblur="this.src='/ImageRepository/Document?documentID=50'"> 2251</a></li><!-- 2252--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2253 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self"> 2254 2255<img src="/ImageRepository/Document?documentID=49" 2256 class="graphicButtonLink" alt="Instagram" 2257 onmouseover="this.src='/ImageRepository/Document?documentID=49'" 2258 onmouseout="this.src='/ImageRepository/Document?documentID=49'" 2259 onfocus="this.src='/ImageRepository/Document?documentID=49'" 2260 onblur="this.src='/ImageRepository/Document?documentID=49'"> 2261</a></li><!-- 2262--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 2263 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/user/CityofGahanna/videos" target="_self"> 2264 2265<img src="/ImageRepository/Document?documentID=51" 2266 class="graphicButtonLink" alt="YouTube" 2267 onmouseover="this.src='/ImageRepository/Document?documentID=51'" 2268 onmouseout="this.src='/ImageRepository/Document?documentID=51'" 2269 onfocus="this.src='/ImageRepository/Document?documentID=51'" 2270 onblur="this.src='/ImageRepository/Document?documentID=51'"> 2271</a></li><!-- 2272--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2273 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.linkedin.com/company/cityofgahanna" target="_self"> 2274 2275<img src="/ImageRepository/Document?documentID=52" 2276 class="graphicButtonLink" alt="Linkedin" 2277 onmouseover="this.src='/ImageRepository/Document?documentID=52'" 2278 onmouseout="this.src='/ImageRepository/Document?documentID=52'" 2279 onfocus="this.src='/ImageRepository/Document?documentID=52'" 2280 onblur="this.src='/ImageRepository/Document?documentID=52'"> 2281</a></li><!-- 2282--></ul></div><!-- --> 2283 </div> 2284 </nav> 2285 </div> 2286 <div class="widgetFooter"> 2287 </div> 2288</div> 2289</div> 2290 2291 </div> <!-- inner column --> 2292 2293 </div> <!-- inner row --> 2294 2295 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2296 2297 2298 </div> 2299</div></div> 2300</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2301<div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc5a9a30f4-72bd-416e-ae7b-7c15f0f0ebc5" data-containerid="5a9a30f4-72bd-416e-ae7b-7c15f0f0ebc5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2302 2303 2304 <div class="row outer wide"><!-- 2305--><div class="outer col col24 first last" style="" data-widgetcontainerid="d6c9fd5b-32c0-4fc8-aa25-7e7668479c0d">� 2306 <div class="row nest first last wide">� 2307 2308 <div class="inner col col24 first last ide5afe5a3-0019-4f1b-8dd9-c20e054e2bc0" style="" data-widgetcontainerid="e5afe5a3-0019-4f1b-8dd9-c20e054e2bc0">� 2309 2310 <div data-widget-id='c9c3d8ac-0b6a-41ac-a0fc-f5f2cb8179a4' data-moduleName="customHtml" id='widgetCustomHtmlc9c3d8ac-0b6a-41ac-a0fc-f5f2cb8179a4' class="widget widgetCustomHtml skin39 narrow" > 2311 <div class="widgetBody pageStyles" id="widgetBodyc9c3d8ac-0b6a-41ac-a0fc-f5f2cb8179a4"> 2312 <div id="customHtmlc9c3d8ac-0b6a-41ac-a0fc-f5f2cb8179a4"><div><style> 2313 /* CP icon */ 2314 .cpBylineIconTS { 2315 color: #fff; 2316 } 2317 /* CP Text */ 2318 .cpBylineTextTS, 2319 .cpBylineTextTS a:link { 2320 color: #fff; 2321 } 2322 2323 .cpBylineTS { 2324 text-align: center; 2325 } 2326 2327 .cpBylineIconTS { 2328 fill: currentColor; 2329 width: 39px;
2330 height: 26px; 2331 display: inline; 2332 vertical-align: middle; 2333 } 2334</style> 2335 2336<div class="widgetItem cpBylineTS"> 2337 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2338 <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> 2339 <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> 2340 </svg> 2341 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2342</div> 2343</div></div> 2344 </div> 2345 2346 </div> 2347 2348 </div> <!-- inner column --> 2349 2350 </div> <!-- inner row --> 2351 2352 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2353 2354 2355 </div> 2356</div></div> 2357</div> 2358</div> 2359 2360 </div> 2361 </div> 2362 </div> 2363 2364<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2365 2366<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2367 <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"> 2368 <div class="cp-Splash-header"> 2369 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2370 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2371 <svg id="iconClose" viewBox="0 0 25 25"> 2372 <polygon style="fill:currentcolor" 2373 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> 2374 </svg> 2375 </button>
2376 </div> 2377 <div class="cp-Splash-body"> 2378 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2379 <!-- Content from the Froala Editor will go here. --> 2380 Loading 2381 </div> 2382 </div> 2383 <div class="cp-Splash-footer"> 2384 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2385 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 2386 </div> 2387 </div> 2388</div> 2389
2390<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2390
2390
2391<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2391
2391
2392<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2392
2392
2393<script> 2394 2395 $(document).ready(function () { 2396 var filter = { 2397 targetId: '9', 2398 targetType: 1 2399 } 2400 2401 new SplashModalRender().triggerRender(filter); 2402 }); 2403</script>
2403 2404 2405 2406 2407 2408 2409 2410 2411 2412 2413 2414 2415 2416 2417 2418 2419 2420
2420<script src="/-1442400649.js" type="text/javascript"></script>
2420 2421 <!-- Fixed Nav Adjustment -->
2422<script> 2423 function getValueTS(elem, attr) { 2424 var val = elem.css(attr); 2425 if (val === undefined) return undefined; 2426 var num = parseInt(val, 10); 2427 if (num === NaN) return undefined; 2428 return num; 2429 } 2430 2431 function clampTS(number, min, max) { 2432 return Math.min(Math.max(number, min), max); 2433 } 2434 2435 function isPageEditingTS() { 2436 return ( 2437 $("#doneEditing").length > 0 || // In live edit 2438 typeof DesignCenter !== "undefined" // In theme manager 2439 ); 2440 } 2441 2442 var bgColorRegexTS = new RegExp("rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)"); 2443 function isTransparentTS(elem) { 2444 var bg = elem.css('background-color'); 2445 if (typeof bg !== "string") return false; 2446 if (bg === "transparent") return true; 2447 if (!bg.startsWith('rgba(')) return false; 2448 var matchState = bg.match(bgColorRegexTS); 2449 if (!matchState || matchState.length !== 5) return false; 2450 var alpha = parseFloat(matchState[4], 10); 2451 if (!(alpha >= 0 && alpha < 1)) return false; 2452 return true; 2453 } 2454 2455 function iterateLeftpads(cb) { 2456 var containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2457 for (var i = 0; i < containersTS.length; i++) { 2458 var containerTS = containersTS[i]; 2459 // Skip the body container and anything with data-skip-leftpad 2460 if ( 2461 containerTS.id !== "bodyContainerTS" && 2462 containerTS.getAttribute('data-skip-leftpad') === null 2463 ) { 2464 cb(containerTS); 2465 } 2466 } 2467 } 2468 2469 function iterateRightpads(cb) { 2470 var containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2471 for (var i = 0; i < containersTS.length; i++) { 2472 var containerTS = containersTS[i]; 2473 // Skip the body container and anything with data-skip-rightpad 2474 if ( 2475 containerTS.id !== "bodyContainerTS" && 2476 containerTS.getAttribute('data-skip-rightpad') === null 2477 ) { 2478 cb(containerTS); 2479 } 2480 } 2481 } 2482 2483 var anchor = $("#divToolbars"); 2484 var bodyContainerTS = $("#bodyContainerTS"); 2485 2486 // Outer banner padding (push banner down) 2487 var outerSizingTS = $("#bannerContainerTS"); 2488 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 2489 var innerSizingTS = $("#bannerSizingTS"); 2490 2491 var forceUnfixClassTS = "forceUnfixTS"; 2492 2493 var fixedTopTS = $(".fixedTopTS"); 2494 var fixedBottomTS = $(".fixedBottomTS"); 2495 var fixedLeftTS = $(".fixedLeftTS"); 2496 var fixedRightTS = $(".fixedRightTS"); 2497 2498 var initialTopTS; 2499 var topAttachTS; 2500 if (fixedTopTS && fixedTopTS.length === 1) { 2501 initialTopTS = getValueTS(fixedTopTS, 'top'); 2502 var attachment = fixedTopTS.attr('data-attach');
2503 if (attachment) topAttachTS = $("#" + attachment); 2504 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 2505 } 2506 2507 function resizeAdjustmentTS() { 2508 var editing = isPageEditingTS(); 2509 2510 // Fixed top script 2511 (function () { 2512 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 2513 2514 if (editing) { 2515 fixedTopTS[0].classList.add(forceUnfixClassTS); 2516 } else { 2517 fixedTopTS[0].classList.remove(forceUnfixClassTS); 2518 } 2519 2520 var topPosition = fixedTopTS.css('position'); 2521 if (topPosition === 'fixed') { 2522 if (topAttachTS) { 2523 scrollAdjustmentTS(); 2524 } else { 2525 var anchorHeight = anchor.outerHeight() - 1; 2526 fixedTopTS.css('top', anchorHeight + initialTopTS); 2527 } 2528 } else { 2529 fixedTopTS.css('top', initialTopTS); 2530 } 2531 2532 if (topPosition === 'fixed' || topPosition === 'absolute') { 2533 // Bump the banner content down 2534 if (isTransparentTS(fixedTopTS)) { 2535 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight()); 2536 outerSizingTS.css('padding-top', ''); 2537 2538 try { 2539 window.Pages.onResizeHandlersExecute(); 2540 } catch (e) { } 2541 } else { 2542 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 2543 innerSizingTS.css('padding-top', ''); 2544 } 2545 } else { 2546 innerSizingTS.css('padding-top', ''); 2547 outerSizingTS.css('padding-top', ''); 2548 } 2549 })(); 2550 2551 // Fixed bottom script 2552 (function () { 2553 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 2554 2555 // If the widget has gone narrow, force unfix 2556 if (editing || fixedBottomTS.outerHeight() > 200) { 2557 fixedBottomTS[0].classList.add(forceUnfixClassTS); 2558 } else { 2559 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 2560 } 2561 2562 if (fixedBottomTS.css('position') === 'fixed') { 2563 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 2564 } else { 2565 bodyContainerTS.css('padding-bottom', ''); 2566 } 2567 })(); 2568 2569 // Fixed left script 2570 (function () { 2571 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 2572 2573 if (editing) { 2574 fixedLeftTS[0].classList.add(forceUnfixClassTS); 2575 } else { 2576 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 2577 } 2578 2579 if (fixedLeftTS.css('position') === 'fixed') { 2580 var anchorHeight = anchor.outerHeight() - 1; 2581 fixedLeftTS.css('top', anchorHeight); 2582 var leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 2583 iterateLeftpads(function (containerTS) { 2584 var containerBoundingTS = containerTS.getBoundingClientRect(); 2585 if (containerBoundingTS.left <= leftBoundingTS.right) { 2586 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 2587 } else { 2588 $(containerTS).css('padding-left', ''); 2589 } 2590 }); 2591 } else { 2592 fixedLeftTS.css('top', ''); 2593 iterateLeftpads(function (containerTS) { 2594 $(containerTS).css('padding-left', ''); 2595 }); 2596 } 2597 })(); 2598 2599 // Fixed right script 2600 (function () { 2601 if (!fixedRightTS || fixedRightTS.length === 0) return; 2602 2603 if (editing) { 2604 fixedRightTS[0].classList.add(forceUnfixClassTS); 2605 } else { 2606 fixedRightTS[0].classList.remove(forceUnfixClassTS); 2607 } 2608 2609 if (fixedRightTS.css('position') === 'fixed') { 2610 var anchorHeight = anchor.outerHeight() - 1; 2611 fixedRightTS.css('top', anchorHeight); 2612 var rightBoundingTS = fixedRightTS[0].getBoundingClientRect(); 2613 iterateRightpads(function (containerTS) { 2614 var containerBoundingTS = containerTS.getBoundingClientRect(); 2615 if (containerBoundingTS.right >= rightBoundingTS.left) { 2616 $(containerTS).css('padding-right', rightBoundingTS.width + 16); 2617 } 2618 }); 2619 } else { 2620 fixedRightTS.css('top', ''); 2621 iterateRightpads(function (containerTS) { 2622 $(containerTS).css('padding-right', ''); 2623 }); 2624 } 2625 })(); 2626 } 2627 2628 function scrollAdjustmentTS() {
2629 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 2630 var topPosition = fixedTopTS.css('position'); 2631 if (topPosition === 'fixed' || topPosition === 'absolute') { 2632 var anchorBounding = anchor[0].getBoundingClientRect(); 2633 var attachBounding = topAttachTS[0].getBoundingClientRect(); 2634 var scrollTop = $(window).scrollTop(); 2635 2636 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 2637 } else { 2638 fixedTopTS.css('top', initialTopTS); 2639 } 2640 } 2641 2642 $(window).load(function () { 2643 setTimeout(function () { 2644 try { 2645 resizeAdjustmentTS(); 2646 } catch (e) { 2647 console.error(e); 2648 } 2649 }, 350); 2650 2651 $(window).scroll(function () { 2652 try { 2653 scrollAdjustmentTS(); 2654 } catch (e) { 2655 console.error(e); 2656 } 2657 }); 2658 2659 var adjustTimeoutTS; 2660 $(window).resize(function () { 2661 clearTimeout(adjustTimeoutTS); 2662 adjustTimeoutTS = setTimeout(function () { 2663 try { 2664 resizeAdjustmentTS(); 2665 } catch (e) { 2666 console.error(e); 2667 } 2668 }, 350); 2669 }); 2670 2671 $.when(window.Pages.angularToolbarComplete).done(function () { 2672 try { 2673 resizeAdjustmentTS(); 2674 } catch (e) { 2675 console.error(e); 2676 } 2677 }); 2678 }); 2679</script>
2679 2680<!-- End Fixed Nav Adjustment --> 2681 2682 2683
2683<script type="text/javascript"> 2684 $(function () { 2685 document.cookie = "responsiveGhost=0; path=/"; 2686 }); 2687 $(window).on("load", function () { 2688 $('body').addClass('doneLoading').removeClass('hideContent'); 2689 2690 if ($('#404Content').length > 0) 2691 $('div#bodyWrapper').css('padding', '0px'); 2692 }); 2693 </script>
2693 2694 2695 <noscript> 2696 <style> 2697 body.hideContent { 2698 opacity: 1 !important; 2699 } 2700 </style> 2701 </noscript> 2702 2703 2704<div style="display: none;"> 2705 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2706 2707 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2708 <title>Arrow Left</title> 2709 <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> 2710 </symbol> 2711 2712 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2713 <title>Arrow Right</title> 2714 <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> 2715 </symbol> 2716 2717 </svg> 2718</div> 2719
2719<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Open+Sans:500,500italic,600,600italic,700,700italic,italic,regular|Poppins:500,500italic,600,600italic,700,700italic,italic,regular|');</script>
2719 2720 2721 2722 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2723 <div style="display: none;"> 2724 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2725 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 2726 <title>Slideshow Left Arrow</title> 2727 <g> 2728 <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> 2729 </g> 2730 </symbol> 2731 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 2732 <title>Slideshow Right Arrow</title> 2733 <g> 2734 <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> 2735 </g> 2736 </symbol> 2737 </svg> 2738 </div> 2739 2740 2741 2742 2743 <div id="root-picker-outlet"></div> 2744</body> 2745</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.