1 2 3 4 5 6 7<!DOCTYPE html> 8<html lang="en"> 9<head> 10 11 <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 12<!-- Google Tag Manager for GA4 --> 13
13<script>(function(w,d,s,l,i){w.GAMeasurementID='G-TJW6GX73V8';w[l]=w[l]||[];w[l].push({'gtm.start': 14 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 15 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 16 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 17 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
17 18 <!-- End Google Tag Manager for GA4 --> 19
19<script type='text/javascript'> 20 var enableTelemetry = 'false' 21 var aiConfig = { 22 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 23 } 24 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); 25 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 26 // Add telemetry initializer 27 appInsights.queue.push(function() { 28 appInsights.context.addTelemetryInitializer(function(envelope) { 29 var telemetryItem = envelope.data.baseData; 30 // To check the telemetry itemâs type: 31 if (!false) 32 { 33 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 34 if (envelope.name.indexOf('.Event') == -1) 35 return false; 36 } 37 }); 38 }); 39 appInsights.trackPageView(); 40 </script>
40 41
41<script> 42 function populateAntiForgery(token) { 43 var input = document.createElement("input"); 44 input.name = "__RequestVerificationToken"; 45 input.type = "hidden"; 46 input.value = token; 47 var absPat = /^https?:\/\/|^\/\//i; 48 var forms = document.getElementsByTagName("form"); 49 for (var i = 0; i < forms.length; i++) { 50 if (forms[i].method == "post" && 51 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 52 !absPat.test(forms[i].getAttribute("action"))) { 53 forms[i].appendChild(input.cloneNode()); 54 } 55 } 56 } 57 58 function getAntiForgeryToken(callback, error) { 59 var xhr = new XMLHttpRequest(); 60 xhr.open("GET", "/antiforgery"); 61 xhr.addEventListener("load", function() { 62 try { 63 if (this.status !== 200) { 64 throw Error("Invalid status. Could not retrieve antiforgery token."); 65 } 66 var obj = JSON.parse(this.responseText); 67 callback(obj.token); 68 } catch (e) { 69 typeof error === "function" && error(e); 70 } 71 }); 72 xhr.send(); 73 } 74 75 getAntiForgeryToken(function(token) { 76 if (document.readyState === "complete" 77 || document.readyState === "loaded" 78 || document.readyState === "interactive") { 79 populateAntiForgery(token); 80 return; 81 } 82 document.addEventListener("DOMContentLoaded", function() { 83 populateAntiForgery(token); 84 }, false); 85 }, console.error); 86 </script>
86 87 88 89
89<script type="text/javascript"> 90 window.departmentHeader = {}; 91 window.pageSectionTracker = {}; 92 window.isResponsiveEnabled = true; 93 window.isRemoveSetHeights= false; 94 if (window.isRemoveSetHeights) { 95 document.documentElement.className += ' removeSetHeights'; 96 } 97 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 98 window.isMobileBrowserIncludingTablets = false; 99 window.fixedResponsiveMenu = false; 100 window.fullWidthResponsiveMenu = false; 101 window.responsiveMenuHeight = ''; 102 window.responsiveMenuFontSize = ''; 103 window.isContentAdvisor = false; 104 (function () { 105 window.setSizeCookie = function () { 106 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 107 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 108 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 109 if (screen && screen.width && screen.height) { 110 document.cookie = "screenWidth=" + screen.width + "; path=/"; 111 document.cookie = "screenHeight=" + screen.height + "; path=/"; 112 } 113 document.cookie = "responsiveGhost=1; path=/"; 114 }; 115 116 setSizeCookie(); 117 }()); 118 </script>
118 119 <meta name="viewport" content="width=device-width, initial-scale=1"> 120 121
121<script async src="https://docaccess.com/docbox.js"></script>
121 122 <!-- Google Tag Manager -->
123<script>
vendor: 331 bytes, lines 123-127
123(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 124new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 125j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 126'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 127})(window,document,'script','dataLayer','
127GTM-KRXBZQ2
vendor: 3 bytes, line 127
127');
127</script>
127 128<!-- End Google Tag Manager --> 129 130<!-- Google Tag Manager (noscript) -->
vendor: 69 bytes, lines 130-131
130 131<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
131GTM-KRXBZQ2
vendor: 85 bytes, lines 131-132
131" 132height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
133<!-- End Google Tag Manager (noscript) --> 134 135<!-- Google Tag Manager --> 136
137<script>
vendor: 339 bytes, lines 137-145
137(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 138 139new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 140 141j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 142 143'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 144 145})(window,document,'script','dataLayer','
145GTM-K2X7MWQ
vendor: 3 bytes, line 145
145');
145</script>
145 146 147<!-- End Google Tag Manager --> 148 149<!-- Google Tag Manager (noscript) Tix239379 -->
vendor: 71 bytes, lines 149-151
149 150 151<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
151GTM-K2X7MWQ
vendor: 89 bytes, lines 151-154
151" 152 153height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 154
155<!-- End Google Tag Manager (noscript) Tix239379 --> 156 157 158 159 <meta name="theme-color" content="#173963"> 160 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 161 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 162 <title>Email Page ⢠Hagerstown, MD ⢠CivicEngage</title> 163 164
164<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
164 165
165<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
165 166 167 168 <!--[if IE 6]>
168<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
168<![endif]--> 169 <!--[if IE 7]>
169<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
169<![endif]--> 170 <!--[if IE 8]>
170<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
170<![endif]--> 171 <!--[if IE 9]>
171<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
171<![endif]--> 172
172<script type="text/javascript"><!-- 173 var intCountryCode = 840; 174 var order = ''; 175//--></script>
175 176 177 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-857219160.css" rel="stylesheet" type="text/css" /> 178 179 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 180
180<script type="text/javascript"> 181 window.Pages = window.Pages || {}; 182 // FrontEnd RWD initialization 183 window.Pages.rwdReady = $.Deferred(); 184 window.Pages.toolBarDeferred = $.Deferred(); 185 window.Pages.rwdSetupComplete = $.Deferred(); 186 window.Pages.megaMenuLoaded = $.Deferred(); 187 window.Pages.angularToolbarComplete = $.Deferred(); 188 window.Pages.frontEndToolbarComplete = $.Deferred(); 189 </script>
189 190 <!--CPHeadContent--> 191
191<script src="/739942322.js" type="text/javascript"></script>
191 192 193 194 195 196 197 198 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 199 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 200 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 201 <!--[if lt IE 9]>
201<script type="text/javascript" src="/Scripts/html5.js"></script>
201<![endif]--> 202 203
203<script type="text/javascript"> 204 setEditorVariables(false, 840); 205 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 206 </script>
206 207
207<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
207 208</head> 209<body class="wide " > 210 211
211<script>jQuery(document).click(function (event) { 212 var target = jQuery(event.target); 213 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 214 var text = target.attr('title'); 215 216 if (!text.length) { 217 text = "N/A"; 218 } 219 ga('send', 220 { 221 hitType: 'event', 222 eventCategory: 'Image', 223 eventAction: 'Image - ' + text, 224 eventLabel: window.location.href 225 }); 226 } 227 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 228 var text = ""; 229 if (target.parents('.button')[0]) { 230 text = target.parents('.button').first().text(); 231 } else if (target.text().length) { 232 text = target.text(); 233 } else if (target.attr('title').length) { 234 text = target.attr('title'); 235 } 236 if (!text.length) { 237 text = "N/A"; 238 } 239 ga('send', 240 { 241 hitType: 'event', 242 eventCategory: 'Button', 243 eventAction: 'Button - ' + text, 244 eventLabel: window.location.href 245 }); 246 } 247 if (target.parents('.widgetCustomHtml').length) { 248 ga('send', 249 { 250 hitType: 'event', 251 eventCategory: 'Custom Html',
252 eventAction: 'Custom Html Clicked', 253 eventLabel: window.location.href 254 }); 255 } 256 if (target.parents('.editor').length) { 257 ga('send', 258 { 259 hitType: 'event', 260 eventCategory: 'Editor', 261 eventAction: 'Editor Link Clicked', 262 eventLabel: window.location.href 263 }); 264 } 265 if (target.parents('.GraphicLinks').length) { 266 var text = ""; 267 var targetGraphicLink = target; 268 if (target.hasClass('widgetGraphicLinksLink')) { 269 targetGraphicLink = jQuery(target.children()[0]); 270 } 271 if (targetGraphicLink.hasClass('text')) { 272 text = targetGraphicLink.text(); 273 } else if (targetGraphicLink.attr('src').length) { 274 if (targetGraphicLink.attr('alt').length) { 275 text = targetGraphicLink.attr('alt'); 276 } else { 277 text = targetGraphicLink.attr('src'); 278 } 279 } else { 280 text = "N/A"; 281 } 282 ga('send', 283 { 284 hitType: 'event', 285 eventCategory: 'Graphic Links', 286 eventAction: 'Graphic Link - ' + text, 287 eventLabel: window.location.href 288 }); 289 } 290 if (target.parents('.InfoAdvanced').length) { 291 ga('send', 292 { 293 hitType: 'event', 294 eventCategory: 'Info Advanced', 295 eventAction: 'Info Advanced Clicked', 296 eventLabel: window.location.href 297 }); 298 } 299 if (target.parents('.list').length) { 300 ga('send', 301 { 302 hitType: 'event', 303 eventCategory: 'List', 304 eventAction: 'List Clicked', 305 eventLabel: window.location.href 306 }); 307 } 308 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 309 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 310 var breadCrumbs = []; 311 jQuery('.breadCrumbs > li').each(function () { 312 breadCrumbs.push(this.textContent); 313 }); 314 var pageTitle = breadCrumbs.join('>'); 315 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 316 var text = ""; 317 if (pageTitle) { 318 text += pageTitle + " | "; 319 } else { 320 text += document.title + ' - '; 321 } 322 if (target.text() == "" && megaMenuText == "") { 323 text += "N/A"; 324 } else if (target.text().length && megaMenuText.length) { 325 if (megaMenuText == target.text()) { 326 text += megaMenuText; 327 } else { 328 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 329 } 330 } else if (target.text() == "") { 331 text += megaMenuText; 332 } else { 333 text += target.text(); 334 } 335 if (!text.length) { 336 text = "N/A"; 337 } 338 ga('send', 339 { 340 hitType: 'event', 341 eventCategory: 'Mega Menu', 342 eventAction: 'Mega Menu : ' + text, 343 eventLabel: window.location.href 344 }); 345 } 346 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 347 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 348 if (!text.length) { 349 text = "N/A"; 350 } 351 ga('send', 352 { 353 hitType: 'event', 354 eventCategory: 'News Flash', 355 eventAction: 'News Flash - ' + text, 356 eventLabel: window.location.href 357 }); 358 } 359 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 360 var text = target.text(); 361 if (!text.length) { 362 text = "N/A"; 363 } 364 ga('send', 365 { 366 hitType: 'event', 367 eventCategory: 'Quick Links', 368 eventAction: 'Quick Links - ' + text, 369 eventLabel: window.location.href 370 }); 371 } 372 if (target.attr('src') && target.parents('.cpSlideshow').length) { 373 var text = target.attr('title'); 374 if (!text.length) { 375 text = "N/A"; 376 } 377 ga('send', 378 { 379 hitType: 'event', 380 eventCategory: 'Slideshow', 381 eventAction: 'Slideshow - ' + text, 382 eventLabel: window.location.href 383 }); 384 } 385 if (target.parents('.widgetText').length) { 386 ga('send', 387 { 388 hitType: 'event', 389 eventCategory: 'Text', 390 eventAction: 'Text Link Clicked', 391 eventLabel: window.location.href 392 }); 393 } 394});</script>
394 395 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 396 <div class="cp-PopOver-header"> 397 <h3 class="cp-PopOver-title"></h3> 398 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 399 <svg class="cp-Icon--close" alt="close" title="close"> 400 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 401 </svg> 402 </button> 403 </div> 404 <div id="cpPopOverBody" class="cp-PopOver-body"> 405 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 406 </div> 407 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 408 <div class="cp-BtnGroup" id="actionButtons"> 409 <!-- Action buttons will be dynamically added here --> 410 </div> 411 </div> 412</div> 413 <div id="fb-root"></div> 414<div id=skipToContentLinks> 415<a href="#contentarea" target="_self" class="skipToContentLink">Skip to Main Content</a> 416</div> 417 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 418 419 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 420 421 422 423 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 424 <input type="hidden" id="hdnStructureID" value="1" /> 425 <input type="hidden" id="hdnContentCollectionID" value="2dee1e3e-131f-4c80-886a-130d164e5cc8" /> 426 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 427 <input type="hidden" id="hdnThemeID" value="1" /> 428 <input type="hidden" id="pageIsFrontEnd" value="true" /> 429 <input type="hidden" id="pageModuleID" value="74" /> 430 <input type="hidden" id="pagePageID" /> 431 432 <input type="hidden" id="hdnModuleID" value="74" /> 433 <div id="stickyPlaceholder"></div> 434 <div id="outer-wrap" class="outer-wrap"> 435 <div id="inner-wrap" class="inner-wrap"> 436 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 437 438 439 440 441 </div> 442 <div id="bodyWrapper"> 443 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 444 445<div data-cpRole="structuralContainer" id="structuralContainer1"> 446<div data-cpRole="structuralContainer" id="structuralContainer2"> 447<header class="siteHeader"><div data-cpRole="structuralContainer" id="structuralContainer3"> 448<div class="siteWrap"><h1 data-cpRole="banner" id="banner2" class="logo empty"> 449 450 451 452 453 <a id="banner2-1" style=" display: block; text-align: left; 454" class="bannerObject" href="/" target="_self"><img alt="Home page" class="bannerObject" height="106" src="/ImageRepository/Document?documentID=13793" width="254" /></a> 455</h1><aside data-cpRole="contentContainer" id="contentContainer1" class="search_TS"> <div id="ccd62e6fef-57e3-4c95-b8e7-b7d3167d857c" data-containerid="d62e6fef-57e3-4c95-b8e7-b7d3167d857c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="10"> 456 457 458 <div class="row outer wide"><!-- 459--><div class="outer col col4 first" style="" data-widgetcontainerid="84c35f79-cb7f-45d3-807d-83842d73d8be">� 460 <div class="row nest first last wide">� 461 462 <div class="inner col col4 first last id68584b74-bcf8-4e6e-9243-c79e4583da04" style="" data-widgetcontainerid="68584b74-bcf8-4e6e-9243-c79e4583da04">� 463<div data-widget-id="29f5d248-e7d7-4cee-9a88-f8000d89a228" data-widget-controller-path="/Layout/WidgetSiteTools"> 464 465
465<script type="text/javascript"> 466 $(document).ready(function () { 467 setWidgetServiceClicking($("#widgetSiteToolsHeader29f5d248-e7d7-4cee-9a88-f8000d89a228"), true, function () { 468 var $widgetBody = $('#widgetSiteToolsBody29f5d248-e7d7-4cee-9a88-f8000d89a228'); 469 470 if ($widgetBody.is(':visible')) { 471 var menuItems = $('.widgetItem a', $widgetBody); 472 473 $(menuItems[0]).focus(); 474 475 $('.widgetItem', $widgetBody).unbind("keydown").bind("keydown", function (e) { 476 477 if (e.which === 9) { 478 var index = menuItems.index(e.target); 479 480 if ((index === 0 && e.shiftKey) || (index === (menuItems.length - 1) && !e.shiftKey)) { 481 $("#widgetSiteToolsHeader29f5d248-e7d7-4cee-9a88-f8000d89a228").trigger('click').focus(); 482 } 483 } 484 }); 485 } else { 486 $('.widgetItem', $widgetBody).unbind("keydown"); 487 } 488 }); 489 }); 490 </script>
490 491 492 <section id="widgetSiteTools29f5d248-e7d7-4cee-9a88-f8000d89a228" class="widget widgetSiteTools skin4 widgetOptionSet8 flyOutParent wide" aria-label="Site Tools"> 493 <header id="widgetSiteToolsHeader29f5d248-e7d7-4cee-9a88-f8000d89a228" class="widgetHeader" tabindex="0" role="button" aria-haspopup="true"> 494 <h3><img alt="Site Tools" class="imageHover" data-hover="/ImageRepository/Document?documentID=3922" data-image="/ImageRepository/Document?documentID=3921" src="/ImageRepository/Document?documentID=3921" /></h3> 495 </header> 496 <div id="widgetSiteToolsBody29f5d248-e7d7-4cee-9a88-f8000d89a228" class="widgetBody whiteIcons flyOut bottom rightEdge widget widgetSiteTools skin4 cpGrid cpGrid1" style="display:none;"> 497 <div class="row 498 wide"> 499 <div class="col col1 first last"> 500 <ol class="semanticList"> 501 <li class="widgetItem"><a tabindex="0" role="button" aria-label="Site Tools Home" class="widgetSiteToolsHome siteToolsService" href="/">Home</a></li> 502 <li class="widgetItem"><a tabindex="0" role="button" aria-label="Site Tools My Account" class="widgetSiteToolsMyAccount siteToolsService" href="/MyAccount">My Account</a></li> 503 <li id="PrinterFriendly29f5d248-e7d7-4cee-9a88-f8000d89a228" class="widgetItem"><a tabindex="0" aria-label="Site Tools Printer Friendly opens in new window" role="button" class="widgetSiteToolsPrinterFriendly siteToolsService" onkeypress="if (event.which == 13) { this.onclick(); }" onclick="Core.Layout.dynamicJavascript('printPreview();'); return false;" href="#PrinterFriendly29f5d248-e7d7-4cee-9a88-f8000d89a228">Printer Friendly</a></li> 504 <li class="widgetItem"><a tabindex="0" role="button" aria-label="Site Tools Email Page" class="widgetSiteToolsEmailPage siteToolsService" href="/EmailPage">Email Page</a></li> 505 <li class="widgetItem"><a tabindex="0" role="button" aria-label="Site Tools Contact Us" class="widgetSiteToolsContactUs siteToolsService" href="/directory.aspx">Contact Us</a></li> 506 <li class="widgetItem"><a tabindex="0" role="button" aria-label="Site Tools Hear This Page" class="widgetSiteToolsHearThisPage siteToolsService" href="/">Hear This Page</a></li> 507 <li class="widgetItem"><a tabindex="0" role="button" aria-label="Site Tools RSS" class="widgetSiteToolsRSS siteToolsService" href="/rss.aspx">RSS</a></li> 508 <li class="widgetItem"><a tabindex="0" role="button" aria-label="Site Tools Site Map" class="widgetSiteToolsSiteMap siteToolsService" href="/SiteMap">Site Map</a></li> 509 <li id="TranslatePage29f5d248-e7d7-4cee-9a88-f8000d89a228" class="widgetItem"><a tabindex="0" aria-label="Site Tools Translate Page opens in new window" role="button" class="widgetSiteToolsTranslatePage siteToolsService" onkeypress="if (event.which == 13) { this.onclick(); }" onclick="Core.Layout.dynamicJavascript('window.open(\'https://translate.google.com/translate?js=n&sl=auto&tl=es&u=\' + document.location.href, \"TranslateWindow\");'); return false;" href="#TranslatePage29f5d248-e7d7-4cee-9a88-f8000d89a228">Translate Page</a></li> 510 <li class="widgetItem"><a tabindex="0" role="button" aria-label="Site Tools Notifications" class="widgetSiteToolsNotifications siteToolsService" href="/list.aspx">Notifications</a></li> 511 <li class="widgetItem"><a tabindex="0" role="button" aria-label="Site Tools Documents" class="widgetSiteToolsDocuments siteToolsService" href="/DocumentCenter">Documents</a></li> 512 <li class="widgetItem"><a tabindex="0" role="button" aria-label="Site Tools Help" class="widgetSiteToolsHelp siteToolsService" href="/">Help</a></li> 513 </ol> 514 </div> 515 516 </div> 517 </div> 518 519 </section> 520 521 522 523</div> 524 525 </div> <!-- inner column --> 526 527 </div> <!-- inner row --> 528 529 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="7196ac63-1282-4eb5-a8b4-abebce5eab11">� 530 <div class="row nest first last wide">� 531 532 <div class="inner col col5 first last idfc6dc5de-59fb-4f11-a31c-eaae335c9c50" style="" data-widgetcontainerid="fc6dc5de-59fb-4f11-a31c-eaae335c9c50">� 533<div data-widget-id="037336e2-3f0d-4938-9c20-d7e056759a2f" data-widget-controller-path="/Layout/WidgetShare"> 534 535
535<script type="text/javascript"> 536 $(document).ready(function () { 537 setWidgetServiceClicking($("#widgetShareHeader037336e2-3f0d-4938-9c20-d7e056759a2f"), true, function () { 538 var $widgetBody = $('#widgetShareBody037336e2-3f0d-4938-9c20-d7e056759a2f'); 539 540 if ($widgetBody.is(':visible')) { 541 var menuItems = $('.widgetItem a', $widgetBody); 542 543 $(menuItems[0]).focus(); 544 545 $('.widgetItem', $widgetBody).unbind("keydown").bind("keydown", function (e) { 546 547 if (e.which === 9) { 548 var index = menuItems.index(e.target); 549 550 if ((index === 0 && e.shiftKey) || (index === (menuItems.length - 1) && !e.shiftKey)) { 551 $("#widgetShareHeader037336e2-3f0d-4938-9c20-d7e056759a2f").trigger('click').focus(); 552 } 553 } 554 }); 555 } else { 556 $('.widgetItem', $widgetBody).unbind("keydown"); 557 } 558 }); 559 }); 560 </script>
560 561 562 <section id="widgetShare037336e2-3f0d-4938-9c20-d7e056759a2f" class="widget widgetShare skin4 widgetOptionSet6 flyOutParent wide" aria-label="Share"> 563 <header id="widgetShareHeader037336e2-3f0d-4938-9c20-d7e056759a2f" class="widgetHeader" tabindex="0" role="button" aria-haspopup="true"> 564 <h3><img alt="Share" class="imageHover" data-hover="/ImageRepository/Document?documentID=3920" data-image="/ImageRepository/Document?documentID=3919" src="/ImageRepository/Document?documentID=3919" /></h3> 565 </header> 566 <div id="widgetShareBody037336e2-3f0d-4938-9c20-d7e056759a2f" class="widgetBody flyOut bottom rightEdge widget widgetShare skin4 cpGrid cpGrid1" style="display:none;"> 567 <div class="row 568 wide"> 569 <div class="col col1 first last"> 570 <ol class="semanticList"> 571 <li class="widgetItem" ><a tabindex="0" role="button" class="widgetShareFacebook shareService" onkeypress="if(event.which == 13) { this.onclick(); }" href="/Layout/WidgetShare/ShareLink/Facebook" target="_blank" aria-label="Share on Facebook opens in new window">Facebook</a></li> 572 <li class="widgetItem" ><a tabindex="0" role="button" class="widgetShareTwitter shareService" onkeypress="if(event.which == 13) { this.onclick(); }" href="/Layout/WidgetShare/ShareLink/Twitter" target="_blank" aria-label="Share on Twitter opens in new window">Twitter</a></li> 573 <li class="widgetItem" ><a tabindex="0" role="button" class="widgetSharePinterest shareService" onkeypress="if(event.which == 13) { this.onclick(); }" href="/Layout/WidgetShare/ShareLink/Pinterest" target="_blank" aria-label="Share on Pinterest opens in new window">Pinterest</a></li> 574 <li class="widgetItem" ><a tabindex="0" role="button" class="widgetShareDelicious shareService" onkeypress="if(event.which == 13) { this.onclick(); }" href="/Layout/WidgetShare/ShareLink/Delicious" target="_blank" aria-label="Share on Delicious opens in new window">Delicious</a></li> 575 <li class="widgetItem" ><a tabindex="0" role="button" class="widgetShareBlogger shareService" onkeypress="if(event.which == 13) { this.onclick(); }" href="/Layout/WidgetShare/ShareLink/Blogger" target="_blank" aria-label="Share on Blogger opens in new window">Blogger</a></li> 576 <li class="widgetItem" ><a tabindex="0" role="button" class="widgetShareLinkedIn shareService" onkeypress="if(event.which == 13) { this.onclick(); }" href="/Layout/WidgetShare/ShareLink/LinkedIn" target="_blank" aria-label="Share on LinkedIn opens in new window">LinkedIn</a></li> 577 </ol> 578 </div> 579 580 </div> 581 </div> 582 583 </section> 584 585</div> 586 587 </div> <!-- inner column --> 588 589 </div> <!-- inner row --> 590 591 </div><!-- outer column --><!----><div class="outer col col15 last" style="" data-widgetcontainerid="396733c9-8751-447e-b86a-190f91339138">� 592 <div class="row nest first last wide">� 593 594 <div class="inner col col15 first last id5e0939ef-6762-4781-ab53-70d76b5deb48" style="" data-widgetcontainerid="5e0939ef-6762-4781-ab53-70d76b5deb48">� 595<div data-widget-id="1351c7b9-5a6d-47ee-9839-5cb7c32fb5da" data-widget-controller-path="/Layout/WidgetSearch"> 596 597
597<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
597 598
598<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
598 599
599<script defer type="text/javascript"> 600 601 $(document).ready(function () { 602 try { 603 // Minimum characters required before performing a search/autocomplete 604 var minPrefixLength = 3; 605 var autoCompleteDebounceDelay = 500; 606 var searchFieldSelector = "#searchField" + '1351c7b9-5a6d-47ee-9839-5cb7c32fb5da'; 607 var checkboxSelector = "#ysnSearchOnlyDept" + '1351c7b9-5a6d-47ee-9839-5cb7c32fb5da'; 608 var buttonSelector = ".widgetSearchButton" + '1351c7b9-5a6d-47ee-9839-5cb7c32fb5da'; 609 var autoCompleteCache = {}; 610 var autoCompleteCacheKeys = []; 611 var autoCompleteCacheLimit = 25; 612 var currentAutoCompleteRequest = null; 613 var currentAutoCompleteRequestKey = null; 614 var autoCompleteDebounceTimer = null; 615 var autoCompleteDebounceKey = null; 616 var pendingAutoCompleteResponses = []; 617 618 function normalizeAutoCompleteTerm(term) { 619 return $.trim((term || "") + "").replace(/\s+/g, " "); 620 } 621 622 function shouldSearch(term) { 623 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 624 } 625 626 function getAutoCompleteUrl() { 627 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 628 } 629 630 function getAutoCompleteCacheKey(requestUrl, term) { 631 return requestUrl + "|" + term.toLowerCase(); 632 } 633 634 function cacheAutoCompleteResult(cacheKey, data) { 635 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 636 autoCompleteCacheKeys.push(cacheKey); 637 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 638 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 639 } 640 } 641 autoCompleteCache[cacheKey] = data; 642 } 643 644 function respondToPendingAutoComplete(data) { 645 var responses = pendingAutoCompleteResponses; 646 pendingAutoCompleteResponses = []; 647 for (var i = 0; i < responses.length; i++) { 648 responses[i](data); 649 } 650 } 651 652 function cancelPendingAutoComplete() { 653 clearTimeout(autoCompleteDebounceTimer); 654 autoCompleteDebounceKey = null; 655 if (currentAutoCompleteRequest != null) { 656 currentAutoCompleteRequest.abort(); 657 currentAutoCompleteRequest = null; 658 } 659 currentAutoCompleteRequestKey = null; 660 respondToPendingAutoComplete([]); 661 } 662 663 function createWidgetAutoCompleteSource(options) { 664 return function (request, response) { 665 var term = normalizeAutoCompleteTerm(request.term); 666 if (!options.shouldSearch(term)) { 667 response([]); 668 return; 669 } 670 671 var requestUrl = options.url(); 672 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 673 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 674 response(autoCompleteCache[cacheKey]); 675 if (options.success) { 676 options.success(autoCompleteCache[cacheKey]); 677 } 678 return; 679 } 680 681 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 682 pendingAutoCompleteResponses.push(response); 683 return; 684 } 685 686 cancelPendingAutoComplete(); 687 autoCompleteDebounceKey = cacheKey; 688 pendingAutoCompleteResponses.push(response); 689 autoCompleteDebounceTimer = setTimeout(function () { 690 autoCompleteDebounceKey = null; 691 currentAutoCompleteRequestKey = cacheKey; 692 currentAutoCompleteRequest = $.ajax({ 693 url: requestUrl, 694 dataType: "json", 695 timeout: options.timeout, 696 data: { 697 term: term, 698 }, 699 success: function (data) { 700 if (currentAutoCompleteRequestKey === cacheKey) { 701 cacheAutoCompleteResult(cacheKey, data); 702 respondToPendingAutoComplete(data); 703 if (options.success) { 704 options.success(data); 705 } 706 } 707 }, 708 error: function (xmlhttprequest, textstatus, message) { 709 if (textstatus === "abort") { 710 return; 711 } 712 713 if (options.error) { 714 options.error(xmlhttprequest, textstatus, message); 715 } 716 717 respondToPendingAutoComplete([]); 718 }, 719 complete: function (xmlhttprequest) { 720 if (currentAutoCompleteRequest === xmlhttprequest) { 721 currentAutoCompleteRequest = null;
722 currentAutoCompleteRequestKey = null; 723 } 724 } 725 }); 726 }, options.delay); 727 }; 728 } 729 730 // click handler for search buttons 731 $(buttonSelector).click(function (e) { 732 e.preventDefault(); 733 var $btn = $(this); 734 var $field = $btn.siblings(".widgetSearchBox"); 735 var term = $field.val() + ""; 736 if (!shouldSearch(term)) { 737 // do nothing until user types enough characters 738 $field.focus(); 739 return; 740 } 741 742 if ($(checkboxSelector).is(':checked') || false) 743 { 744 doWidgetSearch($.trim(term), Number(0)); 745 } 746 else { 747 doWidgetSearch($.trim(term), 0); 748 } 749 }); 750 751 // enter key handler for the search field 752 $(searchFieldSelector).keypress(function (e) { 753 var code = e.which || e.keyCode; 754 if (code === 13) { 755 e.preventDefault(); 756 var $this = $(this); 757 var term = $this.val() + ""; 758 if (!shouldSearch(term)) { 759 // do nothing until user types enough characters 760 $this.focus(); 761 return false; 762 } 763 764 if ($(checkboxSelector).is(':checked') || false) { 765 doWidgetSearch($.trim(term), Number(0)); 766 } else { 767 doWidgetSearch($.trim(term), 0); 768 } 769 return false; 770 } 771 return true; 772 }); 773 774 // autocomplete: set minLength and guard source 775 if (true) { 776 var $searchField = $(searchFieldSelector).autocomplete({ 777 minLength: minPrefixLength, 778 source: createWidgetAutoCompleteSource({ 779 delay: autoCompleteDebounceDelay, 780 timeout: 10000, 781 shouldSearch: shouldSearch, 782 url: getAutoCompleteUrl, 783 success: function () { 784 $('.autoCompleteError').remove(); 785 }, 786 error: function (xmlhttprequest, textstatus, message) { 787 if (textstatus === "timeout") { 788 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 789 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 790 } 791 } 792 }), 793 html: true, 794 delay: 0, 795 select: function (event, ui) { 796 $(this).val(ui.item.value); 797 $(this).next().click(); 798 } 799 }); 800 801 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 802 return $("<li class=\"itemList\"></li>") 803 .data("ui-autocomplete-item", item) 804 .append("<a>" + item.label + "</a>") 805 .appendTo(ul); 806 }; 807 } 808 809 // keep searchBtnApplyQuery consistent with prefix rule 810 window.searchBtnApplyQuery = function() { 811 var $field = $(searchFieldSelector); 812 var term = $field.val() + ""; 813 if (shouldSearch(term)) { 814 // update href for the icon/button (if present) 815 var btn = document.getElementById("btnSearchIcon"); 816 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 817 } else { 818 var btn = document.getElementById("btnSearchIcon"); 819 if (btn) btn.href = "#"; 820 } 821 }; 822 } 823 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. 824 }); 825 </script>
825 826 827 <section id="widgetPreviewSearch" class="widget widgetSearch skin1 widgetOptionSet12" style="display: block;" aria-label="Search"> 828 <!-- For the button right and inside --> 829 <div class="widgetBody buttonRightInside"> 830 <input class="widgetSearchBox widgetSearchBox1351c7b9-5a6d-47ee-9839-5cb7c32fb5da" cp5ph="true" id="searchField1351c7b9-5a6d-47ee-9839-5cb7c32fb5da" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search Hagerstown..." type="text" value="" /> 831 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton1351c7b9-5a6d-47ee-9839-5cb7c32fb5da" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=3918" data-image="/ImageRepository/Document?documentID=3917" src="/ImageRepository/Document?documentID=3917" /></a> 832 833 <label class="searchLabel" aria-hidden="true" for="searchField1351c7b9-5a6d-47ee-9839-5cb7c32fb5da">Search</label> 834 </div> 835 836 </section> 837 838 839<style scoped> 840 841 .widgetSearch ::-webkit-input-placeholder { 842 color: #000; 843 } 844 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 845 color: #000; 846 } 847 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 848 color: #000; 849 } 850 .widgetSearch :-ms-input-placeholder { 851 color: #000; 852 } 853 854 855 .widgetSearch .widgetBody .widgetSearchBox1351c7b9-5a6d-47ee-9839-5cb7c32fb5da 856 { 857 color: #000; 858 border: 1px solid #183963; height: 38px; border-radius: 4px; padding: 0 40px 0 20px; font-family: Mulish; font-size: 1.15em; 859 } 860 .widgetSearch .widgetBody .widgetSearchButton1351c7b9-5a6d-47ee-9839-5cb7c32fb5da 861 { 862 863 } 864 .widgetSearch .widgetSearch-onlyDept1351c7b9-5a6d-47ee-9839-5cb7c32fb5da 865 { 866 display: inline-block; 867 color: #333; 868 869 870 padding-top: 10px; 871 } 872 #ysnSearchOnlyDept1351c7b9-5a6d-47ee-9839-5cb7c32fb5da 873 { 874 position: relative; 875 top: .125em; 876 } 877 878</style> 879 880<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 881<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 882 883 884
885<script type="text/javascript"> 886 //Updates search icons href to have the correct queryString 887 function searchBtnApplyQuery() { 888 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField1351c7b9-5a6d-47ee-9839-5cb7c32fb5da").value; 889 } 890</script>
890 891 892</div> 893 894 </div> <!-- inner column --> 895 896 </div> <!-- inner row --> 897 898 </div><!-- outer column --><!-- --></div> <!-- outer row --> 899 <div class="row outer wide"><!-- 900--><div class="outer col col9 first" style="" data-widgetcontainerid="77e4adce-c81d-417d-8c2d-aa65019f7b32">� 901 <div class="row nest first last wide">� 902 903 <div class="inner col col9 first last id6f314860-8b4b-4f44-a12d-74314387f4b6" style="" data-widgetcontainerid="6f314860-8b4b-4f44-a12d-74314387f4b6">� 904 905<div class="widget widgetSpacer" id="b48cafd6-a0ff-4cf4-b233-8429875028d8"></div> 906 </div> <!-- inner column --> 907 908 </div> <!-- inner row --> 909 910 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="568c803f-0eff-497d-8c18-616754e48c6e">� 911 <div class="row nest first last wide">� 912 913 <div class="inner col col8 first last id7a86a39a-018e-4df2-9412-5f5a08904e05" style="" data-widgetcontainerid="7a86a39a-018e-4df2-9412-5f5a08904e05">� 914 <div data-widget-id="afbbe880-076a-4002-a024-436ffe69a5c3" data-widget-controller-path="/InfoAdvanced/Widget"> 915 916 917 918 919 920 <section id="divInfoAdvafbbe880-076a-4002-a024-436ffe69a5c3" class="widget widgetInfoAdvanced skin1 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 921 <header class="widgetHeader" id="headerafbbe880-076a-4002-a024-436ffe69a5c3"> 922 <div class=""> 923 </div> 924 </header> 925 <div class="widgetBody cpGrid cpGrid1 "> 926 <div class="row wide"> 927 <div class="col col1 first last"> 928 <ol class="pageStyles semanticList"> 929 930<li class="InfoAdvanced widgetItem fr-view"> 931 <div style="font-size: 1.1em; font-family: Mulish; color: #000); padding-top: .5em;">CONNECT WITH US:</div> 932</li> </ol> 933 </div> 934 </div> 935 </div> 936 <div class="widgetFooter"> 937 938 </div> 939 940 </section> 941 942 943
944<script type="text/javascript"> 945 //Render slideshow if info advacned items contain one. 946 $(document).ready(function (e) { 947 $('#divInfoAdvafbbe880-076a-4002-a024-436ffe69a5c3 .InfoAdvanced.widgetItem').each(function () { 948 renderSlideshowIfApplicable($(this)); 949 }); 950 }); 951</script>
951</div> 952 </div> <!-- inner column --> 953 954 </div> <!-- inner row --> 955 956 </div><!-- outer column --><!----><div class="outer col col7 last" style="" data-widgetcontainerid="f365ce7f-7b5c-4e65-8d91-c24173ec578e">� 957 <div class="row nest first last wide">� 958 959 <div class="inner col col7 first last id2fb22b55-894b-4ad6-993a-720aa9c1a4b5" style="" data-widgetcontainerid="2fb22b55-894b-4ad6-993a-720aa9c1a4b5">� 960<div data-widget-id="bda2fe25-608f-4759-a775-e12211c2bb45" data-widget-controller-path="/GraphicLinks/Widget"> 961 962 963 964 <style type="text/css">.widgetOptionSet15.widget {padding-top: .5em;}</style> 965 966<div id="graphicLinkWidgetbda2fe25-608f-4759-a775-e12211c2bb45" class="widget widgetGraphicLinks skin2 widgetOptionSet15 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 967 <div class="widgetHeader"> 968 <div class=""> 969 </div> 970 </div> 971 <div class="widgetBody cpGrid cpGrid4 "> 972 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 973 <div class="row wide"> 974 <!-- 975--><div class="col col1 first "><ul class="semanticList"><!-- 976 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_blank"> 977 978<img src="/ImageRepository/Document?documentID=3923" 979 class="graphicButtonLink" alt="Facebook (opens in new window)" 980 onmouseover="this.src='/ImageRepository/Document?documentID=3924'" 981 onmouseout="this.src='/ImageRepository/Document?documentID=3923'" 982 onfocus="this.src='/ImageRepository/Document?documentID=3924'" 983 onblur="this.src='/ImageRepository/Document?documentID=3923'"> 984</a></li><!-- 985--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 986 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/twitter" target="_blank"> 987 988<img src="/ImageRepository/Document?documentID=3927" 989 class="graphicButtonLink" alt="Twitter (opens in new window)" 990 onmouseover="this.src='/ImageRepository/Document?documentID=3928'" 991 onmouseout="this.src='/ImageRepository/Document?documentID=3927'" 992 onfocus="this.src='/ImageRepository/Document?documentID=3928'" 993 onblur="this.src='/ImageRepository/Document?documentID=3927'"> 994</a></li><!-- 995--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 996 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_blank"> 997 998<img src="/ImageRepository/Document?documentID=3929" 999 class="graphicButtonLink" alt="YouTube (opens in new window)" 1000 onmouseover="this.src='/ImageRepository/Document?documentID=3930'" 1001 onmouseout="this.src='/ImageRepository/Document?documentID=3929'" 1002 onfocus="this.src='/ImageRepository/Document?documentID=3930'" 1003 onblur="this.src='/ImageRepository/Document?documentID=3929'"> 1004</a></li><!-- 1005--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1006 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_blank"> 1007 1008<img src="/ImageRepository/Document?documentID=3925" 1009 class="graphicButtonLink" alt="Instagram (opens in new window)" 1010 onmouseover="this.src='/ImageRepository/Document?documentID=3926'" 1011 onmouseout="this.src='/ImageRepository/Document?documentID=3925'" 1012 onfocus="this.src='/ImageRepository/Document?documentID=3926'" 1013 onblur="this.src='/ImageRepository/Document?documentID=3925'"> 1014</a></li><!-- 1015--></ul></div><!-- --> 1016 </div> 1017 </nav> 1018 </div> 1019 <div class="widgetFooter"> 1020 </div> 1021</div> 1022</div> 1023 1024 </div> <!-- inner column --> 1025 1026 </div> <!-- inner row --> 1027 1028 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1029 1030 1031 </div> 1032</aside></div> 1033</div><div data-cpRole="structuralContainer" id="structuralContainer4"> 1034<div class="siteWrap"><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 1035<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 1036--><li id="MainItem841" class="topMenuItem" role="none" data-pageid="841" data-displaymegamenu="True"><!-- 1037 --><!-- 1038 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu841" id = "mainNav
1038Services" class="navMainItem mainNavItem mainNavItem1 " href="/841/Services" target = "_self" > Services </a> <!-- 1039 --><!-- 1040 --></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 1041 --><!-- 1042 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem2 " href="/27/Government" target = "_self" > Government </a> <!-- 1043 --><!-- 1044 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 1045 --><!-- 1046 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem3 " href="/31/Community" target = "_self" > Community </a> <!-- 1047 --><!-- 1048 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 1049 --><!-- 1050 --> <a role="menuitem" id="mainNavBusiness" class="navMainItem mainNavItem mainNavItem4" href="/1419/Doing-Business" target="_self"> Business </a> <!-- 1051 --><!-- 1052 --></li><!----><li id="MainItem7" class="topMenuItem" role="none" data-pageid="7" data-displaymegamenu="True"><!-- 1053 --><!-- 1054 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu7" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem5 " href="/7/How-Do-I" target = "_self" > How Do I... </a> <!-- 1055 --><!-- 1056 --></li><!----> 1057</ol> 1058 1059 1060
1060<script type="text/javascript"> 1061 (function () { 1062 function setupMenu() { 1063 const menuID = 'mainNavMenu'; 1064 const menuType = MAIN_MENU; 1065 1066 //setup menu manager properties for main menu 1067 if (!menuManager.mobileMainNav && true) 1068 menuManager.adjustMainItemsWidth('#' + menuID); 1069 menuManager.isMainMenuEditable = false; 1070 menuManager.mainMenuMaxSubMenuLevels = 4; 1071 menuManager.setMOMMode(2, menuType); 1072 1073 //Init main menu 1074 const setupDraggable = menuManager.isMainMenuEditable; 1075 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=74&themeID=1&menuContainerID=mainNav'; 1076 1077 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 1078 menuManager.mainMenuInit = true; 1079 menuManager.mainMenuTextResizer = false; 1080 if (0.00 > 0) 1081 menuManager.mainMenuTextResizerRatio = 0.00; 1082 if (window.isResponsiveEnabled) 1083 menuManager.mainMenuReady.resolve(); 1084 1085 } 1086 1087 if (document.readyState === "complete" 1088 || document.readyState === "loaded" 1089 || document.readyState === "interactive") { 1090 setupMenu(); 1091 return; 1092 } 1093 1094 document.addEventListener("DOMContentLoaded", setupMenu); 1095 })(); 1096 </script>
1096 1097 1098 1099<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="mainNavMegaMenu841" class="contentTop mainNavMegaMenu megaMenuContainer pageID_841 hidden" data-orientation="horizontal"> <div id="cc62479d49-f4c2-432a-ab69-19a82b89bf33" data-containerid="62479d49-f4c2-432a-ab69-19a82b89bf33" class="pageContent cpGrid cpGrid24 showInMobile"> 1100 1101 1102 1103 1104 </div> 1105</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc26e19fc7-93ab-4ee5-95d5-9048c037371b" data-containerid="26e19fc7-93ab-4ee5-95d5-9048c037371b" class="pageContent cpGrid cpGrid24 showInMobile"> 1106 1107 1108 1109 1110 </div> 1111</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="ccd3d7e0ed-d9ea-4985-b250-83e14ee2c9f1" data-containerid="d3d7e0ed-d9ea-4985-b250-83e14ee2c9f1" class="pageContent cpGrid cpGrid24 showInMobile"> 1112 1113 1114 1115 1116 </div> 1117</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="cc67246399-7131-4308-8588-bee727803da5" data-containerid="67246399-7131-4308-8588-bee727803da5" class="pageContent cpGrid cpGrid24 showInMobile"> 1118 1119 1120 1121 1122 </div> 1123</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu7" class="contentTop mainNavMegaMenu megaMenuContainer pageID_7 hidden" data-orientation="horizontal"> <div id="ccc5781c96-eb69-4535-b62b-e2e05c00fdf5" data-containerid="c5781c96-eb69-4535-b62b-e2e05c00fdf5" class="pageContent cpGrid cpGrid24 showInMobile"> 1124 1125 1126 1127 1128 </div> 1129</aside></aside></nav></div> 1130</div></header> 1131</div><div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="structuralContainer5"><div class="inner"> 1132<div class="siteWrap"><div data-cpRole="structuralContainer" id="structuralContainer6" class="mainWrap" role="main"> 1133<div data-cpRole="structuralContainer" id="structuralContainer7" class="outerContentWrap"> 1134<div data-cpRole="structuralContainer" id="structuralContainer8" class="contentWrap"> 1135<div data-cpRole="breadCrumbs" class="breadCrumbContainer" id="breadCrumbs"> <ol class="semanticList breadCrumbs"> 1136 <li><a class="breadCrumb" href="/">Home</a></li><li><a href class="breadCrumb" aria-current="page">Email Page</a></li> 1137 </ol> 1138 1139 1140 1141</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1142 <div id="contentarea"></div> 1143 <div class="newCP moduleContentNew"> 1144 1145 <div class="header"> 1146 <div class="graphic"> 1147 <img src="/Common/images/NotifyMe/NotifyMeModuleIconLarge.png" alt="Email This Page icon" height="74" width="74"/> 1148 </div> 1149 <div class="text"> 1150 <h1>Email Page</h1> 1151 <br><span style="font-size: 8pt;">Email Page</span> 1152 </div> 1153 </div> 1154 1155 <div class="contentMain"> 1156 1157<p class="sharing">There is no page to share. This page must be opened from a link.</p> 1158 1159 </div> 1160 1161 </div> 1162 1163 1164 <div class="newCP"> 1165 1166 </div> 1167</div> 1168</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccd0ed0726-a286-4a07-b25f-b572ac3bf5b6" data-containerid="d0ed0726-a286-4a07-b25f-b572ac3bf5b6" class="pageContent cpGrid cpGrid24 showInMobile"> 1169 1170 1171 1172 1173 </div> 1174</aside> 1175</div><div data-cpRole="structuralContainer" id="structuralContainer9" class="siteSidebar"> 1176<nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 1177 1178 1179 1180 1181 1182 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="4" class="rootNavMenu accordionNav"> 1183 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem83" data-pageid="83">
1184 <div class="accordionNavItem"> 1185 <a href="/585" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">About Us</a> 1186 </div> 1187 </li> 1188 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem84" data-pageid="84"> 1189 <div class="accordionNavItem"> 1190 <a href="/bids.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Bids/RFPs</a> 1191 </div> 1192 </li> 1193 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem599" data-pageid="599"> 1194 <div class="accordionNavItem"> 1195 <a href="/929" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Community's City Center Plan</a> 1196 </div> 1197 </li> 1198 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem37" data-pageid="37"> 1199 <div class="accordionNavItem"> 1200 <a href="https://hagerstown.novusagenda.com/agendapublic/" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Council Agendas</a> 1201 </div> 1202 </li> 1203 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem38" data-pageid="38"> 1204 <div class="accordionNavItem"> 1205 <a href="/578" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Council Minutes</a> 1206 </div> 1207 </li> 1208 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem6" data-pageid="6"> 1209 <div class="accordionNavItem"> 1210 <a href="/jobs.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Jobs</a> 1211 </div> 1212 </li> 1213 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem613" data-pageid="613"> 1214 <div class="accordionNavItem"> 1215 <a href="/145" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Parks and Recreation</a> 1216 </div> 1217 </li> 1218 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem907" data-pageid="907"> 1219 <div class="accordionNavItem"> 1220 <a href="/328" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Parks Facilities Reservations</a> 1221 </div> 1222 </li> 1223 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem906" data-pageid="906"> 1224 <div class="accordionNavItem"> 1225 <a href="/905" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Recreation Activities Registration</a> 1226 </div> 1227 </li> 1228 1229 </ol> 1230 1231 1232
1232<script type="text/javascript"> 1233 (function () { 1234 function setupSecondaryMenuProperties() { 1235 //setup menu manager properties for secondary menu 1236 menuManager.isSideMenuEditable = false; 1237 menuManager.sideMenuMaxSubMenuLevels = 4; 1238 menuManager.sideMenuHasCustomLinks = true; 1239 } 1240 1241 if (document.readyState === "loading") { 1242 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1243 return; 1244 } 1245 1246 setupSecondaryMenuProperties(); 1247 })(); 1248 </script>
1248 1249 1250
1250<script type="text/javascript"> 1251 (function () { 1252 function setupAccordionSecondaryNav() { 1253 var $menuContainer = $('#secondaryNav'); 1254 1255 $menuContainer.find('*[id^="SideItem"]').each(function () { 1256 var ids = $('[id="' + this.id + '"]'); 1257 if (ids.length > 1) 1258 $.each(ids, function (index, value) { 1259 value.id = value.id + '_' + index; 1260 }); 1261 }); 1262 1263 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1264 e.preventDefault(); 1265 showHideAccordionMenuForSecondaryNav($(this)); 1266 }); 1267 1268 $menuContainer.find(".grippy").each(function () { 1269 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1270 }); 1271 1272 $menuContainer.find("li").each(function () { 1273 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1274 }); 1275 } 1276 1277 if (document.readyState === "loading") { 1278 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1279 return; 1280 } 1281 1282 setupAccordionSecondaryNav(); 1283 })(); 1284 </script>
1284 1285 1286 1287 1288</nav> 1289</div> 1290</div></div></div> 1291</div><div data-cpRole="structuralContainer" id="structuralContainer10"> 1292<div class="siteWrap"><aside data-cpRole="contentContainer" id="contentContainer2"> <div id="cc387add59-12e6-4445-bc48-462caa3265e8" data-containerid="387add59-12e6-4445-bc48-462caa3265e8" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="40"> 1293 1294 1295 <div class="row outer wide"><!-- 1296--><div class="outer col col24 first last" style="" data-widgetcontainerid="375f5e5a-adf8-4324-b1df-bb1de9864908">� 1297 <div class="row nest first last wide">� 1298 1299 <div class="inner col col24 first last id80a6d1c2-994e-4b8a-9ae3-2a01c142648b" style="" data-widgetcontainerid="80a6d1c2-994e-4b8a-9ae3-2a01c142648b">� 1300<div data-widget-id="07e4d3c8-2131-41f2-8412-c47acdf95f28" data-widget-controller-path="/GraphicLinks/Widget"> 1301 1302 1303 1304 1305<div id="graphicLinkWidget07e4d3c8-2131-41f2-8412-c47acdf95f28" class="widget widgetGraphicLinks skin1 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1306 <div class="widgetHeader"> 1307 <div class=""> 1308 </div> 1309 </div> 1310 <div class="widgetBody cpGrid cpGrid4 "> 1311 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1312 <div class="row wide"> 1313 <!-- 1314--><div class="col col1 first "><ul class="semanticList"><!-- 1315 --><li class="widgetItem GraphicLinks"> 1316 1317<div> 1318 <a href="/FormCenter/City-Clerk-17/Register-to-Speak-at-Mayor-Council-Regul-158" target="_self" class="fancyButton fancyButton329 " > 1319 <span> 1320 <span><span class="text"><span class="textStyle1">SPEAK AT MEETING</span><br>Register Now</span></span> 1321 </span> 1322 </a> 1323</div> 1324 <style scoped="scoped">.fancyButton329.fancyButton:link,.fancyButton329.fancyButton:visited, .fancyButton329div.fancyButton{ 1325 background-repeat: no-repeat; 1326 background-position: left top; 1327} 1328.fancyButton329.fancyButton:hover,.fancyButton329.fancyButton:focus,.fancyButton329.fancyButton:active,.fancyButton329.fancyButton.hover{ 1329 background-repeat: no-repeat; 1330 background-position: left top; 1331} 1332.fancyButton329.fancyButton:link > span,.fancyButton329.fancyButton:visited > span, .fancyButton329div.fancyButton > span{ 1333} 1334.fancyButton329.fancyButton:hover > span,.fancyButton329.fancyButton:focus > span,.fancyButton329.fancyButton:active > span,.fancyButton329.fancyButton.hover > span{ 1335} 1336.fancyButton329.fancyButton .text{ 1337 color: #e2e1db; 1338 font-family: "Mulish"; 1339 text-align: center; 1340 padding-top: 4em; 1341 font-style: normal; 1342 text-decoration: none; 1343 padding-top: 4em; 1344 background-image: url('/ImageRepository/Document?documentID=20581'); 1345 background-repeat: no-repeat; 1346 background-position: center top; 1347 1348 1349} 1350.fancyButton329.fancyButton:hover .text,.fancyButton329.fancyButton:focus .text,.fancyButton329.fancyButton:active .text,.fancyButton329.fancyButton.hover .text{ 1351 color: #e2e1db; 1352 font-family: Mulish; 1353 font-weight: 500; 1354 text-decoration: none; 1355 background-repeat: no-repeat; 1356 background-position: center top; 1357 1358 1359} 1360.fancyButton329.fancyButton .textStyle1{ 1361 color: #ffffff; 1362 font-size: 1.1em; 1363 font-family: Roboto Condensed; 1364 text-align: center; 1365 font-weight: 700; 1366 text-decoration: none; 1367 1368} 1369.fancyButton329.fancyButton:hover .textStyle1, .fancyButton329.fancyButton.hover .textStyle1{ 1370 color: #ffffff; 1371 font-size: 1.1em; 1372 font-family: Roboto Condensed; 1373 font-weight: 700; 1374 text-decoration: underline; 1375 1376} 1377.fancyButton329.fancyButton .textStyle2{ 1378 color: rgb(226, 225, 219); 1379 font-style: normal; 1380 text-decoration: none; 1381 1382} 1383.fancyButton329.fancyButton:hover .textStyle2, .fancyButton329.fancyButton.hover .textStyle2{ 1384 color: rgb(226, 225, 219); 1385 font-style: normal; 1386 text-decoration: none; 1387 1388} 1389.fancyButton329.fancyButton .textStyle3{ 1390 color: rgb(226, 225, 219); 1391 font-style: normal; 1392 text-decoration: none; 1393 1394} 1395.fancyButton329.fancyButton:hover .textStyle3, .fancyButton329.fancyButton.hover .textStyle3{ 1396 color: rgb(226, 225, 219); 1397 font-style: normal; 1398 text-decoration: none; 1399 1400} 1401.fancyButton329.fancyButton .textStyle4{ 1402 color: rgb(226, 225, 219); 1403 font-style: normal; 1404 text-decoration: none; 1405 1406} 1407.fancyButton329.fancyButton:hover .textStyle4, .fancyButton329.fancyButton.hover .textStyle4{ 1408 color: rgb(226, 225, 219); 1409 font-style: normal; 1410 text-decoration: none; 1411 1412} 1413</style> 1414 1415 </li><!-- 1416--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1417 --><li class="widgetItem GraphicLinks"> 1418 1419<div> 1420 <a href="https://hagerstownmd.finance.socrata.com/#!/dashboard" target="_blank" class="fancyButton fancyButton204 " aria-label="TRANSPARENCY PORTAL City Financial Snapshot Opens in new window"> 1421 <span> 1422 <span><span class="text"><span class="textStyle1">TRANSPARENCY PORTAL</span><br>City Financial Snapshot</span></span> 1423 </span> 1424 </a> 1425</div> 1426 <style scoped="scoped">.fancyButton204.fancyButton:link,.fancyButton204.fancyButton:visited, .fancyButton204div.fancyButton{ 1427 padding-right: 0px; 1428 padding-left: 0px; 1429 background-repeat: no-repeat; 1430 background-position: center top; 1431} 1432.fancyButton204.fancyButton:hover,.fancyButton204.fancyButton:focus,.fancyButton204.fancyButton:active,.fancyButton204.fancyButton.hover{ 1433 background-repeat: no-repeat; 1434 background-position: center top; 1435} 1436.fancyButton204.fancyButton:link > span,.fancyButton204.fancyButton:visited > span, .fancyButton204div.fancyButton > span{ 1437} 1438.fancyButton204.fancyButton:hover > span,.fancyButton204.fancyButton:focus > span,.fancyButton204.fancyButton:active > span,.fancyButton204.fancyButton.hover > span{ 1439} 1440.fancyButton204.fancyButton .text{ 1441 color: #e2e1db; 1442 font-family: "Mulish"; 1443 text-align: center; 1444 padding-top: 4em; 1445 font-style: normal; 1446 text-decoration: none; 1447 padding-top: 4em; 1448 background-image: url('/ImageRepository/Document?documentID=5469'); 1449 background-repeat: no-repeat; 1450 background-position: center top; 1451 1452 1453} 1454.fancyButton204.fancyButton:hover .text,.fancyButton204.fancyButton:focus .text,.fancyButton204.fancyButton:active .text,.fancyButton204.fancyButton.hover .text{ 1455 color: #e2e1db; 1456 font-family: Mulish; 1457 font-weight: 500; 1458 text-decoration: none; 1459 background-repeat: no-repeat; 1460 background-position: center top; 1461 1462 1463} 1464.fancyButton204.fancyButton .textStyle1{ 1465 color: #ffffff; 1466 font-size: 1.1em; 1467 font-family: Roboto Condensed; 1468 text-align: center; 1469 font-weight: 700; 1470 text-decoration: none; 1471 1472} 1473.fancyButton204.fancyButton:hover .textStyle1, .fancyButton204.fancyButton.hover .textStyle1{ 1474 color: #ffffff; 1475 font-size: 1.1em; 1476 font-family: Roboto Condensed; 1477 font-weight: 700; 1478 text-decoration: underline; 1479 1480} 1481</style> 1482 1483 </li><!-- 1484--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1485 --><li class="widgetItem GraphicLinks"> 1486 1487<div> 1488 <a href="https://citymap.hagerstownmd.org/portal/apps/sites/#/hagerstown-city-maps" target="_blank" class="fancyButton fancyButton205 " aria-label="CITY GIS MAPS View Opens in new window"> 1489 <span> 1490 <span><span class="text"><span class="textStyle1">CITY GIS MAPS</span><br>View</span></span> 1491 </span> 1492 </a> 1493</div> 1494 <style scoped="scoped">.fancyButton205.fancyButton:link,.fancyButton205.fancyButton:visited, .fancyButton205div.fancyButton{ 1495 background-repeat: no-repeat; 1496 background-position: left top; 1497} 1498.fancyButton205.fancyButton:hover,.fancyButton205.fancyButton:focus,.fancyButton205.fancyButton:active,.fancyButton205.fancyButton.hover{ 1499 background-repeat: no-repeat; 1500 background-position: left top; 1501} 1502.fancyButton205.fancyButton:link > span,.fancyButton205.fancyButton:visited > span, .fancyButton205div.fancyButton > span{ 1503} 1504.fancyButton205.fancyButton:hover > span,.fancyButton205.fancyButton:focus > span,.fancyButton205.fancyButton:active > span,.fancyButton205.fancyButton.hover > span{ 1505} 1506.fancyButton205.fancyButton .text{ 1507 color: #e2e1db; 1508 font-family: "Mulish"; 1509 text-align: center; 1510 padding-top: 4em; 1511 font-style: normal; 1512 text-decoration: none; 1513 padding-top: 4em; 1514 background-image: url('/ImageRepository/Document?documentID=12669'); 1515 background-repeat: no-repeat; 1516 background-position: center top; 1517 1518 1519} 1520.fancyButton205.fancyButton:hover .text,.fancyButton205.fancyButton:focus .text,.fancyButton205.fancyButton:active .text,.fancyButton205.fancyButton.hover .text{ 1521 color: #e2e1db; 1522 font-family: Mulish; 1523 font-weight: 500; 1524 text-decoration: none; 1525 background-repeat: no-repeat; 1526 background-position: center top; 1527 1528 1529} 1530.fancyButton205.fancyButton .textStyle1{ 1531 color: #ffffff; 1532 font-size: 1.1em; 1533 font-family: Roboto Condensed; 1534 text-align: center; 1535 font-weight: 700; 1536 text-decoration: none; 1537 1538} 1539.fancyButton205.fancyButton:hover .textStyle1, .fancyButton205.fancyButton.hover .textStyle1{ 1540 color: #ffffff; 1541 font-size: 1.1em; 1542 font-family: Roboto Condensed; 1543 text-align: center; 1544 font-weight: 700; 1545 text-decoration: underline; 1546 1547} 1548</style> 1549 1550 </li><!-- 1551--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1552 --><li class="widgetItem GraphicLinks"> 1553 1554<div> 1555 <a href="https://www.hagerstownmd.org/1580/Online-Payment-Portal" target="_self" class="fancyButton fancyButton121 " > 1556 <span> 1557 <span><span class="text"><span class="textStyle1">ONLINE SERVICES</span><br>Pay Bill/Electric Applications/Check Permits</span></span> 1558 </span> 1559 </a> 1560</div> 1561 <style scoped="scoped">.fancyButton121.fancyButton:link,.fancyButton121.fancyButton:visited, .fancyButton121div.fancyButton{ 1562 background-repeat: no-repeat; 1563 background-position: left top; 1564} 1565.fancyButton121.fancyButton:hover,.fancyButton121.fancyButton:focus,.fancyButton121.fancyButton:active,.fancyButton121.fancyButton.hover{ 1566 background-repeat: no-repeat; 1567 background-position: left top; 1568} 1569.fancyButton121.fancyButton:link > span,.fancyButton121.fancyButton:visited > span, .fancyButton121div.fancyButton > span{ 1570} 1571.fancyButton121.fancyButton:hover > span,.fancyButton121.fancyButton:focus > span,.fancyButton121.fancyButton:active > span,.fancyButton121.fancyButton.hover > span{ 1572} 1573.fancyButton121.fancyButton .text{ 1574 color: #e2e1db; 1575 font-family: "Mulish"; 1576 text-align: center; 1577 padding-top: 4em; 1578 font-style: normal; 1579 text-decoration: none; 1580 padding-top: 4em; 1581 background-image: url('/ImageRepository/Document?documentID=3939'); 1582 background-repeat: no-repeat; 1583 background-position: center top; 1584 1585 1586} 1587.fancyButton121.fancyButton:hover .text,.fancyButton121.fancyButton:focus .text,.fancyButton121.fancyButton:active .text,.fancyButton121.fancyButton.hover .text{ 1588 font-family: Mulish; 1589 font-weight: 500; 1590 text-decoration: none; 1591 background-repeat: no-repeat; 1592 background-position: center top; 1593 1594 1595} 1596.fancyButton121.fancyButton .textStyle1{ 1597 color: #ffffff; 1598 font-size: 1.1em; 1599 font-family: Roboto Condensed; 1600 text-align: center; 1601 font-weight: 700; 1602 text-decoration: none; 1603 1604} 1605.fancyButton121.fancyButton:hover .textStyle1, .fancyButton121.fancyButton.hover .textStyle1{ 1606 color: #ffffff; 1607 font-family: Roboto Condensed; 1608 font-weight: 700; 1609 text-decoration: underline; 1610 1611} 1612</style> 1613 1614 </li><!-- 1615--></ul></div><!-- --> 1616 </div> 1617 </nav> 1618 </div> 1619 <div class="widgetFooter"> 1620 </div> 1621</div> 1622</div> 1623 1624 </div> <!-- inner column --> 1625 1626 </div> <!-- inner row --> 1627 1628 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1629 1630 1631 </div> 1632</aside></div> 1633</div><div data-cpRole="structuralContainer" id="structuralContainer11"> 1634<div class="siteWrap"><aside data-cpRole="contentContainer" id="contentContainer3"> <div id="cc6e7f617f-2275-40ce-a6b2-0eaad360702c" data-containerid="6e7f617f-2275-40ce-a6b2-0eaad360702c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="40"> 1635 1636 1637 <div class="row outer wide"><!-- 1638--><div class="outer col col4 first" style="" data-widgetcontainerid="dcf11485-6ee8-4c42-96af-c8875841ea7b">� 1639 <div class="row nest first last wide">� 1640 1641 <div class="inner col col4 first last id32739f93-baca-40d7-81f2-d45883054bea" style="" data-widgetcontainerid="32739f93-baca-40d7-81f2-d45883054bea">� 1642 <div data-widget-id="706ceeef-0d32-4aca-81b4-676b918b9935" data-widget-controller-path="/InfoAdvanced/Widget"> 1643 1644 1645 1646 1647 1648 <section id="divInfoAdv706ceeef-0d32-4aca-81b4-676b918b9935" class="widget widgetInfoAdvanced skin1 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1649 <header class="widgetHeader" id="header706ceeef-0d32-4aca-81b4-676b918b9935"> 1650 <div class=""> 1651 </div> 1652 </header> 1653 <div class="widgetBody cpGrid cpGrid1 "> 1654 <div class="row wide"> 1655 <div class="col col1 first last"> 1656 <ol class="pageStyles semanticList"> 1657 1658<li class="InfoAdvanced widgetItem fr-view"> 1659 <div style="font-size: 1.1em; font-family: Mulish; color: #fff; padding-top: .5em;">CONNECT WITH US:</div> 1660</li> </ol> 1661 </div> 1662 </div> 1663 </div> 1664 <div class="widgetFooter"> 1665 1666 </div> 1667 1668 </section> 1669 1670 1671
1672<script type="text/javascript"> 1673 //Render slideshow if info advacned items contain one. 1674 $(document).ready(function (e) { 1675 $('#divInfoAdv706ceeef-0d32-4aca-81b4-676b918b9935 .InfoAdvanced.widgetItem').each(function () { 1676 renderSlideshowIfApplicable($(this)); 1677 }); 1678 }); 1679</script>
1679</div> 1680 </div> <!-- inner column --> 1681 1682 </div> <!-- inner row --> 1683 1684 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="b4563f53-3426-477e-abac-9ebbc9ba4007">� 1685 <div class="row nest first last wide">� 1686 1687 <div class="inner col col4 first last id341e90ba-4827-4fde-90cf-700faff7fe73" style="" data-widgetcontainerid="341e90ba-4827-4fde-90cf-700faff7fe73">� 1688<div data-widget-id="9336913c-1b88-4145-9e9b-822e9202334d" data-widget-controller-path="/GraphicLinks/Widget"> 1689 1690 1691 1692 <style type="text/css">.widgetOptionSet15.widget {padding-top: .5em;}</style> 1693 1694<div id="graphicLinkWidget9336913c-1b88-4145-9e9b-822e9202334d" class="widget widgetGraphicLinks skin1 widgetOptionSet15 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1695 <div class="widgetHeader"> 1696 <div class=""> 1697 </div> 1698 </div> 1699 <div class="widgetBody cpGrid cpGrid4 "> 1700 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1701 <div class="row wide"> 1702 <!-- 1703--><div class="col col1 first "><ul class="semanticList"><!-- 1704 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_blank"> 1705 1706<img src="/ImageRepository/Document?documentID=3931" 1707 class="graphicButtonLink" alt="Facebook (opens in new window)" 1708 onmouseover="this.src='/ImageRepository/Document?documentID=3932'" 1709 onmouseout="this.src='/ImageRepository/Document?documentID=3931'" 1710 onfocus="this.src='/ImageRepository/Document?documentID=3932'" 1711 onblur="this.src='/ImageRepository/Document?documentID=3931'"> 1712</a></li><!-- 1713--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1714 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/twitter" target="_blank"> 1715 1716<img src="/ImageRepository/Document?documentID=3935" 1717 class="graphicButtonLink" alt="Twitter (opens in new window)" 1718 onmouseover="this.src='/ImageRepository/Document?documentID=3936'" 1719 onmouseout="this.src='/ImageRepository/Document?documentID=3935'" 1720 onfocus="this.src='/ImageRepository/Document?documentID=3936'" 1721 onblur="this.src='/ImageRepository/Document?documentID=3935'"> 1722</a></li><!-- 1723--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1724 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_blank"> 1725 1726<img src="/ImageRepository/Document?documentID=3937" 1727 class="graphicButtonLink" alt="YouTube (opens in new window)" 1728 onmouseover="this.src='/ImageRepository/Document?documentID=3938'" 1729 onmouseout="this.src='/ImageRepository/Document?documentID=3937'" 1730 onfocus="this.src='/ImageRepository/Document?documentID=3938'" 1731 onblur="this.src='/ImageRepository/Document?documentID=3937'"> 1732</a></li><!-- 1733--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1734 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/Instagram" target="_blank"> 1735 1736<img src="/ImageRepository/Document?documentID=3933" 1737 class="graphicButtonLink" alt="Instagram (opens in new window)" 1738 onmouseover="this.src='/ImageRepository/Document?documentID=3934'" 1739 onmouseout="this.src='/ImageRepository/Document?documentID=3933'" 1740 onfocus="this.src='/ImageRepository/Document?documentID=3934'" 1741 onblur="this.src='/ImageRepository/Document?documentID=3933'"> 1742</a></li><!-- 1743--></ul></div><!-- --> 1744 </div> 1745 </nav> 1746 </div> 1747 <div class="widgetFooter"> 1748 </div> 1749</div> 1750</div> 1751 1752 </div> <!-- inner column --> 1753 1754 </div> <!-- inner row --> 1755 1756 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="6a40c6a3-dcd4-47ad-96b5-e33bb7a2a16b">� 1757 <div class="row nest first last wide">� 1758 1759 <div class="inner col col6 first last idf9fa05c0-43bc-4543-b77b-3ea995214cf4" style="" data-widgetcontainerid="f9fa05c0-43bc-4543-b77b-3ea995214cf4">� 1760 1761<div class="widget widgetSpacer" id="f1e5f402-cbde-48f8-9700-dc31bd68c0b5"></div> 1762 </div> <!-- inner column --> 1763 1764 </div> <!-- inner row --> 1765 1766 </div><!-- outer column --><!----><div class="outer col col10 last" style="" data-widgetcontainerid="64277cd9-7a4f-47e4-9861-ad3863cc61fb">� 1767 <div class="row nest first last wide">� 1768 1769 <div class="inner col col10 first last ide1519355-4c45-4abd-a94e-92ab4d94f172" style="" data-widgetcontainerid="e1519355-4c45-4abd-a94e-92ab4d94f172">� 1770 <div data-widget-id="e0f5c68c-87bf-4c30-b6d5-8c075b39ccd6" data-widget-controller-path="/InfoAdvanced/Widget"> 1771</div> 1772 </div> <!-- inner column --> 1773 1774 </div> <!-- inner row --> 1775 1776 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1777 1778 1779 </div> 1780</aside></div> 1781</div><div data-cpRole="structuralContainer" id="structuralContainer12"> 1782<div class="siteWrap"><footer data-cpRole="contentContainer" id="contentContainer4" class="siteFooter"> <div id="cca22598b3-8daf-4826-ac37-0b8265eb4c74" data-containerid="a22598b3-8daf-4826-ac37-0b8265eb4c74" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="40"> 1783 1784 1785 <div class="row outer wide"><!-- 1786--><div class="outer col col5 first" style="" data-widgetcontainerid="f276e708-41c2-4229-a15e-982abc21cfe2">� 1787 <div class="row nest first last wide">� 1788 1789 <div class="inner col col5 first last ida6d504ff-ac76-4765-b43c-081cc23a0f4c" style="" data-widgetcontainerid="a6d504ff-ac76-4765-b43c-081cc23a0f4c">� 1790 <div data-widget-id="b3ffd7f5-9f21-4a25-bcb1-096b8de77af4" data-widget-controller-path="/InfoAdvanced/Widget"> 1791 1792 1793 1794 1795 1796 <section id="divInfoAdvb3ffd7f5-9f21-4a25-bcb1-096b8de77af4" class="widget widgetInfoAdvanced skin5 widgetOptionSet20 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerb3ffd7f5-9f21-4a25-bcb1-096b8de77af4"> 1797 <header class="widgetHeader" id="headerb3ffd7f5-9f21-4a25-bcb1-096b8de77af4"> 1798 <div class=""> 1799 <h3 >Contact</h3> 1800 </div> 1801 </header> 1802 <div class="widgetBody cpGrid cpGrid1 "> 1803 <div class="row wide"> 1804 <div class="col col1 first last"> 1805 <ol class="pageStyles semanticList"> 1806 1807<li class="InfoAdvanced widgetItem fr-view"> 1808 <p>City of Hagerstown, City Hall<br>1 E. Franklin St.<br>Hagerstown, MD 21740<br>301-739-8577</p>
1808<script src="https://js.adsrvr.org/up_loader.1.1.0.js" type="text/javascript"></script>
1808<script type="text/javascript"> 1809 ttd_dom_ready(function() 1810 { 1811 if (typeof TTDUniversalPixelApi === 'function') 1812 { 1813 var universalPixelApi = new TTDUniversalPixelApi(); 1814 universalPixelApi.init("936vnrs", ["w8o88ub"], "https://insight.adsrvr.org/track/up"); 1815 } 1816 }); 1817 1818</script>
1818<!-- WDVM Tracking Tag for Police Dept. Ad --><!-- Tracking tag. Place in the <body> section of webpage --><!-- Privacy policy at http://tag.brandcdn.com/privacy -->
1818<script type="text/javascript" src="//tag.brandcdn.com/autoscript/hagerstownpolicedepartment_vfdwsk5vntzxvda9/HPDrecruitmentOTT.js"></script>
1818<!-- Eric installed Data Stream Global Site Tag --><!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 66 bytes, line 1818
1818<script async="" src="https://www.googletagmanager.com/gtag/js?id=
1818G-P2BMDBEGNM
vendor: 11 bytes, line 1818
1818"></script>
1818<script> 1819
vendor: 145 bytes, lines 1819-1826
1819window.dataLayer = window.dataLayer || []; 1820 function gtag() 1821 { 1822 dataLayer.push(arguments); 1823 } 1824 gtag('js', new Date()); 1825 1826 gtag('config', '
1826G-P2BMDBEGNM
vendor: 7 bytes, lines 1826-1827
1826'); 1827
1828</script>
1828 1829</li> </ol> 1830 </div> 1831 </div> 1832 </div> 1833 <div class="widgetFooter"> 1834 1835 </div> 1836 1837 </section> 1838 1839 1840
1841<script type="text/javascript"> 1842 //Render slideshow if info advacned items contain one. 1843 $(document).ready(function (e) { 1844 $('#divInfoAdvb3ffd7f5-9f21-4a25-bcb1-096b8de77af4 .InfoAdvanced.widgetItem').each(function () { 1845 renderSlideshowIfApplicable($(this)); 1846 }); 1847 }); 1848</script>
1848</div> 1849 </div> <!-- inner column --> 1850 1851 </div> <!-- inner row --> 1852 1853 </div><!-- outer column --><!----><div class="outer col col7" style="" data-widgetcontainerid="eb8c1099-45bb-4598-8d06-a7c96d144cb0">� 1854 <div class="row nest first last wide">� 1855 1856 <div class="inner col col7 first last ideb2b3358-05d7-4a40-8083-2c0ca662f386" style="" data-widgetcontainerid="eb2b3358-05d7-4a40-8083-2c0ca662f386">� 1857 <div data-widget-id="68494017-415c-4298-99e5-a4c9bd739132" data-widget-controller-path="/InfoAdvanced/Widget"> 1858 1859 1860 1861 1862 1863 <section id="divInfoAdv68494017-415c-4298-99e5-a4c9bd739132" class="widget widgetInfoAdvanced skin5 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header68494017-415c-4298-99e5-a4c9bd739132"> 1864 <header class="widgetHeader" id="header68494017-415c-4298-99e5-a4c9bd739132"> 1865 <div class=""> 1866 <h3 >Office Hours</h3> 1867 </div> 1868 </header> 1869 <div class="widgetBody cpGrid cpGrid1 "> 1870 <div class="row wide"> 1871 <div class="col col1 first last"> 1872 <ol class="pageStyles semanticList"> 1873 1874<li class="InfoAdvanced widgetItem fr-view"> 1875 <p>Monday - Friday<br>Customer Service: 8:00 AM -4:00 PM<br>Permits: 8:00 AM -4:00 PM<br>All Other Offices: 8:00 AM - 4:00 PM</p> 1876</li> </ol> 1877 </div> 1878 </div> 1879 </div> 1880 <div class="widgetFooter"> 1881 1882 </div> 1883 1884 </section> 1885 1886 1887
1888<script type="text/javascript"> 1889 //Render slideshow if info advacned items contain one. 1890 $(document).ready(function (e) { 1891 $('#divInfoAdv68494017-415c-4298-99e5-a4c9bd739132 .InfoAdvanced.widgetItem').each(function () { 1892 renderSlideshowIfApplicable($(this)); 1893 }); 1894 }); 1895</script>
1895</div> 1896 </div> <!-- inner column --> 1897 1898 </div> <!-- inner row --> 1899 1900 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="dbbc339c-b32e-4c54-8601-8d2609710e3a">� 1901 <div class="row nest first last wide">� 1902 1903 <div class="inner col col6 first last id3b847183-454f-4162-bd5b-12a647b99962" style="" data-widgetcontainerid="3b847183-454f-4162-bd5b-12a647b99962">� 1904 <div data-widget-id="1a920785-b55e-4391-aa0e-5a4d4a912cfa" data-widget-controller-path="/QuickLinks/Widget"> 1905 1906 1907 1908 1909 1910 1911 1912 1913 <section id="widgetQuicklink1a920785-b55e-4391-aa0e-5a4d4a912cfa" class="widget widgetQuickLinks skin5 widgetOptionSet17 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader1a920785-b55e-4391-aa0e-5a4d4a912cfa"> 1914 <header class="widgetHeader" id="quickLinksHeader1a920785-b55e-4391-aa0e-5a4d4a912cfa"> 1915 <div class=""> 1916 <h3><a style="" href="/QuickLinks.aspx?CID=65" >Services</a></h3> 1917 </div> 1918 </header> 1919 <div class="widgetBody cpGrid cpGrid1 "> 1920 <div class="row narrow"> 1921 <div class="col col1 first last"> 1922 <ol class="semanticList"> 1923 1924 <li style="position:relative" class="widgetItem QuickLinks"> 1925 <a class="widgetDesc widgetQuickLinksLink" href="/CivicAlerts.aspx" target="_self" >News Flash</a> 1926 <div class="widgetMeta"></div> 1927 </li> 1928 1929 <li style="position:relative" class="widgetItem QuickLinks"> 1930 <a class="widgetDesc widgetQuickLinksLink" href="/RequestTracker.aspx" target="_self" >Report a Concern</a> 1931 <div class="widgetMeta"></div> 1932 </li> 1933 1934 <li style="position:relative" class="widgetItem QuickLinks"> 1935 <a class="widgetDesc widgetQuickLinksLink" href="/Calendar.aspx" target="_self" >Calendar of Events</a> 1936 <div class="widgetMeta"></div> 1937 </li> 1938 1939 <li style="position:relative" class="widgetItem QuickLinks"> 1940 <a class="widgetDesc widgetQuickLinksLink" href="https://mycity.hagerstownmd.org/MSS/login.aspx" target="_blank" aria-label="Employee ESS Login opens in new window">Employee ESS Login</a> 1941 <div class="widgetMeta"></div> 1942 </li> 1943 </ol> 1944 </div> 1945 </div> 1946 1947 </div> 1948 <div class="widgetFooter"> 1949 </div> 1950 <div class="addItemModal hidden"> 1951 <div class="url hidden">/QuickLinks.aspx</div> 1952 </div> 1953 1954 </section> 1955</div> 1956 1957 </div> <!-- inner column --> 1958 1959 </div> <!-- inner row --> 1960 1961 </div><!-- outer column --><!----><div class="outer col col6 last" style="" data-widgetcontainerid="f610ff02-3ea4-4398-b846-7a622c60610b">� 1962 <div class="row nest first last wide">� 1963 1964 <div class="inner col col6 first last id2ffee18d-0117-4654-8a6a-56e378419e69" style="" data-widgetcontainerid="2ffee18d-0117-4654-8a6a-56e378419e69">� 1965 <div data-widget-id="795b7cf3-0c63-4304-9c37-0b931696b674" data-widget-controller-path="/QuickLinks/Widget"> 1966 1967 1968 1969 1970 1971 1972 1973 1974 <section id="widgetQuicklink795b7cf3-0c63-4304-9c37-0b931696b674" class="widget widgetQuickLinks skin5 widgetOptionSet18 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader795b7cf3-0c63-4304-9c37-0b931696b674"> 1975 <header class="widgetHeader" id="quickLinksHeader795b7cf3-0c63-4304-9c37-0b931696b674"> 1976 <div class=""> 1977 <h3><a style="" href="/QuickLinks.aspx?CID=66" >Helpful Links</a></h3> 1978 </div> 1979 </header> 1980 <div class="widgetBody cpGrid cpGrid1 "> 1981 <div class="row narrow"> 1982 <div class="col col1 first last"> 1983 <ol class="semanticList"> 1984 1985 <li style="position:relative" class="widgetItem QuickLinks"> 1986 <a class="widgetDesc widgetQuickLinksLink" href="/sitemap.aspx" target="_self" >Site Map</a> 1987 <div class="widgetMeta"></div> 1988 </li> 1989 1990 <li style="position:relative" class="widgetItem QuickLinks"> 1991 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> 1992 <div class="widgetMeta"></div> 1993 </li> 1994 1995 <li style="position:relative" class="widgetItem QuickLinks"> 1996 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> 1997 <div class="widgetMeta"></div> 1998 </li> 1999 2000 <li style="position:relative" class="widgetItem QuickLinks"> 2001 <a class="widgetDesc widgetQuickLinksLink" href="/DocumentCenter/View/8262/Antietam-Broadband-Cable-Franchise-Agreement---November-2014" target="_blank" aria-label="Antietam Broadband Cable Franchise Agreement opens in new window">Antietam Broadband Cable Franchise Agreement</a> 2002 <div class="widgetMeta"></div> 2003 </li> 2004 2005 <li style="position:relative" class="widgetItem QuickLinks"> 2006 <a class="widgetDesc widgetQuickLinksLink" href="http://civicplus.com/referral" target="_self" >
2006Government Websites by CivicPlus®</a> 2007 <div class="widgetMeta"></div> 2008 </li> 2009 </ol> 2010 </div> 2011 </div> 2012 2013 </div> 2014 <div class="widgetFooter"> 2015 </div> 2016 <div class="addItemModal hidden"> 2017 <div class="url hidden">/QuickLinks.aspx</div> 2018 </div> 2019 2020 </section> 2021</div> 2022 2023 </div> <!-- inner column --> 2024 2025 </div> <!-- inner row --> 2026 2027 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2028 2029 2030 </div> 2031</footer></div> 2032</div> 2033 2034 2035 2036 2037 <div id="banner1-2" style="display: none"></div> 2038
2038<script type="text/javascript"> 2039 $(window).on("load", function () { 2040 $.when(window.Pages.rwdSetupComplete) 2041 .done(function () { 2042 renderBanner('banner1-2', 2043 'banner1', 2044 {"BannerOptionID":2,"ThemeID":1,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":false,"ImageAlignment":2,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":30,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=4691","Height":1,"Width":1,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 2045 {"BannerImageID":30,"BannerOptionID":2,"FileName":"/ImageRepository/Document?documentID=4691","Height":1,"Width":1,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, 2046 '/App_Themes/Interior/Images/', 2047 '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=4691" />'); 2048 }); 2049 }); 2050 </script>
2050 2051 2052</div> 2053</div> 2054 2055 </div> 2056 </div> 2057 </div> 2058 2059 2060<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2061 2062<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2063 <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"> 2064 <div class="cp-Splash-header"> 2065 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2066 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2067 <svg id="iconClose" viewBox="0 0 25 25"> 2068 <polygon style="fill:currentcolor" 2069 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> 2070 </svg> 2071 </button> 2072 </div> 2073 <div class="cp-Splash-body"> 2074 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2075 <!-- Content from the Froala Editor will go here. --> 2076 Loading 2077 </div> 2078 </div> 2079 <div class="cp-Splash-footer"> 2080 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2081 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
2082 </div> 2083 </div> 2084</div> 2085
2086<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2086
2086
2087<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2087
2087
2088<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2088
2088
2089<script> 2090 2091 $(document).ready(function () { 2092 var filter = { 2093 targetId: '', 2094 targetType: 0 2095 } 2096 2097 new SplashModalRender().triggerRender(filter); 2098 }); 2099</script>
2099 2100 2101 2102 2103 2104 2105 2106 2107 2108 2109 2110 2111 2112 2113
2113<script src="/-1442400649.js" type="text/javascript"></script>
2113 2114 <!-- Google Translate --> 2115
2116<script type="text/javascript"> 2117 var translateActiveCookie = getCookieValue('translateActive'); 2118 2119 if (translateActiveCookie == 'true') { 2120 enableGoogleTranslate(); 2121 } else { 2122 var button = '<a href="#translate" class="translateWidget" title="Enable Google Translate" style="background-color: #FFF;border-color: #9b9b9b #d5d5d5 transparent #d5d5d5;border-style: solid;border-width: 1px 1px 0 1px;bottom: 0px;color: #000;cursor: pointer;font-size: .9em;padding: 2px 6px 3px 4px;position: fixed;right: 20px;z-index: 5;">'; 2123 button += '<img alt="Google Translate Icon" src="/Assets/Images/GoogleTranslate.gif" style="box-sizing: content-box !important;height:19px;margin: -2px 0 0 -2px;padding-right: 5px;width:19px;">Enable Google Translate</a>'; 2124 $('div[data-cprole="structuralContainer"]').last().after(button); 2125 } 2126 2127 function googleTranslateElementInit() { 2128 var el = document.getElementById("google_translate_element"); 2129 if (el && el.innerHTML.trim() !== "") { 2130 return; 2131 } 2132 2133 new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); 2134 } 2135 2136 function enableGoogleTranslate() { 2137 $('#google_translate_element').show(); 2138 var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; 2139 sz.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; 2140 var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); 2141 $('div[data-cprole="structuralContainer"]').last().after('<div id="google_translate_element" style="position: fixed; bottom: 0px; right: 20px; z-index: 5;"></div>'); 2142 document.cookie = "translateActive=true; expires=12/31/2999; path=/"; 2143 } 2144 2145 $('a.translateWidget').unbind('click').click(function (e) { 2146 $(this).hide(); 2147 enableGoogleTranslate(); 2148 return false; 2149 }); 2150</script>
2150 2151 2152<!-- End Google Translate --> 2153 2154<!-- Smooth Scroll -->
2155<script> 2156$(function() { 2157 $('a[href*=#]:not([href=#])').click(function() { 2158 if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) { 2159 var target = $(this.hash); 2160 target = target.length ? target : $('[name=' + this.hash.slice(1) +']'); 2161 if (target.length) { 2162 $('html,body').animate({ 2163 scrollTop: target.offset().top 2164 }, 1000); 2165 return false; 2166 } 2167 } 2168 }); 2169}); 2170</script>
2170 2171<!-- End Smooth Scroll --> 2172
2173<script type="text/javascript"> 2174 window._monsido = window._monsido || { 2175 token: "kjdzJ0ONJctFAKBlv3FpgA", 2176 statistics: { 2177 enabled: true, 2178 cookieLessTracking: true, 2179 documentTracking: { 2180 enabled: true, 2181 documentCls: "monsido_download", 2182 documentIgnoreCls: "monsido_ignore_download", 2183 documentExt: ["pdf","doc","ppt","docx","pptx"], 2184 }, 2185 }, 2186 heatmap: { 2187 enabled: true, 2188 }, 2189 pageCorrect: { 2190 enabled: true, 2191 }, 2192 pageAssistV2: { 2193 enabled: true, 2194 theme: "light", 2195 mainColor: "#783CE2", 2196 textColor: "#ffffff", 2197 linkColor: "#783CE2", 2198 buttonHoverColor: "#783CE2", 2199 mainDarkColor: "#052942", 2200 textDarkColor: "#ffffff", 2201 linkColorDark: "#FFCF4B", 2202 buttonHoverDarkColor: "#FFCF4B", 2203 greeting: "Discover your personalization options", 2204 direction: "leftbottom", 2205 coordinates: "undefined undefined undefined undefined", 2206 iconShape: "circle", 2207 title: "Personalization Options", 2208 titleText: "Welcome to PageAssist toolbar! Adjust the options below to cater the website to your accessibility needs.", 2209 iconPictureUrl: "logo", 2210 logoPictureUrl: "", 2211 logoPictureBase64: "", 2212 languages: [""], 2213 defaultLanguage: "", 2214 skipTo: false, 2215 alwaysOnTop: false, 2216 }, 2217 }; 2218</script>
vendor: 2 bytes, line 2218
2218
2219<script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script>
2219 2220 2221 2222
2223<script src="https://cdn-residentagent.civicplus.com/loader.js"></script>
vendor: 2 bytes, line 2223
2223
2224<script> 2225 window.ResidentAgentWidget.load({ 2226 agentId: '2036a778-bf16-46b7-8f14-e3108207d21e', 2227 apiUrl: 'https://residentagent-api-production.azurewebsites.net' 2228 }); 2229</script>
2229 2230 2231 2232
2232<script type="text/javascript"> 2233 $(function () { 2234 document.cookie = "responsiveGhost=0; path=/"; 2235 }); 2236 $(window).on("load", function () { 2237 $('body').addClass('doneLoading').removeClass('hideContent'); 2238 2239 if ($('#404Content').length > 0) 2240 $('div#bodyWrapper').css('padding', '0px'); 2241 }); 2242 </script>
2242 2243 2244 <noscript> 2245 <style> 2246 body.hideContent { 2247 opacity: 1 !important; 2248 } 2249 </style> 2250 </noscript> 2251 2252 2253<div style="display: none;"> 2254 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2255 2256 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2257 <title>Arrow Left</title> 2258 <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> 2259 </symbol> 2260 2261 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2262 <title>Arrow Right</title> 2263 <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> 2264 </symbol> 2265 2266 </svg> 2267</div> 2268
2268<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Libre+Baskerville:700,italic,regular|Montserrat:700,regular|Mulish:500,600,700,italic,regular|Roboto+Condensed:700,regular|');</script>
2268 2269 2270 2271 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2272 <div style="display: none;"> 2273 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2274 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 2275 <title>Slideshow Left Arrow</title> 2276 <g> 2277 <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> 2278 </g> 2279 </symbol> 2280 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 2281 <title>Slideshow Right Arrow</title> 2282 <g> 2283 <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> 2284 </g> 2285 </symbol> 2286 </svg> 2287 </div> 2288 2289 2290 2291 2292 <div id="root-picker-outlet"></div> 2293</body> 2294</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.