1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 6 <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 7<!-- Google Tag Manager for GA4 --> 8
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-BQFKNW5MF7';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= false; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 <!-- Google Tag Manager --> 118
119<script>
vendor: 339 bytes, lines 119-127
119(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 120 121new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 122 123j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 124 125'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 126 127})(window,document,'script','dataLayer','
127GTM-NK3DZG
vendor: 3 bytes, line 127
127');
127</script>
127 128 129<!-- End Google Tag Manager --> 130 131 <meta name="category0" content="JCC Alert" /> 132 133 134 <meta name="theme-color" content="#6b2737"> 135 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 136 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 137 <title>JCC Alert | James City County, VA</title> 138 139 <meta name="description" content=""> 140
140<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
140 141
141<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
141 142 143 144 <!--[if IE 6]>
144<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
144<![endif]--> 145 <!--[if IE 7]>
145<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
145<![endif]--> 146 <!--[if IE 8]>
146<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
146<![endif]--> 147 <!--[if IE 9]>
147<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
147<![endif]--> 148
148<script type="text/javascript"><!-- 149 var intCountryCode = 840; 150 var order = ''; 151//--></script>
151 152 153 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/137984907.css" rel="stylesheet" type="text/css" /> 154 155 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 156
156<script type="text/javascript"> 157 window.Pages = window.Pages || {}; 158 // FrontEnd RWD initialization 159 window.Pages.rwdReady = $.Deferred(); 160 window.Pages.toolBarDeferred = $.Deferred(); 161 window.Pages.rwdSetupComplete = $.Deferred(); 162 window.Pages.megaMenuLoaded = $.Deferred(); 163 window.Pages.angularToolbarComplete = $.Deferred(); 164 window.Pages.frontEndToolbarComplete = $.Deferred(); 165 </script>
165 166 <!--CPHeadContent--> 167
167<script src="/739942322.js" type="text/javascript"></script>
167 168 169 170 171 172 173 174 175 176 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 177 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 178 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 179 <!--[if lt IE 9]>
179<script type="text/javascript" src="/Scripts/html5.js"></script>
179<![endif]--> 180 181
181<script type="text/javascript"> 182 setEditorVariables(false, 840); 183 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 184 </script>
184 185
185<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
185 186</head> 187<body class="wide " > 188 189
189<script>jQuery(document).click(function (event) { 190 var target = jQuery(event.target); 191 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 192 var text = target.attr('title'); 193 194 if (!text.length) { 195 text = "N/A"; 196 } 197 ga('send', 198 { 199 hitType: 'event', 200 eventCategory: 'Image', 201 eventAction: 'Image - ' + text, 202 eventLabel: window.location.href 203 }); 204 } 205 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 206 var text = ""; 207 if (target.parents('.button')[0]) { 208 text = target.parents('.button').first().text(); 209 } else if (target.text().length) { 210 text = target.text(); 211 } else if (target.attr('title').length) { 212 text = target.attr('title'); 213 } 214 if (!text.length) { 215 text = "N/A"; 216 } 217 ga('send', 218 { 219 hitType: 'event', 220 eventCategory: 'Button', 221 eventAction: 'Button - ' + text, 222 eventLabel: window.location.href 223 }); 224 } 225 if (target.parents('.widgetCustomHtml').length) { 226 ga('send', 227 { 228 hitType: 'event', 229 eventCategory: 'Custom Html',
230 eventAction: 'Custom Html Clicked', 231 eventLabel: window.location.href 232 }); 233 } 234 if (target.parents('.editor').length) { 235 ga('send', 236 { 237 hitType: 'event', 238 eventCategory: 'Editor', 239 eventAction: 'Editor Link Clicked', 240 eventLabel: window.location.href 241 }); 242 } 243 if (target.parents('.GraphicLinks').length) { 244 var text = ""; 245 var targetGraphicLink = target; 246 if (target.hasClass('widgetGraphicLinksLink')) { 247 targetGraphicLink = jQuery(target.children()[0]); 248 } 249 if (targetGraphicLink.hasClass('text')) { 250 text = targetGraphicLink.text(); 251 } else if (targetGraphicLink.attr('src').length) { 252 if (targetGraphicLink.attr('alt').length) { 253 text = targetGraphicLink.attr('alt'); 254 } else { 255 text = targetGraphicLink.attr('src'); 256 } 257 } else { 258 text = "N/A"; 259 } 260 ga('send', 261 { 262 hitType: 'event', 263 eventCategory: 'Graphic Links', 264 eventAction: 'Graphic Link - ' + text, 265 eventLabel: window.location.href 266 }); 267 } 268 if (target.parents('.InfoAdvanced').length) { 269 ga('send', 270 { 271 hitType: 'event', 272 eventCategory: 'Info Advanced', 273 eventAction: 'Info Advanced Clicked', 274 eventLabel: window.location.href 275 }); 276 } 277 if (target.parents('.list').length) { 278 ga('send', 279 { 280 hitType: 'event', 281 eventCategory: 'List', 282 eventAction: 'List Clicked', 283 eventLabel: window.location.href 284 }); 285 } 286 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 287 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 288 var breadCrumbs = []; 289 jQuery('.breadCrumbs > li').each(function () { 290 breadCrumbs.push(this.textContent); 291 }); 292 var pageTitle = breadCrumbs.join('>'); 293 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 294 var text = ""; 295 if (pageTitle) { 296 text += pageTitle + " | "; 297 } else { 298 text += document.title + ' - '; 299 } 300 if (target.text() == "" && megaMenuText == "") { 301 text += "N/A"; 302 } else if (target.text().length && megaMenuText.length) { 303 if (megaMenuText == target.text()) { 304 text += megaMenuText; 305 } else { 306 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 307 } 308 } else if (target.text() == "") { 309 text += megaMenuText; 310 } else { 311 text += target.text(); 312 } 313 if (!text.length) { 314 text = "N/A"; 315 } 316 ga('send', 317 { 318 hitType: 'event', 319 eventCategory: 'Mega Menu', 320 eventAction: 'Mega Menu : ' + text, 321 eventLabel: window.location.href 322 }); 323 } 324 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 325 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 326 if (!text.length) { 327 text = "N/A"; 328 } 329 ga('send', 330 { 331 hitType: 'event', 332 eventCategory: 'News Flash', 333 eventAction: 'News Flash - ' + text, 334 eventLabel: window.location.href 335 }); 336 } 337 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 338 var text = target.text(); 339 if (!text.length) { 340 text = "N/A"; 341 } 342 ga('send', 343 { 344 hitType: 'event', 345 eventCategory: 'Quick Links', 346 eventAction: 'Quick Links - ' + text, 347 eventLabel: window.location.href 348 }); 349 } 350 if (target.attr('src') && target.parents('.cpSlideshow').length) { 351 var text = target.attr('title'); 352 if (!text.length) { 353 text = "N/A"; 354 } 355 ga('send', 356 { 357 hitType: 'event', 358 eventCategory: 'Slideshow', 359 eventAction: 'Slideshow - ' + text, 360 eventLabel: window.location.href 361 }); 362 } 363 if (target.parents('.widgetText').length) { 364 ga('send', 365 { 366 hitType: 'event', 367 eventCategory: 'Text', 368 eventAction: 'Text Link Clicked', 369 eventLabel: window.location.href 370 }); 371 } 372});</script>
372 373 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 374 <div class="cp-PopOver-header"> 375 <h3 class="cp-PopOver-title"></h3> 376 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 377 <svg class="cp-Icon--close" alt="close" title="close"> 378 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 379 </svg> 380 </button> 381 </div> 382 <div id="cpPopOverBody" class="cp-PopOver-body"> 383 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 384 </div> 385 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 386 <div class="cp-BtnGroup" id="actionButtons"> 387 <!-- Action buttons will be dynamically added here --> 388 </div> 389 </div> 390</div> 391 <div id="fb-root"></div> 392<div id=skipToContentLinks> 393<a href="#cc2cbb9535-63c2-4d37-85d0-b8718b8022aa" target="_self" class="skipToContentLink">Skip to Main Content</a> 394</div> 395 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 396 397 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 398 399 400 401 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 402 <input type="hidden" id="hdnStructureID" value="8" /> 403 <input type="hidden" id="hdnContentCollectionID" value="96376e7e-94aa-437c-85fb-aba98c971f4c" /> 404 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 405 <input type="hidden" id="hdnThemeID" value="67" /> 406 <input type="hidden" id="pageIsFrontEnd" value="true" /> 407 <input type="hidden" id="pageModuleID" /> 408 <input type="hidden" id="pagePageID" value="3276" /> 409 410 <div id="stickyPlaceholder"></div> 411 <div id="outer-wrap" class="outer-wrap"> 412 <div id="inner-wrap" class="inner-wrap"> 413 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 414 415 416 417 418<!-- Begin Signed Out Bar --> 419<div class="cpToolbar user public"> 420 <div class="inner selfClear"> 421 <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> 422 <ul class="nav secondary"> 423 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 424 </ul> 425 </div> 426</div>
427<script> 428 $(document).ready(function () { 429 $('#signedOutToolbarCreateProfileButton').click(function (event) { 430 event.preventDefault(); 431 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 432 }); 433 434 435 $('#loggedOutToolbarSignInButton').click(function (event) { 436 event.preventDefault(); 437 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 438 }); 439 440 441 if ('False' == 'True') { 442 $('#loggedOutToolbarSignInButton').hide(); 443 } 444 }) 445</script>
445 446<!-- End Signed Out Bar --> 447 448 </div> 449 <div id="bodyWrapper"> 450 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 451 452<div data-cpRole="structuralContainer" id="bodyContainerTS"> 453<div data-cpRole="banner" id="banner1" class="fixedBannerTS"><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS"> 454<div class="siteWrap0"><div data-cpRole="structuralContainer" id="flexWrapTS"> 455<div data-cpRole="structuralContainer" id="header1TS"> 456<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 457 458 459 460 461 <a id="bannerLogoTS-238" style=" display: block; text-align: center; 462" class="bannerObject" href="/" target="_self"><img alt="Home page" class="bannerObject" height="136" src="/ImageRepository/Document?documentID=30819" width="212" /></a> 463</div> 464</div><div data-cpRole="structuralContainer" id="header2TS"> 465<div data-cpRole="structuralContainer" id="header2a"> 466<nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 467<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 468--><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 469 --><!-- 470 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem1 " href="/101/Services" target = "_self" > Services </a> <!-- 471 --><!-- 472 --></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 473 --><!-- 474 --> <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> <!-- 475 --><!-- 476 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 477 --><!-- 478 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavBusiness" class="navMainItem mainNavItem mainNavItem3 " href="/35/Business" target = "_self" > Business </a> <!-- 479 --><!-- 480 --></li><!----><li id="MainItem2888" class="topMenuItem" role="none" data-pageid="2888" data-displaymegamenu="True"><!-- 481 --><!-- 482 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu2888" id = "mainNavThingstoDo" class="navMainItem mainNavItem mainNavItem4 " href="/2888/Things-to-Do" target = "_self" > Things to Do </a> <!-- 483 --><!-- 484 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 485 --><!-- 486 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem5 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 487 --><!-- 488 --></li><!----> 489</ol> 490 491 492
492<script type="text/javascript"> 493 (function () { 494 function setupMenu() { 495 const menuID = 'mainNavMenu'; 496 const menuType = MAIN_MENU; 497 498 //setup menu manager properties for main menu 499 if (!menuManager.mobileMainNav && true) 500 menuManager.adjustMainItemsWidth('#' + menuID); 501 menuManager.isMainMenuEditable = false; 502 menuManager.mainMenuMaxSubMenuLevels = 4; 503 menuManager.setMOMMode(2, menuType); 504 505 //Init main menu 506 const setupDraggable = menuManager.isMainMenuEditable; 507 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=67&menuContainerID=mainNav'; 508 509 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 510 menuManager.mainMenuInit = true; 511 menuManager.mainMenuTextResizer = false; 512 if (1.00 > 0) 513 menuManager.mainMenuTextResizerRatio = 1.00; 514 if (window.isResponsiveEnabled) 515 menuManager.mainMenuReady.resolve(); 516 517 } 518 519 if (document.readyState === "complete" 520 || document.readyState === "loaded" 521 || document.readyState === "interactive") { 522 setupMenu(); 523 return; 524 } 525 526 document.addEventListener("DOMContentLoaded", setupMenu); 527 })(); 528 </script>
528 529 530 531<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cc9b6bfe63-8346-41d1-8815-65994b1cdc0a" data-containerid="9b6bfe63-8346-41d1-8815-65994b1cdc0a" class="pageContent cpGrid cpGrid24"> 532 533 534 535 536 </div> 537</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc45b01da8-e01f-4253-92a1-0602b98cdf50" data-containerid="45b01da8-e01f-4253-92a1-0602b98cdf50" class="pageContent cpGrid cpGrid24"> 538 539 540 541 542 </div> 543</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="cc14c0db5c-2032-4161-a20f-bc1755c8b276" data-containerid="14c0db5c-2032-4161-a20f-bc1755c8b276" class="pageContent cpGrid cpGrid24"> 544 545 546 547 548 </div> 549</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2888" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2888 hidden" data-orientation="horizontal"> <div id="ccf877cd28-7bd5-4bd3-9239-3bdd432056cf" data-containerid="f877cd28-7bd5-4bd3-9239-3bdd432056cf" class="pageContent cpGrid cpGrid24"> 550 551 552 553 554 </div> 555</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc05aaa176-6c65-41be-89b0-51e538175e54" data-containerid="05aaa176-6c65-41be-89b0-51e538175e54" class="pageContent cpGrid cpGrid24"> 556 557 558 559 560 </div> 561</aside></aside></nav> 562</div><div data-cpRole="structuralContainer" id="header2b"> 563<div data-cpRole="contentContainer" id="searchTS"> <div id="cc61ae74ab-0217-44d9-bdfb-1575ce9a3532" data-containerid="61ae74ab-0217-44d9-bdfb-1575ce9a3532" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 564 565 566 <div class="row outer wide"><!-- 567--><div class="outer col col24 first last" style="" data-widgetcontainerid="f53e93c5-cc00-48ed-a014-8ff23de2c1a9">� 568 <div class="row nest first last wide">� 569 570 <div class="inner col col24 first last id17dd6e55-9d00-4003-b992-8b1893d85dcd" style="" data-widgetcontainerid="17dd6e55-9d00-4003-b992-8b1893d85dcd">� 571<div data-widget-id="303a487e-7d28-443e-9668-c9f22072d345" data-widget-controller-path="/Layout/WidgetSearch"> 572 573
573<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
573 574
574<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
574 575
575<script defer type="text/javascript"> 576 577 $(document).ready(function () { 578 try { 579 // Minimum characters required before performing a search/autocomplete 580 var minPrefixLength = 3; 581 var autoCompleteDebounceDelay = 500; 582 var searchFieldSelector = "#searchField" + '303a487e-7d28-443e-9668-c9f22072d345'; 583 var checkboxSelector = "#ysnSearchOnlyDept" + '303a487e-7d28-443e-9668-c9f22072d345'; 584 var buttonSelector = ".widgetSearchButton" + '303a487e-7d28-443e-9668-c9f22072d345'; 585 var autoCompleteCache = {}; 586 var autoCompleteCacheKeys = []; 587 var autoCompleteCacheLimit = 25; 588 var currentAutoCompleteRequest = null; 589 var currentAutoCompleteRequestKey = null; 590 var autoCompleteDebounceTimer = null; 591 var autoCompleteDebounceKey = null; 592 var pendingAutoCompleteResponses = []; 593 594 function normalizeAutoCompleteTerm(term) { 595 return $.trim((term || "") + "").replace(/\s+/g, " "); 596 } 597 598 function shouldSearch(term) { 599 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 600 } 601 602 function getAutoCompleteUrl() { 603 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 604 } 605 606 function getAutoCompleteCacheKey(requestUrl, term) { 607 return requestUrl + "|" + term.toLowerCase(); 608 } 609 610 function cacheAutoCompleteResult(cacheKey, data) { 611 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 612 autoCompleteCacheKeys.push(cacheKey); 613 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 614 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 615 } 616 } 617 autoCompleteCache[cacheKey] = data; 618 } 619 620 function respondToPendingAutoComplete(data) { 621 var responses = pendingAutoCompleteResponses; 622 pendingAutoCompleteResponses = []; 623 for (var i = 0; i < responses.length; i++) { 624 responses[i](data); 625 } 626 } 627 628 function cancelPendingAutoComplete() { 629 clearTimeout(autoCompleteDebounceTimer); 630 autoCompleteDebounceKey = null; 631 if (currentAutoCompleteRequest != null) { 632 currentAutoCompleteRequest.abort(); 633 currentAutoCompleteRequest = null; 634 } 635 currentAutoCompleteRequestKey = null; 636 respondToPendingAutoComplete([]); 637 } 638 639 function createWidgetAutoCompleteSource(options) { 640 return function (request, response) { 641 var term = normalizeAutoCompleteTerm(request.term); 642 if (!options.shouldSearch(term)) { 643 response([]); 644 return; 645 } 646 647 var requestUrl = options.url(); 648 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 649 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 650 response(autoCompleteCache[cacheKey]); 651 if (options.success) { 652 options.success(autoCompleteCache[cacheKey]); 653 } 654 return; 655 } 656 657 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 658 pendingAutoCompleteResponses.push(response); 659 return; 660 } 661 662 cancelPendingAutoComplete(); 663 autoCompleteDebounceKey = cacheKey; 664 pendingAutoCompleteResponses.push(response); 665 autoCompleteDebounceTimer = setTimeout(function () { 666 autoCompleteDebounceKey = null; 667 currentAutoCompleteRequestKey = cacheKey; 668 currentAutoCompleteRequest = $.ajax({ 669 url: requestUrl, 670 dataType: "json", 671 timeout: options.timeout, 672 data: { 673 term: term, 674 }, 675 success: function (data) { 676 if (currentAutoCompleteRequestKey === cacheKey) { 677 cacheAutoCompleteResult(cacheKey, data); 678 respondToPendingAutoComplete(data); 679 if (options.success) { 680 options.success(data); 681 } 682 } 683 }, 684 error: function (xmlhttprequest, textstatus, message) { 685 if (textstatus === "abort") { 686 return; 687 } 688 689 if (options.error) { 690 options.error(xmlhttprequest, textstatus, message); 691 } 692 693 respondToPendingAutoComplete([]); 694 }, 695 complete: function (xmlhttprequest) { 696 if (currentAutoCompleteRequest === xmlhttprequest) { 697 currentAutoCompleteRequest = null;
698 currentAutoCompleteRequestKey = null; 699 } 700 } 701 }); 702 }, options.delay); 703 }; 704 } 705 706 // click handler for search buttons 707 $(buttonSelector).click(function (e) { 708 e.preventDefault(); 709 var $btn = $(this); 710 var $field = $btn.siblings(".widgetSearchBox"); 711 var term = $field.val() + ""; 712 if (!shouldSearch(term)) { 713 // do nothing until user types enough characters 714 $field.focus(); 715 return; 716 } 717 718 if ($(checkboxSelector).is(':checked') || false) 719 { 720 doWidgetSearch($.trim(term), Number(0)); 721 } 722 else { 723 doWidgetSearch($.trim(term), 0); 724 } 725 }); 726 727 // enter key handler for the search field 728 $(searchFieldSelector).keypress(function (e) { 729 var code = e.which || e.keyCode; 730 if (code === 13) { 731 e.preventDefault(); 732 var $this = $(this); 733 var term = $this.val() + ""; 734 if (!shouldSearch(term)) { 735 // do nothing until user types enough characters 736 $this.focus(); 737 return false; 738 } 739 740 if ($(checkboxSelector).is(':checked') || false) { 741 doWidgetSearch($.trim(term), Number(0)); 742 } else { 743 doWidgetSearch($.trim(term), 0); 744 } 745 return false; 746 } 747 return true; 748 }); 749 750 // autocomplete: set minLength and guard source 751 if (false) { 752 var $searchField = $(searchFieldSelector).autocomplete({ 753 minLength: minPrefixLength, 754 source: createWidgetAutoCompleteSource({ 755 delay: autoCompleteDebounceDelay, 756 timeout: 10000, 757 shouldSearch: shouldSearch, 758 url: getAutoCompleteUrl, 759 success: function () { 760 $('.autoCompleteError').remove(); 761 }, 762 error: function (xmlhttprequest, textstatus, message) { 763 if (textstatus === "timeout") { 764 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 765 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 766 } 767 } 768 }), 769 html: true, 770 delay: 0, 771 select: function (event, ui) { 772 $(this).val(ui.item.value); 773 $(this).next().click(); 774 } 775 }); 776 777 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 778 return $("<li class=\"itemList\"></li>") 779 .data("ui-autocomplete-item", item) 780 .append("<a>" + item.label + "</a>") 781 .appendTo(ul); 782 }; 783 } 784 785 // keep searchBtnApplyQuery consistent with prefix rule 786 window.searchBtnApplyQuery = function() { 787 var $field = $(searchFieldSelector); 788 var term = $field.val() + ""; 789 if (shouldSearch(term)) { 790 // update href for the icon/button (if present) 791 var btn = document.getElementById("btnSearchIcon"); 792 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 793 } else { 794 var btn = document.getElementById("btnSearchIcon"); 795 if (btn) btn.href = "#"; 796 } 797 }; 798 } 799 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. 800 }); 801 </script>
801 802 <style scoped type="text/css">.widgetOptionSet46.widget::after { 803content: ''; 804position: absolute; 805left: 0; 806top: 50%; 807transform: translateY(-50%); 808height: 47px; 809border-left: 2px solid #DDDDDD; 810}</style> 811 812 <section id="widgetPreviewSearch" class="widget widgetSearch skin98 widgetOptionSet46" style="display: block;" aria-label="Search"> 813 <!-- For the button right and inside --> 814 <div class="widgetBody buttonRightInside"> 815 <input class="widgetSearchBox widgetSearchBox303a487e-7d28-443e-9668-c9f22072d345" cp5ph="true" id="searchField303a487e-7d28-443e-9668-c9f22072d345" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search" type="text" value="" /> 816 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton303a487e-7d28-443e-9668-c9f22072d345" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=30828" data-image="/ImageRepository/Document?documentID=30827" src="/ImageRepository/Document?documentID=30827" /></a> 817 818 <label class="searchLabel" aria-hidden="true" for="searchField303a487e-7d28-443e-9668-c9f22072d345">Search</label> 819 </div> 820 821 </section> 822 823 824<style scoped> 825 826 .widgetSearch ::-webkit-input-placeholder { 827 color: #636669; 828 } 829 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 830 color: #636669; 831 } 832 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 833 color: #636669; 834 } 835 .widgetSearch :-ms-input-placeholder { 836 color: #636669; 837 } 838 839 840 .widgetSearch .widgetBody .widgetSearchBox303a487e-7d28-443e-9668-c9f22072d345 841 { 842 color: #636669; 843 background-color: #ffffff; 844height: 70px; 845border: 0 none; 846padding-left: 1.25em; 847font-family: Barlow; 848font-style: italic; 849font-weight: 400; 850font-size: 15px; 851 } 852 .widgetSearch .widgetBody .widgetSearchButton303a487e-7d28-443e-9668-c9f22072d345 853 { 854 855 } 856 .widgetSearch .widgetSearch-onlyDept303a487e-7d28-443e-9668-c9f22072d345 857 { 858 display: inline-block; 859 color: #333; 860 861 862 padding-top: 10px; 863 } 864 #ysnSearchOnlyDept303a487e-7d28-443e-9668-c9f22072d345 865 { 866 position: relative; 867 top: .125em; 868 } 869 870</style> 871 872<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 873<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 874 875 876
877<script type="text/javascript"> 878 //Updates search icons href to have the correct queryString 879 function searchBtnApplyQuery() { 880 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField303a487e-7d28-443e-9668-c9f22072d345").value; 881 } 882</script>
882 883 884</div> 885 886 </div> <!-- inner column --> 887 888 </div> <!-- inner row --> 889 890 </div><!-- outer column --><!-- --></div> <!-- outer row --> 891 892 893 </div> 894</div> 895</div> 896</div> 897</div></div> 898</header><div data-cpRole="structuralContainer" id="bgWrapTS"> 899<!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 900<div data-cpRole="structuralContainer" id="bannerSizingTS"> 901<div data-cpRole="structuralContainer" id="bannerContentTS"> 902<div class="siteWrap9"><div data-cpRole="contentContainer" id="contentTS"> <div id="ccd47bb93f-21e9-41cf-a6b0-1531ead9ee0f" data-containerid="d47bb93f-21e9-41cf-a6b0-1531ead9ee0f" class="pageContent cpGrid cpGrid24 showInMobile"> 903 904 905 906 907 </div> 908</div></div> 909</div> 910</div> 911</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 912<div class="siteWrap3"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 913<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 914<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 915<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 916 <li id="currentBCPage" data-pageid="3276"><a href class="breadCrumb" aria-current="page">JCC Alert</a></li> 917 </ol> 918 919 920 921</div><div data-cpRole="mainContentContainer" id="moduleContent"> 922 923 <div id="page" class="moduleContentNew"> 924 925 926 <input id="hdnPageID" name="hdnPageID" type="hidden" value="3276" /> 927 <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> 928 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="33238" /> 929 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="JCC Alert" /> 930 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" />
931 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 932 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 933 934 <h1 id="versionHeadLine" class="headline"> 935 936JCC Alert </h1> 937 938 <div id="cc2cbb9535-63c2-4d37-85d0-b8718b8022aa" data-containerid="2cbb9535-63c2-4d37-85d0-b8718b8022aa" class="pageContent cpGrid cpGrid24" > 939 940 941 <div class="row outer wide"><!-- 942--><div class="outer col col24 first last" style="" data-widgetcontainerid="f8e41ff5-4f89-491e-adcc-40b0b57e4a34">� 943 <div class="row nest first wide">� 944 945 <div class="inner col col24 first last ida96c7c9c-8126-4041-a757-967813023dfe" style="" data-widgetcontainerid="a96c7c9c-8126-4041-a757-967813023dfe">� 946<div class="widget editor pageStyles narrow" id="divEditor494b5c2d-21ae-491b-bd33-9e1543aac954" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 947 <div class="fr-view"> 948 949 950 <h2 class="subhead1 ">Stay Notified Through Smart 911</h2><p>JCC Alert is now part of the Smart 911 network which enables James City County officials to quickly deliver emergency alerts and notifications. Get alerted about emergencies and other important community news by signing up for our Emergency Alert Program. This system enables us to provide you with critical information quickly in a variety of situations, such as severe weather, unexpected road closures, missing persons and evacuations of buildings or neighborhoods. You will receive time-sensitive messages wherever you specify, such as your home, mobile or business phones, email address, text messages and more. You pick where, you pick how.</p><p><a href="https://www.smart911.com/smart911/ref/reg.action?pa=jamescitycounty" target="_blank" rel="noopener"><img class="fr-dib fr-fil fr-bordered" src="/ImageRepository/Document?documentId=13166" style="width: 360px;" alt="Sign up to receive emergency notifications Opens in new window"></a></p><p>You can <a aria-label="sign-up Opens in new window" href="https://www.smart911.com/smart911/ref/reg.action?pa=jamescitycounty" rel="noopener" target="_blank">sign-up</a> and create an account with a user name and password which will allow you to monitor and make changes to your information as needed.</p><h3 class="subhead2" id="isPasted">What is JCC Alert used for?</h3><p>This system will be used to notify you about imminent threats to health and safety as well as informational notifications that affect your locations or work environments. Administrators will send notifications regarding severe weather, flooding, and more.</p> 951 </div> 952
953<script type="text/javascript"> 954 $(document).ready(function (e) { 955 renderSlideshowIfApplicable($('#divEditor' + '494b5c2d-21ae-491b-bd33-9e1543aac954')); 956 }); 957</script>
957 958</div> 959 960 </div> <!-- inner column --> 961 962 </div> <!-- inner row --> 963 <div class="row nest last wide">� 964 965 <div class="inner col col24 first last id58e13c71-e427-4cda-947f-5e3e0dafb9da" style="" data-widgetcontainerid="58e13c71-e427-4cda-947f-5e3e0dafb9da">� 966<div class="widget editor pageStyles narrow" id="divEditor93b33643-a693-4e60-9b60-6d049ac35f93" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 967 <div class="fr-view"> 968 969 970 <h3 class="subhead2 ">Caller ID</h3><p>JCC Alert emergency calls will show as 757-564-2165 on your caller ID and <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="543139312633313a372d7a39353a35333139313a20143e35393127373d202d373b213a202d22357a333b22">[email protected]</a> or <a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="355b5a18475045594c7546585447410c04041b565a58">[email protected]</a> in your inbox. Please add this number and email address to your contacts as JCC Alert so you'll recognize us when we call or email. The system will also send text messages using the following four "short code" numbers: 226-787, 672-83, 780-15, and 772-95.</p><p><em>Data collected will only be used for emergency notification purposes.</em></p> 971 </div>
vendor: 112 bytes, lines 971-973
971 972 973<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
973<script type="text/javascript"> 974 $(document).ready(function (e) { 975 renderSlideshowIfApplicable($('#divEditor' + '93b33643-a693-4e60-9b60-6d049ac35f93')); 976 }); 977</script>
977 978</div> 979 980 </div> <!-- inner column --> 981 982 </div> <!-- inner row --> 983 984 </div><!-- outer column --><!-- --></div> <!-- outer row --> 985 986 987 </div> 988 989 </div> 990 991 992 <div class="newCP"> 993 994 </div> 995</div> 996</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="cc697ee1f5-5490-431a-b702-f27322723120" data-containerid="697ee1f5-5490-431a-b702-f27322723120" class="pageContent cpGrid cpGrid24 showInMobile"> 997 998 999 <div class="row outer wide"><!-- 1000--><div class="outer col col24 first last" style="" data-widgetcontainerid="007a951b-5d70-40f6-95d1-ebda3a86e927">� 1001 <div class="row nest first last wide">� 1002 1003 <div class="inner col col24 first last idd0581757-55d1-406c-be0f-0cbe7f75d833" style="" data-widgetcontainerid="d0581757-55d1-406c-be0f-0cbe7f75d833">� 1004 1005 1006 1007 1008 1009 1010 1011 1012<div data-widget-id="5b88c9b0-caf2-43d3-a765-88f17e68c78d" data-moduleWidgetType="cityDirectory" data-widget-controller-path="/CityDirectory/Widget"> 1013 <div id="cityDirectoryWidget5b88c9b0-caf2-43d3-a765-88f17e68c78d" class="widget widgetStaffDirectory skin99 narrow" > 1014 <div class="widgetHeader"> 1015 <h3><a style="" href= /m/directory>Contact Us</a></h3> 1016 </div> 1017 <ol class="semanticList"> 1018 <li class="widgetItem h-card"> 1019 1020 <h4 class="widgetTitle field p-name">Emergency Management</h4> 1021 1022 <div class="field u-email"><a href="/cdn-cgi/l/email-protection#13767e5379727e7660707a676a707c667d676a65723d747c6533">Email Emergency Management</a></div> 1023 <br /> 1024 1025 1026 <div class="field h-adr"> 1027 <strong>Physical Address</strong> 1028 <br /> 1029 <span class="p-street-address">5077 John Tyler Highway</span><br /> 1030 <span class="locality">Williamsburg</span>, <span class="p-region">VA</span> <span class="p-postal-code">23185</span> 1031 1032 </div> 1033 <br /> 1034 1035 1036 1037 <div class="field p-tel">Phone <a href="tel:7572200626">757-220-0626</a></div> 1038 <br /> 1039 1040 1041 1042 </li> 1043 </ol> 1044 </div> 1045</div> 1046 </div> <!-- inner column --> 1047 1048 </div> <!-- inner row --> 1049 1050 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1051 <div class="row outer wide"><!-- 1052--><div class="outer col col24 first last" style="" data-widgetcontainerid="66dca633-c3f8-4250-b751-d6c97bf9044a">� 1053 <div class="row nest first last wide">� 1054 1055 <div class="inner col col24 first last id08f8fbee-2d1d-40dc-959b-d6859a1b03c4" style="" data-widgetcontainerid="08f8fbee-2d1d-40dc-959b-d6859a1b03c4">� 1056<div class="widget editor pageStyles narrow" id="divEditor1ed54a6a-1f0b-4d07-a556-b72088c33007" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 1057 <div class="fr-view"> 1058 1059 1060 <p><em>Powered by</em><br><a href="https://www.smart911.com/smart911/ref/reg.action?pa=jamescitycounty" target="_blank" rel="noopener"><img class="fr-dib fr-fil" src="/ImageRepository/Document?documentId=43139" style="width: 183px;" alt=""></a></p> 1061 </div>
vendor: 112 bytes, lines 1061-1063
1061 1062 1063<script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
1063<script type="text/javascript"> 1064 $(document).ready(function (e) { 1065 renderSlideshowIfApplicable($('#divEditor' + '1ed54a6a-1f0b-4d07-a556-b72088c33007')); 1066 }); 1067</script>
1067 1068</div> 1069 1070 </div> <!-- inner column --> 1071 1072 </div> <!-- inner row --> 1073 1074 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1075 1076 1077 </div> 1078</aside> 1079</div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 1080<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc2bd4cc4f-bf79-49d2-9b63-e796b6d38ef2" data-containerid="2bd4cc4f-bf79-49d2-9b63-e796b6d38ef2" class="pageContent cpGrid cpGrid24 showInMobile"> 1081 1082 1083 1084 1085 </div> 1086</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> 1087 1088 1089 1090 1091 1092 1093 1094
1094<script type="text/javascript"> 1095 (function () { 1096 function setupSecondaryMenuProperties() { 1097 //setup menu manager properties for secondary menu 1098 menuManager.isSideMenuEditable = false; 1099 menuManager.sideMenuMaxSubMenuLevels = 4; 1100 menuManager.sideMenuHasCustomLinks = true; 1101 } 1102 1103 if (document.readyState === "loading") { 1104 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1105 return; 1106 } 1107 1108 setupSecondaryMenuProperties(); 1109 })(); 1110 </script>
1110 1111 1112
1112<script type="text/javascript"> 1113 (function () { 1114 function setupAccordionSecondaryNav() { 1115 var $menuContainer = $('#secondaryNav'); 1116 1117 $menuContainer.find('*[id^="SideItem"]').each(function () { 1118 var ids = $('[id="' + this.id + '"]'); 1119 if (ids.length > 1) 1120 $.each(ids, function (index, value) { 1121 value.id = value.id + '_' + index; 1122 }); 1123 }); 1124 1125 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1126 e.preventDefault(); 1127 showHideAccordionMenuForSecondaryNav($(this)); 1128 }); 1129 1130 $menuContainer.find(".grippy").each(function () { 1131 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1132 }); 1133 1134 $menuContainer.find("li").each(function () { 1135 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1136 }); 1137 } 1138 1139 if (document.readyState === "loading") { 1140 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1141 return; 1142 } 1143 1144 setupAccordionSecondaryNav(); 1145 })(); 1146 </script>
1146 1147 1148 1149 1150</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="ccab707eec-4095-44fb-bc48-88fee7ba50a5" data-containerid="ab707eec-4095-44fb-bc48-88fee7ba50a5" class="pageContent cpGrid cpGrid24 showInMobile"> 1151 1152 1153 1154 1155 </div> 1156</aside> 1157</div> 1158</div></div> 1159</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1160<div class="siteWrap3"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccde4f343c-3d9a-447a-900a-302e8cc94b02" data-containerid="de4f343c-3d9a-447a-900a-302e8cc94b02" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 1161 1162 1163 <div class="row outer wide"><!-- 1164--><div class="outer col col8 first" style="" data-widgetcontainerid="0d89a42d-f646-4049-b5d3-65d7bcefd035">� 1165 <div class="row nest first last wide">� 1166 1167 <div class="inner col col8 first last id33e6157f-e4d2-45d4-856f-d20919701306" style="" data-widgetcontainerid="33e6157f-e4d2-45d4-856f-d20919701306">� 1168<div data-widget-id="d544229b-e745-4927-9cca-8827b66f3517" data-widget-controller-path="/GraphicLinks/Widget"> 1169 1170 1171 1172 1173<div id="graphicLinkWidgetd544229b-e745-4927-9cca-8827b66f3517" class="widget widgetGraphicLinks skin101 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1174 <div class="widgetHeader"> 1175 <div class=""> 1176 </div> 1177 </div> 1178 <div class="widgetBody cpGrid cpGrid2 "> 1179 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1180 <div class="row wide"> 1181 <!-- 1182--><div class="col col1 first "><ul class="semanticList"><!-- 1183 --><li class="widgetItem GraphicLinks"> 1184 1185<div> 1186 <a href="https://property.jamescitycountyva.gov/JamesCity/" target="_self" class="fancyButton fancyButton523 " > 1187 <span> 1188 <span><span class="text">New! Property Information</span></span> 1189 </span> 1190 </a> 1191</div> 1192 <style scoped="scoped">.fancyButton523.fancyButton:link,.fancyButton523.fancyButton:visited, .fancyButton523div.fancyButton{ 1193 background-color: #f0f4f7; 1194 padding-top: .5em; 1195 padding-bottom: .5em; 1196 padding-right: .5em; 1197 padding-left: .5em; 1198 -webkit-border-top-left-radius: 10px; 1199 -moz-border-top-left-radius: 10px; 1200 -khtml-border-top-left-radius: 10px; 1201 border-top-left-radius: 10px; 1202 -webkit-border-top-right-radius: 10px; 1203 -moz-border-top-right-radius: 10px; 1204 -khtml-border-top-right-radius: 10px; 1205 border-top-right-radius: 10px; 1206 -webkit-border-bottom-left-radius: 10px; 1207 -moz-border-bottom-left-radius: 10px; 1208 -khtml-border-bottom-left-radius: 10px; 1209 border-bottom-left-radius: 10px; 1210 -webkit-border-bottom-right-radius: 10px; 1211 -moz-border-bottom-right-radius: 10px; 1212 -khtml-border-bottom-right-radius: 10px; 1213 border-bottom-right-radius: 10px; 1214 background-repeat: no-repeat; 1215 background-position: center top; 1216 border-top: 2px solid #316891; 1217 border-left: 2px solid #316891; 1218 border-right: 2px solid #316891; 1219 border-bottom: 2px solid #316891; 1220min-height: 200px; 1221box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.33); 1222} 1223.fancyButton523.fancyButton:hover,.fancyButton523.fancyButton:focus,.fancyButton523.fancyButton:active,.fancyButton523.fancyButton.hover{ 1224 background-repeat: no-repeat; 1225 background-position: center top; 1226} 1227.fancyButton523.fancyButton:link > span,.fancyButton523.fancyButton:visited > span, .fancyButton523div.fancyButton > span{ 1228} 1229.fancyButton523.fancyButton:hover > span,.fancyButton523.fancyButton:focus > span,.fancyButton523.fancyButton:active > span,.fancyButton523.fancyButton.hover > span{ 1230} 1231.fancyButton523.fancyButton .text{ 1232 color: #316891; 1233 font-size: 1.15em; 1234 font-family: "Barlow Condensed"; 1235 padding-top: 120px; 1236 font-weight: 500; 1237 text-decoration: none; 1238 padding-top: 120px; 1239 background-image: url('/ImageRepository/Document?documentID=30858'); 1240 background-repeat: no-repeat; 1241 background-position: center 10px ; 1242transition: background-position .3s ease-in-out;line-height: 1.1;} 1243.fancyButton523.fancyButton:hover .text,.fancyButton523.fancyButton:focus .text,.fancyButton523.fancyButton:active .text,.fancyButton523.fancyButton.hover .text{ 1244 color: #316891; 1245 font-family: Barlow Condensed; 1246 font-weight: 700; 1247 text-decoration: underline; 1248 background-repeat: no-repeat; 1249 background-position: center top; 1250 1251 1252} 1253</style> 1254 1255 </li><!-- 1256--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1257 --><li class="widgetItem GraphicLinks"> 1258 1259<div> 1260 <a href="https://www.invoicecloud.com/portal/(S(i5pqahgiao24zwi1mflza0jv))/2/Site.aspx?G=789a8d3a-a10d-41de-b1ff-4a2f9a349d13" target="_self" class="fancyButton fancyButton524 " > 1261 <span> 1262 <span><span class="text">Pay Taxes/Bills Online</span></span> 1263 </span> 1264 </a> 1265</div> 1266 <style scoped="scoped">.fancyButton524.fancyButton:link,.fancyButton524.fancyButton:visited, .fancyButton524div.fancyButton{ 1267 background-color: #f0f4f7; 1268 padding-top: .5em; 1269 padding-bottom: .5em; 1270 padding-right: .5em; 1271 padding-left: .5em; 1272 -webkit-border-top-left-radius: 10px; 1273 -moz-border-top-left-radius: 10px; 1274 -khtml-border-top-left-radius: 10px; 1275 border-top-left-radius: 10px; 1276 -webkit-border-top-right-radius: 10px; 1277 -moz-border-top-right-radius: 10px; 1278 -khtml-border-top-right-radius: 10px; 1279 border-top-right-radius: 10px; 1280 -webkit-border-bottom-left-radius: 10px; 1281 -moz-border-bottom-left-radius: 10px; 1282 -khtml-border-bottom-left-radius: 10px; 1283 border-bottom-left-radius: 10px; 1284 -webkit-border-bottom-right-radius: 10px; 1285 -moz-border-bottom-right-radius: 10px; 1286 -khtml-border-bottom-right-radius: 10px; 1287 border-bottom-right-radius: 10px; 1288 background-repeat: no-repeat; 1289 background-position: center top; 1290 border-top: 2px solid #316891; 1291 border-left: 2px solid #316891; 1292 border-right: 2px solid #316891; 1293 border-bottom: 2px solid #316891; 1294min-height: 200px; 1295box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.33); 1296} 1297.fancyButton524.fancyButton:hover,.fancyButton524.fancyButton:focus,.fancyButton524.fancyButton:active,.fancyButton524.fancyButton.hover{ 1298 background-repeat: no-repeat; 1299 background-position: center top; 1300} 1301.fancyButton524.fancyButton:link > span,.fancyButton524.fancyButton:visited > span, .fancyButton524div.fancyButton > span{ 1302} 1303.fancyButton524.fancyButton:hover > span,.fancyButton524.fancyButton:focus > span,.fancyButton524.fancyButton:active > span,.fancyButton524.fancyButton.hover > span{ 1304} 1305.fancyButton524.fancyButton .text{ 1306 color: #316891; 1307 font-size: 1.15em; 1308 font-family: "Barlow Condensed"; 1309 padding-top: 120px; 1310 font-weight: 500; 1311 text-decoration: none; 1312 padding-top: 120px; 1313 background-image: url('/ImageRepository/Document?documentID=30856'); 1314 background-repeat: no-repeat; 1315 background-position: center 10px ; 1316transition: background-position .3s ease-in-out;line-height: 1.1;} 1317.fancyButton524.fancyButton:hover .text,.fancyButton524.fancyButton:focus .text,.fancyButton524.fancyButton:active .text,.fancyButton524.fancyButton.hover .text{ 1318 color: #316891; 1319 font-family: Barlow Condensed; 1320 font-weight: 700; 1321 text-decoration: underline; 1322 background-repeat: no-repeat; 1323 background-position: center top; 1324 1325 1326} 1327</style> 1328 1329 </li><!-- 1330--></ul></div><!-- --> 1331 </div> 1332 </nav> 1333 </div> 1334 <div class="widgetFooter"> 1335 </div> 1336</div> 1337</div> 1338 1339 </div> <!-- inner column --> 1340 1341 </div> <!-- inner row --> 1342 1343 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="fd5d85ab-3fbb-402a-a3da-8b079a3e221e">� 1344 <div class="row nest first last wide">� 1345 1346 <div class="inner col col8 first last id45155047-3947-4b51-afb4-d69a3203e6e6" style="" data-widgetcontainerid="45155047-3947-4b51-afb4-d69a3203e6e6">� 1347<div data-widget-id="80d21881-50a7-4fad-ab89-fac525d3f3e9" data-widget-controller-path="/GraphicLinks/Widget"> 1348 1349 1350 1351 1352<div id="graphicLinkWidget80d21881-50a7-4fad-ab89-fac525d3f3e9" class="widget widgetGraphicLinks skin101 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1353 <div class="widgetHeader"> 1354 <div class="">
1355 </div> 1356 </div> 1357 <div class="widgetBody cpGrid cpGrid2 "> 1358 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1359 <div class="row wide"> 1360 <!-- 1361--><div class="col col1 first "><ul class="semanticList"><!-- 1362 --><li class="widgetItem GraphicLinks"> 1363 1364<div> 1365 <a href="/635/Parks-Recreation" target="_self" class="fancyButton fancyButton525 " > 1366 <span> 1367 <span><span class="text">Parks & Recreation</span></span> 1368 </span> 1369 </a> 1370</div> 1371 <style scoped="scoped">.fancyButton525.fancyButton:link,.fancyButton525.fancyButton:visited, .fancyButton525div.fancyButton{ 1372 background-color: #f0f4f7; 1373 padding-top: .5em; 1374 padding-bottom: .5em; 1375 padding-right: .5em; 1376 padding-left: .5em; 1377 -webkit-border-top-left-radius: 10px; 1378 -moz-border-top-left-radius: 10px; 1379 -khtml-border-top-left-radius: 10px; 1380 border-top-left-radius: 10px; 1381 -webkit-border-top-right-radius: 10px; 1382 -moz-border-top-right-radius: 10px; 1383 -khtml-border-top-right-radius: 10px; 1384 border-top-right-radius: 10px; 1385 -webkit-border-bottom-left-radius: 10px; 1386 -moz-border-bottom-left-radius: 10px; 1387 -khtml-border-bottom-left-radius: 10px; 1388 border-bottom-left-radius: 10px; 1389 -webkit-border-bottom-right-radius: 10px; 1390 -moz-border-bottom-right-radius: 10px; 1391 -khtml-border-bottom-right-radius: 10px; 1392 border-bottom-right-radius: 10px; 1393 background-repeat: no-repeat; 1394 background-position: center top; 1395 border-top: 2px solid #316891; 1396 border-left: 2px solid #316891; 1397 border-right: 2px solid #316891; 1398 border-bottom: 2px solid #316891; 1399min-height: 200px; 1400box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.33); 1401} 1402.fancyButton525.fancyButton:hover,.fancyButton525.fancyButton:focus,.fancyButton525.fancyButton:active,.fancyButton525.fancyButton.hover{ 1403 background-repeat: no-repeat; 1404 background-position: center top; 1405} 1406.fancyButton525.fancyButton:link > span,.fancyButton525.fancyButton:visited > span, .fancyButton525div.fancyButton > span{ 1407} 1408.fancyButton525.fancyButton:hover > span,.fancyButton525.fancyButton:focus > span,.fancyButton525.fancyButton:active > span,.fancyButton525.fancyButton.hover > span{ 1409} 1410.fancyButton525.fancyButton .text{ 1411 color: #316891; 1412 font-size: 1.15em; 1413 font-family: "Barlow Condensed"; 1414 padding-top: 120px; 1415 font-weight: 500; 1416 text-decoration: none; 1417 padding-top: 120px; 1418 background-image: url('/ImageRepository/Document?documentID=30857'); 1419 background-repeat: no-repeat; 1420 background-position: center 10px ; 1421transition: background-position .3s ease-in-out;line-height: 1.1;} 1422.fancyButton525.fancyButton:hover .text,.fancyButton525.fancyButton:focus .text,.fancyButton525.fancyButton:active .text,.fancyButton525.fancyButton.hover .text{ 1423 color: #316891; 1424 font-family: Barlow Condensed; 1425 font-weight: 700; 1426 text-decoration: underline; 1427 background-repeat: no-repeat; 1428 background-position: center top; 1429 1430 1431} 1432</style> 1433 1434 </li><!-- 1435--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1436 --><li class="widgetItem GraphicLinks"> 1437 1438<div> 1439 <a href="https://careers.jamescitycountyva.gov/" target="_blank" class="fancyButton fancyButton526 " aria-label="Employment Opens in new window"> 1440 <span> 1441 <span><span class="text">Employment</span></span> 1442 </span> 1443 </a> 1444</div> 1445 <style scoped="scoped">.fancyButton526.fancyButton:link,.fancyButton526.fancyButton:visited, .fancyButton526div.fancyButton{ 1446 background-color: #f0f4f7; 1447 padding-top: .5em; 1448 padding-bottom: .5em; 1449 padding-right: .5em; 1450 padding-left: .5em; 1451 -webkit-border-top-left-radius: 10px; 1452 -moz-border-top-left-radius: 10px; 1453 -khtml-border-top-left-radius: 10px; 1454 border-top-left-radius: 10px; 1455 -webkit-border-top-right-radius: 10px; 1456 -moz-border-top-right-radius: 10px; 1457 -khtml-border-top-right-radius: 10px; 1458 border-top-right-radius: 10px; 1459 -webkit-border-bottom-left-radius: 10px; 1460 -moz-border-bottom-left-radius: 10px; 1461 -khtml-border-bottom-left-radius: 10px; 1462 border-bottom-left-radius: 10px; 1463 -webkit-border-bottom-right-radius: 10px; 1464 -moz-border-bottom-right-radius: 10px; 1465 -khtml-border-bottom-right-radius: 10px; 1466 border-bottom-right-radius: 10px; 1467 background-repeat: no-repeat; 1468 background-position: center top; 1469 border-top: 2px solid #316891; 1470 border-left: 2px solid #316891; 1471 border-right: 2px solid #316891; 1472 border-bottom: 2px solid #316891; 1473min-height: 200px; 1474box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.33); 1475} 1476.fancyButton526.fancyButton:hover,.fancyButton526.fancyButton:focus,.fancyButton526.fancyButton:active,.fancyButton526.fancyButton.hover{ 1477 background-repeat: no-repeat; 1478 background-position: center top; 1479} 1480.fancyButton526.fancyButton:link > span,.fancyButton526.fancyButton:visited > span, .fancyButton526div.fancyButton > span{ 1481} 1482.fancyButton526.fancyButton:hover > span,.fancyButton526.fancyButton:focus > span,.fancyButton526.fancyButton:active > span,.fancyButton526.fancyButton.hover > span{ 1483} 1484.fancyButton526.fancyButton .text{ 1485 color: #316891; 1486 font-size: 1.15em; 1487 font-family: "Barlow Condensed"; 1488 padding-top: 120px; 1489 font-weight: 500; 1490 text-decoration: none; 1491 padding-top: 120px; 1492 background-image: url('/ImageRepository/Document?documentID=30854'); 1493 background-repeat: no-repeat; 1494 background-position: center 10px ; 1495transition: background-position .3s ease-in-out;line-height: 1.1;} 1496.fancyButton526.fancyButton:hover .text,.fancyButton526.fancyButton:focus .text,.fancyButton526.fancyButton:active .text,.fancyButton526.fancyButton.hover .text{ 1497 color: #316891; 1498 font-family: Barlow Condensed; 1499 font-weight: 700; 1500 text-decoration: underline; 1501 background-repeat: no-repeat; 1502 background-position: center top; 1503 1504 1505} 1506</style> 1507 1508 </li><!-- 1509--></ul></div><!-- --> 1510 </div> 1511 </nav> 1512 </div> 1513 <div class="widgetFooter"> 1514 </div> 1515</div> 1516</div> 1517 1518 </div> <!-- inner column --> 1519 1520 </div> <!-- inner row --> 1521 1522 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="5d198c6d-15f9-46a2-98f2-645a7160656f">� 1523 <div class="row nest first last wide">� 1524 1525 <div class="inner col col8 first last id6f74114f-88a0-424f-85f3-45dfb3f47393" style="" data-widgetcontainerid="6f74114f-88a0-424f-85f3-45dfb3f47393">� 1526<div data-widget-id="ac46d8cb-9cdb-4f72-af52-ded8c1d98485" data-widget-controller-path="/GraphicLinks/Widget"> 1527 1528 1529 1530 1531<div id="graphicLinkWidgetac46d8cb-9cdb-4f72-af52-ded8c1d98485" class="widget widgetGraphicLinks skin101 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1532 <div class="widgetHeader"> 1533 <div class="">
1534 </div> 1535 </div> 1536 <div class="widgetBody cpGrid cpGrid2 "> 1537 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1538 <div class="row wide"> 1539 <!-- 1540--><div class="col col1 first "><ul class="semanticList"><!-- 1541 --><li class="widgetItem GraphicLinks"> 1542 1543<div> 1544 <a href="/607/Recycling-Service" target="_self" class="fancyButton fancyButton527 " > 1545 <span> 1546 <span><span class="text">Recycling</span></span> 1547 </span> 1548 </a> 1549</div> 1550 <style scoped="scoped">.fancyButton527.fancyButton:link,.fancyButton527.fancyButton:visited, .fancyButton527div.fancyButton{ 1551 background-color: #f0f4f7; 1552 padding-top: .5em; 1553 padding-bottom: .5em; 1554 padding-right: .5em; 1555 padding-left: .5em; 1556 -webkit-border-top-left-radius: 10px; 1557 -moz-border-top-left-radius: 10px; 1558 -khtml-border-top-left-radius: 10px; 1559 border-top-left-radius: 10px; 1560 -webkit-border-top-right-radius: 10px; 1561 -moz-border-top-right-radius: 10px; 1562 -khtml-border-top-right-radius: 10px; 1563 border-top-right-radius: 10px; 1564 -webkit-border-bottom-left-radius: 10px; 1565 -moz-border-bottom-left-radius: 10px; 1566 -khtml-border-bottom-left-radius: 10px; 1567 border-bottom-left-radius: 10px; 1568 -webkit-border-bottom-right-radius: 10px; 1569 -moz-border-bottom-right-radius: 10px; 1570 -khtml-border-bottom-right-radius: 10px; 1571 border-bottom-right-radius: 10px; 1572 background-repeat: no-repeat; 1573 background-position: center top; 1574 border-top: 2px solid #316891; 1575 border-left: 2px solid #316891; 1576 border-right: 2px solid #316891; 1577 border-bottom: 2px solid #316891; 1578min-height: 200px; 1579box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.33); 1580} 1581.fancyButton527.fancyButton:hover,.fancyButton527.fancyButton:focus,.fancyButton527.fancyButton:active,.fancyButton527.fancyButton.hover{ 1582 background-repeat: no-repeat; 1583 background-position: center top; 1584} 1585.fancyButton527.fancyButton:link > span,.fancyButton527.fancyButton:visited > span, .fancyButton527div.fancyButton > span{ 1586} 1587.fancyButton527.fancyButton:hover > span,.fancyButton527.fancyButton:focus > span,.fancyButton527.fancyButton:active > span,.fancyButton527.fancyButton.hover > span{ 1588} 1589.fancyButton527.fancyButton .text{ 1590 color: #316891; 1591 font-size: 1.15em; 1592 font-family: "Barlow Condensed"; 1593 padding-top: 120px; 1594 font-weight: 500; 1595 text-decoration: none; 1596 padding-top: 120px; 1597 background-image: url('/ImageRepository/Document?documentID=30859'); 1598 background-repeat: no-repeat; 1599 background-position: center 10px ; 1600transition: background-position .3s ease-in-out;line-height: 1.1;} 1601.fancyButton527.fancyButton:hover .text,.fancyButton527.fancyButton:focus .text,.fancyButton527.fancyButton:active .text,.fancyButton527.fancyButton.hover .text{ 1602 color: #316891; 1603 font-family: Barlow Condensed; 1604 font-weight: 700; 1605 text-decoration: underline; 1606 background-repeat: no-repeat; 1607 background-position: center top; 1608 1609 1610} 1611</style> 1612 1613 </li><!-- 1614--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1615 --><li class="widgetItem GraphicLinks"> 1616 1617<div> 1618 <a href="/list.aspx" target="_self" class="fancyButton fancyButton528 " > 1619 <span> 1620 <span><span class="text">Notify Me®</span></span> 1621 </span> 1622 </a> 1623</div> 1624 <style scoped="scoped">.fancyButton528.fancyButton:link,.fancyButton528.fancyButton:visited, .fancyButton528div.fancyButton{ 1625 background-color: #f0f4f7; 1626 padding-top: .5em; 1627 padding-bottom: .5em; 1628 padding-right: .5em; 1629 padding-left: .5em; 1630 -webkit-border-top-left-radius: 10px; 1631 -moz-border-top-left-radius: 10px; 1632 -khtml-border-top-left-radius: 10px; 1633 border-top-left-radius: 10px; 1634 -webkit-border-top-right-radius: 10px; 1635 -moz-border-top-right-radius: 10px; 1636 -khtml-border-top-right-radius: 10px; 1637 border-top-right-radius: 10px; 1638 -webkit-border-bottom-left-radius: 10px; 1639 -moz-border-bottom-left-radius: 10px; 1640 -khtml-border-bottom-left-radius: 10px; 1641 border-bottom-left-radius: 10px; 1642 -webkit-border-bottom-right-radius: 10px; 1643 -moz-border-bottom-right-radius: 10px; 1644 -khtml-border-bottom-right-radius: 10px; 1645 border-bottom-right-radius: 10px; 1646 background-repeat: no-repeat; 1647 background-position: center top; 1648 border-top: 2px solid #316891; 1649 border-left: 2px solid #316891; 1650 border-right: 2px solid #316891; 1651 border-bottom: 2px solid #316891; 1652min-height: 200px; 1653box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.33); 1654} 1655.fancyButton528.fancyButton:hover,.fancyButton528.fancyButton:focus,.fancyButton528.fancyButton:active,.fancyButton528.fancyButton.hover{ 1656 background-repeat: no-repeat; 1657 background-position: center top; 1658} 1659.fancyButton528.fancyButton:link > span,.fancyButton528.fancyButton:visited > span, .fancyButton528div.fancyButton > span{ 1660} 1661.fancyButton528.fancyButton:hover > span,.fancyButton528.fancyButton:focus > span,.fancyButton528.fancyButton:active > span,.fancyButton528.fancyButton.hover > span{ 1662} 1663.fancyButton528.fancyButton .text{ 1664 color: #316891; 1665 font-size: 1.15em; 1666 font-family: "Barlow Condensed"; 1667 padding-top: 120px; 1668 font-weight: 500; 1669 text-decoration: none; 1670 padding-top: 120px; 1671 background-image: url('/ImageRepository/Document?documentID=30855'); 1672 background-repeat: no-repeat; 1673 background-position: center 10px ; 1674transition: background-position .3s ease-in-out;line-height: 1.1;} 1675.fancyButton528.fancyButton:hover .text,.fancyButton528.fancyButton:focus .text,.fancyButton528.fancyButton:active .text,.fancyButton528.fancyButton.hover .text{ 1676 color: #316891; 1677 font-family: Barlow Condensed; 1678 font-weight: 700; 1679 text-decoration: underline; 1680 background-repeat: no-repeat; 1681 background-position: center top; 1682 1683 1684} 1685</style> 1686 1687 </li><!-- 1688--></ul></div><!-- --> 1689 </div> 1690 </nav> 1691 </div> 1692 <div class="widgetFooter"> 1693 </div> 1694</div> 1695</div> 1696 1697 </div> <!-- inner column --> 1698 1699 </div> <!-- inner row --> 1700 1701 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1702 1703 1704 </div> 1705</div></div> 1706</div> 1707</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1"> 1708 <div class="siteWrap2"> 1709 <div data-cpRole="contentContainer" id="homeContent1a"></div> 1710 </div> 1711 </div> --><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 1712<div class="siteWrap3"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc12212456-a1fb-4734-93ea-61502a6ce27c" data-containerid="12212456-a1fb-4734-93ea-61502a6ce27c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> 1713 1714 1715 <div class="row outer wide"><!-- 1716--><div class="outer col col6 first" style="" data-widgetcontainerid="65643ea0-15e3-498f-aef4-61dc3a2d4c1a">� 1717 <div class="row nest first last wide">� 1718 1719 <div class="inner col col6 first last idbdc9fb4f-9000-4b54-a18b-eefa507c2a09" style="" data-widgetcontainerid="bdc9fb4f-9000-4b54-a18b-eefa507c2a09">� 1720 <div data-widget-id="e5b86e1c-9197-4dd8-ba89-96eb94738ba7" data-widget-controller-path="/InfoAdvanced/Widget"> 1721 1722 1723 1724 1725 1726 <section id="divInfoAdve5b86e1c-9197-4dd8-ba89-96eb94738ba7" class="widget widgetInfoAdvanced skin103 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1727 <header class="widgetHeader" id="headere5b86e1c-9197-4dd8-ba89-96eb94738ba7"> 1728 <div class=""> 1729 </div> 1730 </header> 1731 <div class="widgetBody cpGrid cpGrid1 "> 1732 <div class="row wide"> 1733 <div class="col col1 first last"> 1734 <ol class="pageStyles semanticList"> 1735 1736<li class="InfoAdvanced widgetItem fr-view"> 1737 <p><a href="/"><img src="/ImageRepository/Document?documentId=30860" class="fr-dib" alt="Home Page"></a></p> 1738</li> </ol> 1739 </div> 1740 </div> 1741 </div> 1742 <div class="widgetFooter"> 1743 1744 </div> 1745 1746 </section> 1747 1748 1749
1750<script type="text/javascript"> 1751 //Render slideshow if info advacned items contain one. 1752 $(document).ready(function (e) { 1753 $('#divInfoAdve5b86e1c-9197-4dd8-ba89-96eb94738ba7 .InfoAdvanced.widgetItem').each(function () { 1754 renderSlideshowIfApplicable($(this)); 1755 }); 1756 }); 1757</script>
1757</div> 1758 </div> <!-- inner column --> 1759 1760 </div> <!-- inner row --> 1761 1762 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="b5cd27ed-9039-40ee-be5a-83dcaa3c0f1c">� 1763 <div class="row nest first last wide">� 1764 1765 <div class="inner col col1 first last id72a99fdb-aee5-4e83-87eb-7087850367b5" style="" data-widgetcontainerid="72a99fdb-aee5-4e83-87eb-7087850367b5">� 1766 1767<div class="widget widgetSpacer" id="7816b757-271b-4c20-a8f9-6fb4b8f56beb"></div> 1768 </div> <!-- inner column --> 1769 1770 </div> <!-- inner row --> 1771 1772 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="8e1dacaa-6f9a-4ca9-a30c-f3c76bd15f54">� 1773 <div class="row nest first last wide">� 1774 1775 <div class="inner col col5 first last idd0d1d725-7396-4047-ac12-cb3ecd79ea47" style="" data-widgetcontainerid="d0d1d725-7396-4047-ac12-cb3ecd79ea47">� 1776 <div data-widget-id="cea20951-2dfe-4c5d-bfa2-3cb6e44fd257" data-widget-controller-path="/InfoAdvanced/Widget"> 1777 1778 1779 1780 1781 1782 <section id="divInfoAdvcea20951-2dfe-4c5d-bfa2-3cb6e44fd257" class="widget widgetInfoAdvanced skin102 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headercea20951-2dfe-4c5d-bfa2-3cb6e44fd257"> 1783 <header class="widgetHeader" id="headercea20951-2dfe-4c5d-bfa2-3cb6e44fd257"> 1784 <div class=""> 1785 <h3 >Contact Us</h3> 1786 </div> 1787 </header> 1788 <div class="widgetBody cpGrid cpGrid1 "> 1789 <div class="row wide"> 1790 <div class="col col1 first last"> 1791 <ol class="pageStyles semanticList"> 1792 1793<li class="InfoAdvanced widgetItem fr-view"> 1794 <p><strong>James City County Government Center</strong></p><p><br></p> 1795</li> 1796<li class="InfoAdvanced widgetItem fr-view"> 1797 <p>101 Mounts Bay Road</p> 1798</li> 1799<li class="InfoAdvanced widgetItem fr-view"> 1800 <p>Williamsburg, VA 23185</p> 1801</li> </ol> 1802 </div> 1803 </div> 1804 </div> 1805 <div class="widgetFooter"> 1806 1807 </div> 1808 1809 </section> 1810 1811 1812
1813<script type="text/javascript"> 1814 //Render slideshow if info advacned items contain one. 1815 $(document).ready(function (e) { 1816 $('#divInfoAdvcea20951-2dfe-4c5d-bfa2-3cb6e44fd257 .InfoAdvanced.widgetItem').each(function () { 1817 renderSlideshowIfApplicable($(this)); 1818 }); 1819 }); 1820</script>
1820</div> 1821 </div> <!-- inner column --> 1822 1823 </div> <!-- inner row --> 1824 1825 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="64be4c6f-5d2f-4874-9c19-d912eec546de">� 1826 <div class="row nest first last wide">� 1827 1828 <div class="inner col col1 first last id248921e3-6504-4344-acd7-e1c6d14c1136" style="" data-widgetcontainerid="248921e3-6504-4344-acd7-e1c6d14c1136">� 1829 1830<div class="widget widgetSpacer" id="b3b216c6-e74d-47ff-bb4b-b60c98a949da"></div> 1831 </div> <!-- inner column --> 1832 1833 </div> <!-- inner row --> 1834 1835 </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="6e47226d-8e66-431a-a359-9d171546bd58">� 1836 <div class="row nest first last wide">� 1837 1838 <div class="inner col col6 first last id02c3dca4-25c1-4090-900d-73d610ce328e" style="" data-widgetcontainerid="02c3dca4-25c1-4090-900d-73d610ce328e">� 1839<div data-widget-id="c607a992-5d07-44d4-9af3-8e9e7ac2225c" data-widget-controller-path="/Faq/Widget"> 1840 1841 1842 1843 1844 1845 1846 1847 1848 <section id="widgetFaqc607a992-5d07-44d4-9af3-8e9e7ac2225c" class="widget widgetFAQ skin102 widgetOptionSet23 narrow" data-modulewidgettype="FAQ" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="faqHeaderc607a992-5d07-44d4-9af3-8e9e7ac2225c"> 1849 <header class="widgetHeader" id="faqHeaderc607a992-5d07-44d4-9af3-8e9e7ac2225c"> 1850 <div class=""> 1851 <h3><a href="/Faq.aspx?TID=15">FAQs</a></h3> 1852 </div> 1853 </header> 1854 <div class="widgetBody pageStyles cpGrid cpGrid1 "> 1855 <div class="row narrow"> 1856 <link href="/Areas/FAQ/Assets/Styles/Widget.css" rel="stylesheet" /> 1857 <div class="col col1"> 1858 <ol class="semanticList" style="columns: 1"> 1859 1860 1861 <li style="position: relative" class="widgetItem"> 1862 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=63">Where can I find the budget?</a> 1863 </li> 1864 1865 1866 <li style="position: relative" class="widgetItem"> 1867 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=65">How do I make a payment online?</a> 1868 </li> 1869 1870 1871 <li style="position: relative" class="widgetItem"> 1872 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=64">How do I apply for a job?</a> 1873 </li> 1874 1875 1876 <li style="position: relative" class="widgetItem"> 1877 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=674">What do I do with recyclables?</a> 1878 </li> 1879 1880 1881 <li style="position: relative" class="widgetItem"> 1882 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=66">How do I dispose of trash?</a> 1883 </li> 1884 1885 1886 <li style="position: relative" class="widgetItem"> 1887 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=452">How do I submit a FOIA request?</a> 1888 </li> 1889 1890 1891 <li style="position: relative" class="widgetItem"> 1892 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=595">Where can I learn about the County's Strategic Plan?</a> 1893 </li> 1894 1895 1896 <li style="position: relative" class="widgetItem"> 1897 <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=62">How do I report a problem with the website?</a> 1898 </li> 1899 </ol> 1900 </div> 1901 </div> 1902 </div> 1903 <div class="widgetFooter"> 1904 </div> 1905 <div class="addItemModal hidden"> 1906 <div class="url hidden">/FAQ.aspx</div> 1907 </div> 1908 1909 </section> 1910 1911
1912<script> 1913 function handleExpandCollapse(e) { 1914 const element = e.currentTarget; 1915 const answer = document.getElementById(element.getAttribute("aria-controls")).parentElement; 1916 const expandArrow = element.getElementsByClassName("widgetFAQ--arrow")[0]; 1917 if (answer.classList.contains("hidden")) { 1918 expandArrow.classList.add('widgetFAQ--arrow-expanded'); 1919 expandArrow.classList.remove('widgetFAQ--arrow-collapsed'); 1920 answer.classList.remove("hidden"); 1921 element.setAttribute("aria-expanded", "true"); 1922 } else { 1923 expandArrow.classList.add('widgetFAQ--arrow-collapsed'); 1924 expandArrow.classList.remove('widgetFAQ--arrow-expanded'); 1925 answer.classList.add("hidden"); 1926 element.setAttribute("aria-expanded", "false"); 1927 } 1928 e.preventDefault(); 1929 e.stopImmediatePropagation(); 1930 e.stopPropagation(); 1931 } 1932 document.querySelectorAll(".widgetFAQ--question a").forEach(element => { 1933 // When the link is clicked, expand or collapse the answer 1934 element.addEventListener("click", handleExpandCollapse); 1935 }); 1936</script>
1936 1937</div> 1938 1939 </div> <!-- inner column --> 1940 1941 </div> <!-- inner row --> 1942 1943 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="94e971b4-24c0-4360-baff-418059d6b6d6">� 1944 <div class="row nest first last wide">� 1945 1946 <div class="inner col col1 first last ida3084870-5963-40c1-832c-25a11a30bf10" style="" data-widgetcontainerid="a3084870-5963-40c1-832c-25a11a30bf10">� 1947 1948<div class="widget widgetSpacer" id="c57e3aea-1647-4faa-bc81-cd4c220db744"></div> 1949 </div> <!-- inner column --> 1950 1951 </div> <!-- inner row --> 1952 1953 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="f9171e32-68a3-4198-a62e-366be5a8a8ae">� 1954 <div class="row nest first last wide">� 1955 1956 <div class="inner col col4 first last id26eb531c-01ab-45bb-9cf4-8d6c90bc2bdb" style="" data-widgetcontainerid="26eb531c-01ab-45bb-9cf4-8d6c90bc2bdb">� 1957 <div data-widget-id="6842716c-1271-4594-ae61-ab226d85b1f6" data-widget-controller-path="/QuickLinks/Widget"> 1958 1959 1960 1961 1962 1963 1964 1965 1966 <section id="widgetQuicklink6842716c-1271-4594-ae61-ab226d85b1f6" class="widget widgetQuickLinks skin102 widgetOptionSet25 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader6842716c-1271-4594-ae61-ab226d85b1f6"> 1967 <header class="widgetHeader" id="quickLinksHeader6842716c-1271-4594-ae61-ab226d85b1f6"> 1968 <div class=""> 1969 <h3><a style="" href="/QuickLinks.aspx?CID=11" >Using This Site</a></h3> 1970 </div> 1971 </header> 1972 <div class="widgetBody cpGrid cpGrid1 "> 1973 <div class="row narrow"> 1974 <div class="col col1 first last"> 1975 <ol class="semanticList"> 1976 1977 1978 1979 1980 <li style="position:relative" class="widgetItem QuickLinks"> 1981 <a class="widgetDesc widgetQuickLinksLink" href="https://jamescitycountyva.gov/" target="_self" aria-label="Home - Using This Site" rel="">Home</a> 1982 <div class="widgetMeta"></div> 1983 </li> 1984 1985 1986 1987 1988 <li style="position:relative" class="widgetItem QuickLinks"> 1989 <a class="widgetDesc widgetQuickLinksLink" href="https://jamescitycountyva.gov/sitemap" target="_self" aria-label="Site Map - Using This Site" rel="">Site Map</a> 1990 <div class="widgetMeta"></div> 1991 </li> 1992 1993 1994 1995 1996 <li style="position:relative" class="widgetItem QuickLinks"> 1997 <a class="widgetDesc widgetQuickLinksLink" href="https://jamescitycountyva.gov/intranet" target="_self" aria-label="Employee Portal - Using This Site" rel="">Employee Portal</a> 1998 <div class="widgetMeta"></div> 1999 </li> 2000 2001 2002 2003 2004 <li style="position:relative" class="widgetItem QuickLinks"> 2005 <a class="widgetDesc widgetQuickLinksLink" href="https://jamescitycountyva.gov/124/Privacy-Policy" target="_self" aria-label="Privacy Policy - Using This Site" rel="">Privacy Policy</a> 2006 <div class="widgetMeta"></div> 2007 </li> 2008 2009 2010 2011 2012 <li style="position:relative" class="widgetItem QuickLinks"> 2013 <a class="widgetDesc widgetQuickLinksLink" href="https://jamescitycountyva.gov/Accessibility" target="_self" aria-label="Accessibility - Using This Site" rel="">Accessibility</a> 2014 <div class="widgetMeta"></div> 2015 </li> 2016 2017 2018 2019 2020 <li style="position:relative" class="widgetItem QuickLinks"> 2021 <a class="widgetDesc widgetQuickLinksLink" href="https://jamescitycountyva.gov/site/copyright" target="_self" aria-label="Copyright Notices - Using This Site" rel="">Copyright Notices</a> 2022 <div class="widgetMeta"></div> 2023 </li> 2024 2025 2026 2027 2028 <li style="position:relative" class="widgetItem QuickLinks"> 2029 <a class="widgetDesc widgetQuickLinksLink" href="/list.aspx" target="_self" aria-label="Manage Subscriptions - Using This Site" rel="">Manage Subscriptions</a> 2030 <div class="widgetMeta"></div> 2031 </li> 2032 </ol> 2033 </div> 2034 </div> 2035 2036 </div> 2037 <div class="widgetFooter"> 2038 </div> 2039 <div class="addItemModal hidden"> 2040 <div class="url hidden">/QuickLinks.aspx</div> 2041 </div> 2042 2043 </section> 2044</div> 2045 2046 </div> <!-- inner column --> 2047 2048 </div> <!-- inner row --> 2049 2050 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2051 2052 2053 </div> 2054</div></div> 2055</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2056<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc2f1fd89d-c0e5-4326-8bb8-4971c6815579" data-containerid="2f1fd89d-c0e5-4326-8bb8-4971c6815579" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2057 2058 2059 <div class="row outer wide"><!-- 2060--><div class="outer col col24 first last" style="" data-widgetcontainerid="3d71df02-9943-4970-9bae-f9fa04ee6320">� 2061 <div class="row nest first last wide">� 2062 2063 <div class="inner col col24 first last id2ab8fd68-60af-4147-81d1-e22d4693935d" style="" data-widgetcontainerid="2ab8fd68-60af-4147-81d1-e22d4693935d">� 2064 2065 <div data-widget-id='11af4b12-9325-41fe-9728-d4d753da3403' data-moduleName="customHtml" id='widgetCustomHtml11af4b12-9325-41fe-9728-d4d753da3403' class="widget widgetCustomHtml skin104 narrow" > 2066 <div class="widgetBody pageStyles" id="widgetBody11af4b12-9325-41fe-9728-d4d753da3403"> 2067 <div id="customHtml11af4b12-9325-41fe-9728-d4d753da3403"><div><style> 2068 /* CP icon */ 2069 .cpBylineIconTS { 2070 color: #383838; 2071 } 2072 /* CP Text */ 2073 .cpBylineTextTS, 2074 .cpBylineTextTS a:link { 2075 color: #383838; 2076 } 2077 2078 .cpBylineTS { 2079 text-align: center; 2080 } 2081 2082 .cpBylineIconTS { 2083 fill: currentColor; 2084 width: 39px;
2085 height: 26px; 2086 display: inline; 2087 vertical-align: middle; 2088 } 2089</style> 2090 2091<div class="widgetItem cpBylineTS"> 2092 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2093 <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> 2094 <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> 2095 </svg> 2096 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2097</div> 2098</div></div> 2099 </div> 2100 2101 </div> 2102 2103 </div> <!-- inner column --> 2104 2105 </div> <!-- inner row --> 2106 2107 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2108 2109 2110 </div> 2111</div></div> 2112</div> 2113 2114 2115 2116 2117 <div id="bannerImagesJSON237" class="hidden"></div> 2118 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 2119 <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> 2120 <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> 2121 </div> 2122
2122<script type="text/javascript"> 2123 $(window).on("load", function () { 2124 $.when(window.Pages.rwdSetupComplete) 2125 .done(function () { 2126 renderExternalBannerSlideshow('banner1', 2127 {"BannerOptionID":237,"ThemeID":67,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"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":612,"BannerOptionID":237,"FileName":"/ImageRepository/Document?documentID=30823","Height":1400,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":16,"BannerOptionID":237,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202204070807156860.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135578800000)\/"}, 2128 '/App_Themes/2022 - Interior/Images/', 2129 'Rotating'); 2130 }); 2131 }); 2132 </script>
2132 2133 2134</div> 2135</div> 2136 2137 </div> 2138 </div> 2139 </div> 2140 2141<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2142 2143<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2144 <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"> 2145 <div class="cp-Splash-header"> 2146 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2147 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2148 <svg id="iconClose" viewBox="0 0 25 25"> 2149 <polygon style="fill:currentcolor" 2150 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> 2151 </svg> 2152 </button> 2153 </div> 2154 <div class="cp-Splash-body"> 2155 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2156 <!-- Content from the Froala Editor will go here. --> 2157 Loading 2158 </div> 2159 </div> 2160 <div class="cp-Splash-footer"> 2161 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2162 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
2163 </div> 2164 </div> 2165</div> 2166
2167<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2167
2167
2168<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2168
2168
2169<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2169
2169
2170<script> 2171 2172 $(document).ready(function () { 2173 var filter = { 2174 targetId: '3276', 2175 targetType: 1 2176 } 2177 2178 new SplashModalRender().triggerRender(filter); 2179 }); 2180</script>
2180 2181 2182 2183 2184 2185 2186 2187 2188 2189 2190 2191 2192 2193 2194 2195 2196 2197
2197<script src="/-1442400649.js" type="text/javascript"></script>
2197 2198
2198<script>
vendor: 346 bytes, lines 2198-2204
2198 2199 (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ 2200 (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), 2201 m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) 2202 })(window,document,'script','//www.google-analytics.com/analytics.js','ga'); 2203 2204 ga('create', '
2204UA-2193662-20
vendor: 40 bytes, lines 2204-2205
2204', 'auto'); 2205 ga('send', 'pageview');
2206</script>
2206 2207 2208<!-- Google tag (gtag.js) 587894-->
vendor: 65 bytes, lines 2208-2209
2208 2209<script async src="https://www.googletagmanager.com/gtag/js?id=
2209G-29WFKMC7NS
vendor: 13 bytes, line 2209
2209"></script>
2210<script>
vendor: 130 bytes, lines 2211-2214
2211window.dataLayer = window.dataLayer || []; 2212function gtag(){dataLayer.push(arguments);} 2213gtag('js', new Date()); 2214gtag('config', '
2214G-29WFKMC7NS
vendor: 5 bytes, line 2214
2214');
2215</script>
2215 2216<!-- End Google Tag--> 2217 2218<!-- SiteImprove Script -->
2219<script type="text/javascript"> 2220/*<![CDATA[*/ 2221(function() { 2222var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; 2223sz.src = '//siteimproveanalytics.com/js/siteanalyze_1306700.js'; 2224var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); 2225})(); 2226/*]]>*/ 2227</script>
2227 2228<!-- End SiteImprove Script --> 2229 2230<!-- Google Tag Manager (noscript) -->
vendor: 71 bytes, lines 2230-2232
2230 2231 2232<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2232GTM-NK3DZG
vendor: 89 bytes, lines 2232-2235
2232" 2233 2234height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 2235
2236<!-- End Google Tag Manager (noscript) --> 2237 2238 2239 2240<!-- Move banner to outer wrap -->
2241<script> 2242 function moveBannerToOuterWrap() { 2243 if ($(".fixedBannerTS #bannerDivbanner1").length) { 2244 $(".fixedBannerTS #bannerDivbanner1").appendTo("#outer-wrap"); 2245 } else { 2246 setTimeout(function () { 2247 moveBannerToOuterWrap(); 2248 }, 500); 2249 } 2250 } 2251 2252 moveBannerToOuterWrap(); 2253</script>
2253 2254 2255 2256<!----------Google Translate (Mobile Friendly)---------> 2257 2258<style> 2259 #google-translate-container { 2260 float: left; 2261 padding: 3px 5px 0px 0px; 2262 position: fixed; 2263 bottom: 16px; 2264 left: 10px; 2265 z-index: 5; 2266 } 2267 2268 .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * { 2269 font-family: arial; 2270 font-size: 10pt; 2271 background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png"); 2272 background-position: 5px 5px; 2273 background-size: 18px; 2274 background-repeat: no-repeat; 2275 text-indent: 16px; 2276 background-color: #fff; 2277 color: #000 !important; 2278 } 2279 2280 .goog-logo-link { 2281 display: none !important; 2282 } 2283 2284 .goog-te-gadget { 2285 color: transparent !important; 2286 } 2287 2288 .goog-te-gadget .goog-te-combo { 2289 margin: 2px 0 !important; 2290 border-radius: 15px !important; 2291 } 2292 2293 .goog-te-combo{ 2294 border: 1px solid !important; 2295 border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important; 2296 border-radius: 50px !important; 2297 height:31px !important; 2298 padding: 0 1px 0 .25rem !important; 2299 width: 156px; 2300 } 2301 2302 #launcher-wrapper { 2303 bottom: 50px !important; 2304 } 2305 2306</style> 2307 2308<div id="google-translate-container"> 2309 <div id="google_translate_element"> 2310 </div> 2311</div> 2312
2313<script> 2314 2315 function googleTranslateElementInit() { 2316 var el = document.getElementById("google_translate_element"); 2317 if (el && el.innerHTML.trim() !== "") { 2318 return; 2319 } 2320 2321 new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); 2322 // begin accessibility compliance 2323 $('img.goog-te-gadget-icon').attr('alt','Google Translate'); 2324 $('div#goog-gt-tt div.logo img').attr('alt','translate'); 2325 $('div#goog-gt-tt .original-text').css('text-align','left'); 2326 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 2327 $('.goog-te-combo').attr('aria-label','google translate languages'); 2328 $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); 2329 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 2330 } 2331 2332 $(function() { 2333 $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); 2334 }); 2335 2336</script>
2336 2337 2338<!--------------End Google Translate-----------------> 2339
2340<script> 2341 (function () { 2342 // If you do not want to maintain aspect ratio: set to zero 2343 const aspectRatio = 1.4; 2344 const selectors = [".facebook-container1", ".facebook-container2", ".facebook-container3"]; 2345 const minWidth = 220; 2346 const maxWidth = 500; // Facebook widget will not expand past 500 2347 const minHeight = 550; 2348 const maxHeight = 550; 2349 const widthRegexp = /(width=)([0-9]+)/; 2350 const heightRegexp = /(height=)([0-9]+)/; 2351 2352 let width = 0; 2353 let height = 0; 2354 2355 function clamp__TS(num, min, max) { 2356 return Math.min(Math.max(num, min), max); 2357 } 2358 2359 function adjustFacebookContainers__TS() { 2360 for (const sel of selectors) { 2361 adjustContainer__TS(sel); 2362 } 2363 } 2364 2365 function adjustContainer__TS(selector) { 2366 const container = $(selector); 2367 const frame = $(selector + " > iframe"); 2368 if (frame === undefined || frame.length === 0) { 2369 console.warn("No facebook widget found..."); 2370 } else { 2371 const rawSrc = frame.attr("src"); 2372 const containerWidth = container.width(); 2373 2374 // Container is hidden, probably "display: none;" 2375 if (containerWidth === 0) { 2376 const parents = container.parents(); 2377 for (let i = 0; i < parents.length; i++) { 2378 const parent = $(parents[i]); 2379 if (parent.css("display") === "none") { 2380 let mobileTab = parent.siblings(); 2381 mobileTab = mobileTab[mobileTab.length - 1]; 2382 if (!mobileTab) { 2383 console.error("Warning: No mobile tab found for facebook container, returning...") 2384 return; 2385 } 2386 2387 let tabbedWidget = parents.filter(function (_, e) { 2388 return e.classList.contains("widget") && e.classList.contains("widgetTabbed"); 2389 }); 2390 2391 if (tabbedWidget.length !== 1) { 2392 console.error("Warning: No tab list found for facebook container, returning...") 2393 return; 2394 } 2395 tabbedWidget = tabbedWidget[0]; 2396 2397 let desktopTab = $(tabbedWidget).select(".tabbedWidget.cpTabs"); 2398 if (desktopTab.length !== 1) { 2399 console.error("Warning: No desktop tabs found for facebook container, returning...") 2400 return; 2401 } 2402 desktopTab = desktopTab[0]; 2403 2404 /* 2405 // Get .cpTabPanels 2406 let desktopTab = parent.parent(); 2407 // Get .cpTabs 2408 desktopTab = desktopTab.siblings(); 2409 desktopTab = desktopTab[0]; 2410 // Get the matching tab (from the mobile tab text) 2411 desktopTab = $(desktopTab).children(); 2412 desktopTab = desktopTab.filter((j, elem) => $(elem).text().trim() === $(mobileTab).text().trim())[0]; 2413 console.log(desktopTab);*/ 2414 2415 const desktopHandler = () => { adjustContainer__TS(selector); desktopTab.removeEventListener("click", desktopHandler); } 2416 const mobileHandler = () => { adjustContainer__TS(selector); mobileTab.removeEventListener("click", mobileHandler); } 2417 2418 2419 desktopTab.addEventListener("click", desktopHandler); 2420 mobileTab.addEventListener("click", mobileHandler); 2421 break; 2422 } 2423 } 2424 return; 2425 } 2426 2427 width = clamp__TS(containerWidth, minWidth, maxWidth); 2428 height = clamp__TS(Math.floor(width * aspectRatio), minHeight, maxHeight); 2429 2430 // Replace src and style on iframe 2431 try { 2432 const oldWidth = rawSrc.match(widthRegexp); 2433 const oldHeight = rawSrc.match(heightRegexp); 2434 2435 if (width === parseInt(oldWidth[2]) && height === parseInt(oldHeight[2])) { 2436 return; 2437 } 2438 2439 const newSrc = rawSrc 2440 .replace(widthRegexp, "width=" + parseInt(width)) 2441 .replace(heightRegexp, "height=" + parseInt(height)); 2442 2443 // Set attributes on frame 2444 frame.attr("src", newSrc); 2445 frame.css("width", width); 2446 frame.css("height", height); 2447 } catch (e) { 2448 console.warn("Failed replacing width & height"); 2449 console.warn(e); 2450 } 2451 } 2452 } 2453 2454 let adjustTimeoutFn; 2455 $(window).load(function () { 2456 setTimeout(function () { 2457 adjustFacebookContainers__TS(); 2458 }, 750); 2459 2460 $(window).resize(function () { 2461 clearTimeout(adjustTimeoutFn);
2462 adjustTimeoutFn = setTimeout(function () { 2463 adjustFacebookContainers__TS(); 2464 }, 750); 2465 }); 2466 2467 $.when(window.Pages.angularToolbarComplete).done(function () { 2468 adjustFacebookContainers__TS(); 2469 }); 2470 }); 2471 })(); 2472</script>
2472 2473 2474<!-- End Facebook adjust --> 2475
2476<script src="https://cdn-residentagent.civicplus.com/loader.js"></script>
vendor: 2 bytes, line 2476
2476
2477<script> 2478 window.ResidentAgentWidget.load({ 2479 agentId: 'e06500f3-97dc-4487-9e3d-5ed8df29d74f', 2480 apiUrl: 'https://residentagent-api-production.azurewebsites.net' 2481 }); 2482</script>
2482 2483 2484 2485
2485<script type="text/javascript"> 2486 $(function () { 2487 document.cookie = "responsiveGhost=0; path=/"; 2488 }); 2489 $(window).on("load", function () { 2490 $('body').addClass('doneLoading').removeClass('hideContent'); 2491 2492 if ($('#404Content').length > 0) 2493 $('div#bodyWrapper').css('padding', '0px'); 2494 }); 2495 </script>
2495 2496 2497 <noscript> 2498 <style> 2499 body.hideContent { 2500 opacity: 1 !important; 2501 } 2502 </style> 2503 </noscript> 2504 2505 2506<div style="display: none;"> 2507 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2508 2509 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2510 <title>Arrow Left</title> 2511 <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> 2512 </symbol> 2513 2514 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2515 <title>Arrow Right</title> 2516 <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> 2517 </symbol> 2518 2519 </svg> 2520</div> 2521
2521<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Arbutus+Slab:regular|Barlow:200,200italic,500,500italic,600,600italic,700,700italic,800,900,italic,regular|Barlow+Condensed:200,200italic,500,500italic,600,600italic,700,700italic,800,900,italic,regular|IM+Fell+Double+Pica:italic,regular|Libre+Baskerville:700,italic,regular|Lora:700,700italic,italic,regular|Montserrat:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Open+Sans:300,300italic,600,600italic,700,700italic,800,800italic,italic,regular|Oswald:200,300,500,600,700,regular|Raleway:500,600,700,800,regular|');</script>
2521 2522 2523 2524 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2525 <div style="display: none;"> 2526 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2527 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 2528 <title>Slideshow Left Arrow</title> 2529 <g> 2530 <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> 2531 </g> 2532 </symbol> 2533 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 2534 <title>Slideshow Right Arrow</title> 2535 <g> 2536 <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> 2537 </g> 2538 </symbol> 2539 </svg> 2540 </div> 2541 2542 2543 2544 2545 <div id="root-picker-outlet"></div>
2546<script>(function(){function c(){var b=a.contentDocument||(a.contentWindow&&a.contentWindow.document);if(b){var d=b.createElement('script');d.innerHTML="window.__CF$cv$params={r:'a4548d9b99d6d7f1',t:'MTc5MTEyMDc1MQ=='};var a=document.createElement('script');a.src='/cdn-cgi/challenge-platform/scripts/jsd/main.js';document.getElementsByTagName('head')[0].appendChild(a);";b.getElementsByTagName('head')[0].appendChild(d)}}if(document.body){var a=document.createElement('iframe');a.height=1;a.width=1;a.style.position='absolute';a.style.top=0;a.style.left=0;a.style.border='none';a.style.visibility='hidden';document.body.appendChild(a);if('loading'!==document.readyState)c();else if(window.addEventListener)document.addEventListener('DOMContentLoaded',c);else{var e=document.onreadystatechange||function(){};document.onreadystatechange=function(b){e(b);'loading'!==document.readyState&&(document.onreadystatechange=e,c())}}}})();</script>
2546</body> 2547</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.