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-FJ416FFMYG';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= true; 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 118 <meta name="category0" content="Home" /> 119 120 121 <meta name="theme-color" content="#163e6b"> 122 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 123 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 124 <title>Vero Beach, FL | Official Website</title> 125 126 <meta name="description" content=""> 127 <meta name="keywords" content="Home"> 128
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128 129
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129 130 131 132 <!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]--> 133 <!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]--> 134 <!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]--> 135 <!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]--> 136
136<script type="text/javascript"><!-- 137 var intCountryCode = 840; 138 var order = ''; 139//--></script>
139 140 141<link href="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/1359804340.css" rel="stylesheet" type="text/css" /> 142 143 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 144
144<script type="text/javascript"> 145 window.Pages = window.Pages || {}; 146 // FrontEnd RWD initialization 147 window.Pages.rwdReady = $.Deferred(); 148 window.Pages.toolBarDeferred = $.Deferred(); 149 window.Pages.rwdSetupComplete = $.Deferred(); 150 window.Pages.megaMenuLoaded = $.Deferred(); 151 window.Pages.angularToolbarComplete = $.Deferred(); 152 window.Pages.frontEndToolbarComplete = $.Deferred(); 153 </script>
153 154 <!--CPHeadContent--> 155
155<script src="/739942322.js" type="text/javascript"></script>
155 156 157 158 159 160 161 162 163 164 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 165 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 166 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 167 <!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]--> 168 169
169<script type="text/javascript"> 170 setEditorVariables(false, 840); 171 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 172 </script>
172 173
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173 174</head> 175<body class="wide " > 176 177
177<script>jQuery(document).click(function (event) { 178 var target = jQuery(event.target); 179 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 180 var text = target.attr('title'); 181 182 if (!text.length) { 183 text = "N/A"; 184 } 185 ga('send', 186 { 187 hitType: 'event', 188 eventCategory: 'Image', 189 eventAction: 'Image - ' + text, 190 eventLabel: window.location.href 191 }); 192 } 193 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 194 var text = ""; 195 if (target.parents('.button')[0]) { 196 text = target.parents('.button').first().text(); 197 } else if (target.text().length) { 198 text = target.text(); 199 } else if (target.attr('title').length) { 200 text = target.attr('title'); 201 } 202 if (!text.length) { 203 text = "N/A"; 204 } 205 ga('send', 206 { 207 hitType: 'event', 208 eventCategory: 'Button', 209 eventAction: 'Button - ' + text, 210 eventLabel: window.location.href 211 }); 212 } 213 if (target.parents('.widgetCustomHtml').length) { 214 ga('send', 215 { 216 hitType: 'event', 217 eventCategory: 'Custom Html',
218 eventAction: 'Custom Html Clicked', 219 eventLabel: window.location.href 220 }); 221 } 222 if (target.parents('.editor').length) { 223 ga('send', 224 { 225 hitType: 'event', 226 eventCategory: 'Editor', 227 eventAction: 'Editor Link Clicked', 228 eventLabel: window.location.href 229 }); 230 } 231 if (target.parents('.GraphicLinks').length) { 232 var text = ""; 233 var targetGraphicLink = target; 234 if (target.hasClass('widgetGraphicLinksLink')) { 235 targetGraphicLink = jQuery(target.children()[0]); 236 } 237 if (targetGraphicLink.hasClass('text')) { 238 text = targetGraphicLink.text(); 239 } else if (targetGraphicLink.attr('src').length) { 240 if (targetGraphicLink.attr('alt').length) { 241 text = targetGraphicLink.attr('alt'); 242 } else { 243 text = targetGraphicLink.attr('src'); 244 } 245 } else { 246 text = "N/A"; 247 } 248 ga('send', 249 { 250 hitType: 'event', 251 eventCategory: 'Graphic Links', 252 eventAction: 'Graphic Link - ' + text, 253 eventLabel: window.location.href 254 }); 255 } 256 if (target.parents('.InfoAdvanced').length) { 257 ga('send', 258 { 259 hitType: 'event', 260 eventCategory: 'Info Advanced', 261 eventAction: 'Info Advanced Clicked', 262 eventLabel: window.location.href 263 }); 264 } 265 if (target.parents('.list').length) { 266 ga('send', 267 { 268 hitType: 'event', 269 eventCategory: 'List', 270 eventAction: 'List Clicked', 271 eventLabel: window.location.href 272 }); 273 } 274 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 275 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 276 var breadCrumbs = []; 277 jQuery('.breadCrumbs > li').each(function () { 278 breadCrumbs.push(this.textContent); 279 }); 280 var pageTitle = breadCrumbs.join('>'); 281 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 282 var text = ""; 283 if (pageTitle) { 284 text += pageTitle + " | "; 285 } else { 286 text += document.title + ' - '; 287 } 288 if (target.text() == "" && megaMenuText == "") { 289 text += "N/A"; 290 } else if (target.text().length && megaMenuText.length) { 291 if (megaMenuText == target.text()) { 292 text += megaMenuText; 293 } else { 294 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 295 } 296 } else if (target.text() == "") { 297 text += megaMenuText; 298 } else { 299 text += target.text(); 300 } 301 if (!text.length) { 302 text = "N/A"; 303 } 304 ga('send', 305 { 306 hitType: 'event', 307 eventCategory: 'Mega Menu', 308 eventAction: 'Mega Menu : ' + text, 309 eventLabel: window.location.href 310 }); 311 } 312 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 313 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 314 if (!text.length) { 315 text = "N/A"; 316 } 317 ga('send', 318 { 319 hitType: 'event', 320 eventCategory: 'News Flash', 321 eventAction: 'News Flash - ' + text, 322 eventLabel: window.location.href 323 }); 324 } 325 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 326 var text = target.text(); 327 if (!text.length) { 328 text = "N/A"; 329 } 330 ga('send', 331 { 332 hitType: 'event', 333 eventCategory: 'Quick Links', 334 eventAction: 'Quick Links - ' + text, 335 eventLabel: window.location.href 336 }); 337 } 338 if (target.attr('src') && target.parents('.cpSlideshow').length) { 339 var text = target.attr('title'); 340 if (!text.length) { 341 text = "N/A"; 342 } 343 ga('send', 344 { 345 hitType: 'event', 346 eventCategory: 'Slideshow', 347 eventAction: 'Slideshow - ' + text, 348 eventLabel: window.location.href 349 }); 350 } 351 if (target.parents('.widgetText').length) { 352 ga('send', 353 { 354 hitType: 'event', 355 eventCategory: 'Text', 356 eventAction: 'Text Link Clicked', 357 eventLabel: window.location.href 358 }); 359 } 360});</script>
360 361 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 362 <div class="cp-PopOver-header"> 363 <h3 class="cp-PopOver-title"></h3> 364 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 365 <svg class="cp-Icon--close" alt="close" title="close"> 366 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 367 </svg> 368 </button> 369 </div> 370 <div id="cpPopOverBody" class="cp-PopOver-body"> 371 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 372 </div> 373 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 374 <div class="cp-BtnGroup" id="actionButtons"> 375 <!-- Action buttons will be dynamically added here --> 376 </div> 377 </div> 378</div> 379 <div id="fb-root"></div> 380<div id=skipToContentLinks> 381<a href="#cc53b4c64d-c3c9-4294-9912-71169c5a3c44" target="_self" class="skipToContentLink">Skip to Main Content</a> 382</div> 383 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 384 385 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 386 387 388 389 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 390 <input type="hidden" id="hdnStructureID" value="10" /> 391 <input type="hidden" id="hdnContentCollectionID" value="d30060f7-2f6d-4d46-83c9-6093f5caf0d2" /> 392 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 393 <input type="hidden" id="hdnThemeID" value="22" /> 394 <input type="hidden" id="pageIsFrontEnd" value="true" /> 395 <input type="hidden" id="pageModuleID" /> 396 <input type="hidden" id="pagePageID" value="1" /> 397 398 <div id="stickyPlaceholder"></div> 399 <div id="outer-wrap" class="outer-wrap"> 400 <div id="inner-wrap" class="inner-wrap"> 401 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 402 403 404 405 406<!-- Begin Signed Out Bar --> 407<div class="cpToolbar user public"> 408 <div class="inner selfClear"> 409 <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> 410 <ul class="nav secondary"> 411 <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li> 412 </ul> 413 </div> 414</div>
415<script> 416 $(document).ready(function () { 417 $('#signedOutToolbarCreateProfileButton').click(function (event) { 418 event.preventDefault(); 419 window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; 420 }); 421 422 423 $('#loggedOutToolbarSignInButton').click(function (event) { 424 event.preventDefault(); 425 window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; 426 }); 427 428 429 if ('False' == 'True') { 430 $('#loggedOutToolbarSignInButton').hide(); 431 } 432 }) 433</script>
433 434<!-- End Signed Out Bar --> 435 436 </div> 437 <div id="bodyWrapper"> 438 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 439 440<div data-cpRole="structuralContainer" id="bodyContainerTS"> 441<!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 442<div class="siteWrap3"><div data-cpRole="structuralContainer" id="headerTS"> 443<div data-cpRole="structuralContainer" id="logoContainerTS"> 444<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 445 446 447 448 449 <a id="bannerLogoTS-59" style=" display: block; text-align: center; 450" class="bannerObject" href="/" target="_self"><img alt="Home page" class="bannerObject" height="189" src="/ImageRepository/Document?documentID=6694" width="682" /></a> 451</div> 452</div><div data-cpRole="contentContainer" id="searchTS"> <div id="cccd78d905-7dd4-4837-a444-0747e14d2e9a" data-containerid="cd78d905-7dd4-4837-a444-0747e14d2e9a" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 453 454 455 <div class="row outer wide"><!-- 456--><div class="outer col col24 first last" style="" data-widgetcontainerid="e07dbaad-4f63-4ab4-9b0f-05b6edbe489e">� 457 <div class="row nest first wide">� 458 459 <div class="inner col col24 first last idcee37e29-2b49-4551-bbb5-19041b7c67ea" style="" data-widgetcontainerid="cee37e29-2b49-4551-bbb5-19041b7c67ea">� 460<div data-widget-id="2d66ab37-0c36-4527-a6f7-e760a40224c0" data-widget-controller-path="/GraphicLinks/Widget"> 461 462 463 464 465<div id="graphicLinkWidget2d66ab37-0c36-4527-a6f7-e760a40224c0" class="widget widgetGraphicLinks skin67 widgetOptionSet36 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 466 <div class="widgetHeader"> 467 <div class=""> 468 </div> 469 </div> 470 <div class="widgetBody cpGrid cpGrid2 "> 471 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 472 <div class="row autoWidths center wide"> 473 <!-- 474--><div class="col col1 first "><ul class="semanticList"><!-- 475 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/TheCityOfVeroBeach" target="_blank"> 476 477<img src="/ImageRepository/Document?documentID=6683" 478 class="graphicButtonLink" alt="Facebook (opens in new window)" 479 onmouseover="this.src='/ImageRepository/Document?documentID=6683'" 480 onmouseout="this.src='/ImageRepository/Document?documentID=6683'" 481 onfocus="this.src='/ImageRepository/Document?documentID=6683'" 482 onblur="this.src='/ImageRepository/Document?documentID=6683'"> 483</a></li><!-- 484--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 485 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 486 487<img src="/ImageRepository/Document?documentID=6693" 488 class="graphicButtonLink" alt="YouTube" 489 onmouseover="this.src='/ImageRepository/Document?documentID=6693'" 490 onmouseout="this.src='/ImageRepository/Document?documentID=6693'" 491 onfocus="this.src='/ImageRepository/Document?documentID=6693'" 492 onblur="this.src='/ImageRepository/Document?documentID=6693'"> 493</a></li><!-- 494--></ul></div><!-- --> 495 </div> 496 </nav> 497 </div> 498 <div class="widgetFooter"> 499 </div> 500</div> 501</div> 502 503 </div> <!-- inner column --> 504 505 </div> <!-- inner row --> 506 <div class="row nest last wide">� 507 508 <div class="inner col col24 first last id658feec5-e30e-4057-ae72-db6fb3b01b39" style="" data-widgetcontainerid="658feec5-e30e-4057-ae72-db6fb3b01b39">� 509<div data-widget-id="b4750dfb-d1ad-41e9-84f4-6b83731f40a2" data-widget-controller-path="/Layout/WidgetSearch"> 510 511
511<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
511 512
512<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
512 513
513<script defer type="text/javascript"> 514 515 $(document).ready(function () { 516 try { 517 // Minimum characters required before performing a search/autocomplete 518 var minPrefixLength = 3; 519 var autoCompleteDebounceDelay = 500; 520 var searchFieldSelector = "#searchField" + 'b4750dfb-d1ad-41e9-84f4-6b83731f40a2'; 521 var checkboxSelector = "#ysnSearchOnlyDept" + 'b4750dfb-d1ad-41e9-84f4-6b83731f40a2'; 522 var buttonSelector = ".widgetSearchButton" + 'b4750dfb-d1ad-41e9-84f4-6b83731f40a2'; 523 var autoCompleteCache = {}; 524 var autoCompleteCacheKeys = []; 525 var autoCompleteCacheLimit = 25; 526 var currentAutoCompleteRequest = null; 527 var currentAutoCompleteRequestKey = null; 528 var autoCompleteDebounceTimer = null; 529 var autoCompleteDebounceKey = null; 530 var pendingAutoCompleteResponses = []; 531 532 function normalizeAutoCompleteTerm(term) { 533 return $.trim((term || "") + "").replace(/\s+/g, " "); 534 } 535 536 function shouldSearch(term) { 537 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 538 } 539 540 function getAutoCompleteUrl() { 541 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 542 } 543 544 function getAutoCompleteCacheKey(requestUrl, term) { 545 return requestUrl + "|" + term.toLowerCase(); 546 } 547 548 function cacheAutoCompleteResult(cacheKey, data) { 549 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 550 autoCompleteCacheKeys.push(cacheKey); 551 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 552 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 553 } 554 } 555 autoCompleteCache[cacheKey] = data; 556 } 557 558 function respondToPendingAutoComplete(data) { 559 var responses = pendingAutoCompleteResponses; 560 pendingAutoCompleteResponses = []; 561 for (var i = 0; i < responses.length; i++) { 562 responses[i](data); 563 } 564 } 565 566 function cancelPendingAutoComplete() { 567 clearTimeout(autoCompleteDebounceTimer); 568 autoCompleteDebounceKey = null; 569 if (currentAutoCompleteRequest != null) { 570 currentAutoCompleteRequest.abort(); 571 currentAutoCompleteRequest = null; 572 } 573 currentAutoCompleteRequestKey = null; 574 respondToPendingAutoComplete([]); 575 } 576 577 function createWidgetAutoCompleteSource(options) { 578 return function (request, response) { 579 var term = normalizeAutoCompleteTerm(request.term); 580 if (!options.shouldSearch(term)) { 581 response([]); 582 return; 583 } 584 585 var requestUrl = options.url(); 586 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 587 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 588 response(autoCompleteCache[cacheKey]); 589 if (options.success) { 590 options.success(autoCompleteCache[cacheKey]); 591 } 592 return; 593 } 594 595 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 596 pendingAutoCompleteResponses.push(response); 597 return; 598 } 599 600 cancelPendingAutoComplete(); 601 autoCompleteDebounceKey = cacheKey; 602 pendingAutoCompleteResponses.push(response); 603 autoCompleteDebounceTimer = setTimeout(function () { 604 autoCompleteDebounceKey = null; 605 currentAutoCompleteRequestKey = cacheKey; 606 currentAutoCompleteRequest = $.ajax({ 607 url: requestUrl, 608 dataType: "json", 609 timeout: options.timeout, 610 data: { 611 term: term, 612 }, 613 success: function (data) { 614 if (currentAutoCompleteRequestKey === cacheKey) { 615 cacheAutoCompleteResult(cacheKey, data); 616 respondToPendingAutoComplete(data); 617 if (options.success) { 618 options.success(data); 619 } 620 } 621 }, 622 error: function (xmlhttprequest, textstatus, message) { 623 if (textstatus === "abort") { 624 return; 625 } 626 627 if (options.error) { 628 options.error(xmlhttprequest, textstatus, message); 629 } 630 631 respondToPendingAutoComplete([]); 632 }, 633 complete: function (xmlhttprequest) { 634 if (currentAutoCompleteRequest === xmlhttprequest) { 635 currentAutoCompleteRequest = null;
636 currentAutoCompleteRequestKey = null; 637 } 638 } 639 }); 640 }, options.delay); 641 }; 642 } 643 644 // click handler for search buttons 645 $(buttonSelector).click(function (e) { 646 e.preventDefault(); 647 var $btn = $(this); 648 var $field = $btn.siblings(".widgetSearchBox"); 649 var term = $field.val() + ""; 650 if (!shouldSearch(term)) { 651 // do nothing until user types enough characters 652 $field.focus(); 653 return; 654 } 655 656 if ($(checkboxSelector).is(':checked') || false) 657 { 658 doWidgetSearch($.trim(term), Number(0)); 659 } 660 else { 661 doWidgetSearch($.trim(term), 0); 662 } 663 }); 664 665 // enter key handler for the search field 666 $(searchFieldSelector).keypress(function (e) { 667 var code = e.which || e.keyCode; 668 if (code === 13) { 669 e.preventDefault(); 670 var $this = $(this); 671 var term = $this.val() + ""; 672 if (!shouldSearch(term)) { 673 // do nothing until user types enough characters 674 $this.focus(); 675 return false; 676 } 677 678 if ($(checkboxSelector).is(':checked') || false) { 679 doWidgetSearch($.trim(term), Number(0)); 680 } else { 681 doWidgetSearch($.trim(term), 0); 682 } 683 return false; 684 } 685 return true; 686 }); 687 688 // autocomplete: set minLength and guard source 689 if (true) { 690 var $searchField = $(searchFieldSelector).autocomplete({ 691 minLength: minPrefixLength, 692 source: createWidgetAutoCompleteSource({ 693 delay: autoCompleteDebounceDelay, 694 timeout: 10000, 695 shouldSearch: shouldSearch, 696 url: getAutoCompleteUrl, 697 success: function () { 698 $('.autoCompleteError').remove(); 699 }, 700 error: function (xmlhttprequest, textstatus, message) { 701 if (textstatus === "timeout") { 702 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 703 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 704 } 705 } 706 }), 707 html: true, 708 delay: 0, 709 select: function (event, ui) { 710 $(this).val(ui.item.value); 711 $(this).next().click(); 712 } 713 }); 714 715 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 716 return $("<li class=\"itemList\"></li>") 717 .data("ui-autocomplete-item", item) 718 .append("<a>" + item.label + "</a>") 719 .appendTo(ul); 720 }; 721 } 722 723 // keep searchBtnApplyQuery consistent with prefix rule 724 window.searchBtnApplyQuery = function() { 725 var $field = $(searchFieldSelector); 726 var term = $field.val() + ""; 727 if (shouldSearch(term)) { 728 // update href for the icon/button (if present) 729 var btn = document.getElementById("btnSearchIcon"); 730 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 731 } else { 732 var btn = document.getElementById("btnSearchIcon"); 733 if (btn) btn.href = "#"; 734 } 735 }; 736 } 737 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. 738 }); 739 </script>
739 740 741 <section id="widgetPreviewSearch" class="widget widgetSearch skin68 widgetOptionSet35" style="display: block;" aria-label="Search"> 742 <!-- For the button right and inside --> 743 <div class="widgetBody buttonRightInside"> 744 <input class="widgetSearchBox widgetSearchBoxb4750dfb-d1ad-41e9-84f4-6b83731f40a2" cp5ph="true" id="searchFieldb4750dfb-d1ad-41e9-84f4-6b83731f40a2" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Searchâ¦" type="text" value="" /> 745 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonb4750dfb-d1ad-41e9-84f4-6b83731f40a2" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=6681" data-image="/ImageRepository/Document?documentID=6682" src="/ImageRepository/Document?documentID=6682" /></a> 746 747 <label class="searchLabel" aria-hidden="true" for="searchFieldb4750dfb-d1ad-41e9-84f4-6b83731f40a2">Search</label> 748 </div> 749 750 </section> 751 752 753<style scoped> 754 755 .widgetSearch ::-webkit-input-placeholder { 756 color: #132E4E; 757 } 758 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 759 color: #132E4E; 760 } 761 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 762 color: #132E4E; 763 } 764 .widgetSearch :-ms-input-placeholder { 765 color: #132E4E; 766 } 767 768 769 .widgetSearch .widgetBody .widgetSearchBoxb4750dfb-d1ad-41e9-84f4-6b83731f40a2 770 { 771 color: #333333; 772 background: #F2F2F2; 773border: 0; 774height: 70px; 775border-radius: 35px; 776padding: 0 70px 0 24px; 777font-family: Montserrat; 778font-size: 1em; 779 780 } 781 .widgetSearch .widgetBody .widgetSearchButtonb4750dfb-d1ad-41e9-84f4-6b83731f40a2 782 { 783 margin: 4px 4px 0 0; 784 } 785 .widgetSearch .widgetSearch-onlyDeptb4750dfb-d1ad-41e9-84f4-6b83731f40a2 786 { 787 display: inline-block; 788 color: #333; 789 790 791 padding-top: 10px; 792 } 793 #ysnSearchOnlyDeptb4750dfb-d1ad-41e9-84f4-6b83731f40a2 794 { 795 position: relative; 796 top: .125em; 797 } 798 799</style> 800 801<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 802<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 803 804 805
806<script type="text/javascript"> 807 //Updates search icons href to have the correct queryString 808 function searchBtnApplyQuery() { 809 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldb4750dfb-d1ad-41e9-84f4-6b83731f40a2").value; 810 } 811</script>
811 812 813</div> 814 815 </div> <!-- inner column --> 816 817 </div> <!-- inner row --> 818 819 </div><!-- outer column --><!-- --></div> <!-- outer row --> 820 821 822 </div> 823</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> 824<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 825--><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 826 --><!-- 827 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavFAQ" class="navMainItem mainNavItem mainNavItem1 " href="/9/FAQ" target = "_self" > FAQ </a> <!-- 828 --><!-- 829 --></li><!----><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 830 --><!-- 831 --> <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> <!-- 832 --><!-- 833 --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- 834 --><!-- 835 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem3 " href="/101/Departments" target = "_self" > Departments </a> <!-- 836 --><!-- 837 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 838 --><!-- 839 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavResidents" class="navMainItem mainNavItem mainNavItem4 " href="/31/Residents" target = "_self" > Residents </a> <!-- 840 --><!-- 841 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 842 --><!-- 843 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavVisitors" class="navMainItem mainNavItem mainNavItem5 " href="/35/Visitors" target = "_self" > Visitors </a> <!-- 844 --><!-- 845 --></li><!----> 846</ol> 847 848 849
849<script type="text/javascript"> 850 (function () { 851 function setupMenu() { 852 const menuID = 'mainNavMenu'; 853 const menuType = MAIN_MENU; 854 855 //setup menu manager properties for main menu 856 if (!menuManager.mobileMainNav && true) 857 menuManager.adjustMainItemsWidth('#' + menuID); 858 menuManager.isMainMenuEditable = false; 859 menuManager.mainMenuMaxSubMenuLevels = 4; 860 menuManager.setMOMMode(2, menuType); 861 862 //Init main menu 863 const setupDraggable = menuManager.isMainMenuEditable; 864 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=22&menuContainerID=mainNav'; 865 866 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 867 menuManager.mainMenuInit = true; 868 menuManager.mainMenuTextResizer = true; 869 if (0.99 > 0) 870 menuManager.mainMenuTextResizerRatio = 0.99; 871 if (window.isResponsiveEnabled) 872 menuManager.mainMenuReady.resolve(); 873 874 } 875 876 if (document.readyState === "complete" 877 || document.readyState === "loaded" 878 || document.readyState === "interactive") { 879 setupMenu(); 880 return; 881 } 882 883 document.addEventListener("DOMContentLoaded", setupMenu); 884 })(); 885 </script>
885 886 887 888<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="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc8d165ef8-af30-4888-87de-7d46bf22c8cb" data-containerid="8d165ef8-af30-4888-87de-7d46bf22c8cb" class="pageContent cpGrid cpGrid24"> 889 890 891 892 893 </div> 894</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="ccdf0c9795-b61b-45af-8d29-82e3e7825562" data-containerid="df0c9795-b61b-45af-8d29-82e3e7825562" class="pageContent cpGrid cpGrid24"> 895 896 897 898 899 </div> 900</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cce18cd54e-8ee4-4e22-9339-5cae711def4e" data-containerid="e18cd54e-8ee4-4e22-9339-5cae711def4e" class="pageContent cpGrid cpGrid24"> 901 902 903 904 905 </div> 906</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc2afe4976-a166-4654-9d99-cae1b2eb9ca3" data-containerid="2afe4976-a166-4654-9d99-cae1b2eb9ca3" class="pageContent cpGrid cpGrid24"> 907 908 909 910 911 </div> 912</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="cc02c9491e-1863-42be-a0f1-42fd166fa254" data-containerid="02c9491e-1863-42be-a0f1-42fd166fa254" class="pageContent cpGrid cpGrid24"> 913 914 915 916 917 </div> 918</aside></aside></nav> 919</div></div> 920</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 921<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 922<div data-cpRole="structuralContainer" id="bannerContentTS"> 923<div class="siteWrap3"><div data-cpRole="contentContainer" id="contentTS"> <div id="ccb945380c-a023-4ee1-b05e-acb7aa331ca8" data-containerid="b945380c-a023-4ee1-b05e-acb7aa331ca8" class="pageContent cpGrid cpGrid24 showInMobile"> 924 925 926 927 928 </div> 929</div></div> 930</div> 931</div> 932 933 934 935 936 <div id="bannerImagesJSON58" class="hidden"></div> 937 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 938 <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> 939 <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> 940 </div> 941
941<script type="text/javascript"> 942 $(window).on("load", function () { 943 $.when(window.Pages.rwdSetupComplete) 944 .done(function () { 945 renderExternalBannerSlideshow('banner1', 946 {"BannerOptionID":58,"ThemeID":22,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":94,"BannerOptionID":58,"FileName":"/ImageRepository/Document?documentID=6760","Height":500,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":95,"BannerOptionID":58,"FileName":"/ImageRepository/Document?documentID=6761","Height":500,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":96,"BannerOptionID":58,"FileName":"/ImageRepository/Document?documentID=6762","Height":500,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 947 '/App_Themes/2023 - Home/Images/', 948 'Rotating'); 949 }); 950 }); 951 </script>
951 952 953</div> 954</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 955<div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> 956<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> 957<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 958<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
958<script type='text/javascript'>$('#breadCrumbs').hide();</script>
958</div><div data-cpRole="mainContentContainer" id="moduleContent"> 959 960 <div id="page" class="moduleContentNew"> 961 962 963 <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> 964 <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> 965 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="4824" /> 966 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> 967 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> 968 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 969 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 970 971 972 <div id="cc53b4c64d-c3c9-4294-9912-71169c5a3c44" data-containerid="53b4c64d-c3c9-4294-9912-71169c5a3c44" class="pageContent cpGrid cpGrid24" > 973 974 975 <div class="row outer wide"><!-- 976--><div class="outer col col24 first last" style="" data-widgetcontainerid="29dcd1a1-d157-438d-aeee-36fde983bcbc">� 977 <div class="row nest first last wide">� 978 979 <div class="inner col col24 first last idb5909c9b-526a-4bcb-8804-3a612c7a5ee2" style="" data-widgetcontainerid="b5909c9b-526a-4bcb-8804-3a612c7a5ee2">� 980<div class="widget editor pageStyles narrow" id="divEditor936ce34a-1cb7-4c53-964b-68074a25beaa" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> 981 <div class="fr-view"> 982 983 984 <h2 class="subhead1" style="text-align: center;" aria-hidden="true" tabindex="-1" role="presentation"><br></h2><h2 class="subhead1" style="text-align: center;"><a href="/161/Election-Information" style="color: rgb(44, 130, 201);"><span style="color: rgb(44, 130, 201);"><strong>City of Vero Beach City Council Candidates 2026 Election</strong></span></a><span style="color: rgb(44, 130, 201);"><strong> </strong></span></h2><p><br></p> 985 </div> 986
987<script type="text/javascript"> 988 $(document).ready(function (e) { 989 renderSlideshowIfApplicable($('#divEditor' + '936ce34a-1cb7-4c53-964b-68074a25beaa')); 990 }); 991</script>
991 992</div> 993 994 </div> <!-- inner column --> 995 996 </div> <!-- inner row --> 997 998 </div><!-- outer column --><!-- --></div> <!-- outer row --> 999 1000 1001 </div> 1002 1003 </div> 1004 1005 1006 <div class="newCP"> 1007 1008 </div> 1009</div> 1010</div> 1011</div> 1012</div></div> 1013</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1014<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccd35d9ec5-530d-42c7-9aac-63ec0886ea46" data-containerid="d35d9ec5-530d-42c7-9aac-63ec0886ea46" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="80"> 1015 1016 1017 <div class="row outer wide"><!-- 1018--><div class="outer col col7 first" style="" data-widgetcontainerid="8b03e24e-a9e8-408d-9213-0817111092c2">� 1019 <div class="row nest first last wide">� 1020 1021 <div class="inner col col7 first last id4371f178-da8f-4aa1-a747-6fb666d6fa3a" style="" data-widgetcontainerid="4371f178-da8f-4aa1-a747-6fb666d6fa3a">� 1022<div data-widget-id="8e99a216-e5bd-4d13-9c5d-bd5b7e3226d4" data-widget-controller-path="/GraphicLinks/Widget"> 1023 1024 1025 1026 1027<div id="graphicLinkWidget8e99a216-e5bd-4d13-9c5d-bd5b7e3226d4" class="widget widgetGraphicLinks skin65 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1028 <div class="widgetHeader"> 1029 <div class=""> 1030 </div> 1031 </div> 1032 <div class="widgetBody cpGrid cpGrid2 "> 1033 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1034 <div class="row wide"> 1035 <!-- 1036--><div class="col col1 first "><ul class="semanticList"><!-- 1037 --><li class="widgetItem GraphicLinks"> 1038 1039<div> 1040 <a href="/AgendaCenter" target="_self" class="fancyButton fancyButton173 " > 1041 <span> 1042 <span><span class="text">Agendas & Minutes</span></span> 1043 </span> 1044 </a> 1045</div> 1046 <style scoped="scoped">.fancyButton173.fancyButton:link,.fancyButton173.fancyButton:visited, .fancyButton173div.fancyButton{ 1047 background-image: url('/ImageRepository/Document?documentID=6756'); 1048 background-repeat: no-repeat; 1049 background-position: center top; 1050} 1051.fancyButton173.fancyButton:hover,.fancyButton173.fancyButton:focus,.fancyButton173.fancyButton:active,.fancyButton173.fancyButton.hover{ 1052 background-image: url('/ImageRepository/Document?documentID=6755'); 1053 background-repeat: no-repeat; 1054 background-position: center top; 1055-webkit-transition: background-image 0.2s ease-in-out; 1056transition: background-image 0.2s ease-in-out;} 1057.fancyButton173.fancyButton:link > span,.fancyButton173.fancyButton:visited > span, .fancyButton173div.fancyButton > span{ 1058} 1059.fancyButton173.fancyButton:hover > span,.fancyButton173.fancyButton:focus > span,.fancyButton173.fancyButton:active > span,.fancyButton173.fancyButton.hover > span{ 1060} 1061.fancyButton173.fancyButton .text{ 1062 color: #383838; 1063 font-size: 1.25em; 1064 font-family: "Montserrat"; 1065 padding-top: 95px; 1066 font-weight: 700; 1067 text-decoration: none; 1068 padding-top: 95px; 1069 background-repeat: no-repeat; 1070 background-position: center top; 1071 1072 1073} 1074.fancyButton173.fancyButton:hover .text,.fancyButton173.fancyButton:focus .text,.fancyButton173.fancyButton:active .text,.fancyButton173.fancyButton.hover .text{ 1075 text-decoration: underline; 1076 background-repeat: no-repeat; 1077 background-position: left center; 1078 1079 1080} 1081</style> 1082 1083 </li><!-- 1084--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1085 --><li class="widgetItem GraphicLinks"> 1086 1087<div> 1088 <a href="https://www.verobeachairport.com/" target="_self" class="fancyButton fancyButton198 " > 1089 <span> 1090 <span><span class="text">Airport</span></span> 1091 </span> 1092 </a> 1093</div> 1094 <style scoped="scoped">.fancyButton198.fancyButton:link,.fancyButton198.fancyButton:visited, .fancyButton198div.fancyButton{ 1095 background-image: url('/ImageRepository/Document?documentID=6743'); 1096 background-repeat: no-repeat; 1097 background-position: center top; 1098} 1099.fancyButton198.fancyButton:hover,.fancyButton198.fancyButton:focus,.fancyButton198.fancyButton:active,.fancyButton198.fancyButton.hover{ 1100 background-image: url('/ImageRepository/Document?documentID=6749'); 1101 background-repeat: no-repeat; 1102 background-position: center top; 1103-webkit-transition: background-image 0.2s ease-in-out; 1104transition: background-image 0.2s ease-in-out;} 1105.fancyButton198.fancyButton:link > span,.fancyButton198.fancyButton:visited > span, .fancyButton198div.fancyButton > span{ 1106} 1107.fancyButton198.fancyButton:hover > span,.fancyButton198.fancyButton:focus > span,.fancyButton198.fancyButton:active > span,.fancyButton198.fancyButton.hover > span{ 1108} 1109.fancyButton198.fancyButton .text{ 1110 color: #383838; 1111 font-size: 1.25em; 1112 font-family: "Montserrat"; 1113 padding-top: 95px; 1114 font-weight: 700; 1115 text-decoration: none; 1116 padding-top: 95px; 1117 background-repeat: no-repeat; 1118 background-position: center top; 1119 1120 1121} 1122.fancyButton198.fancyButton:hover .text,.fancyButton198.fancyButton:focus .text,.fancyButton198.fancyButton:active .text,.fancyButton198.fancyButton.hover .text{ 1123 text-decoration: underline; 1124 background-repeat: no-repeat; 1125 background-position: left center; 1126 1127 1128} 1129</style> 1130 1131 </li><!-- 1132--></ul></div><!-- --> 1133 </div> 1134 </nav> 1135 </div> 1136 <div class="widgetFooter"> 1137 </div> 1138</div> 1139</div> 1140 1141 </div> <!-- inner column --> 1142 1143 </div> <!-- inner row --> 1144 1145 </div><!-- outer column --><!----><div class="outer col col10" style="" data-widgetcontainerid="5b21d71c-23e6-4605-beb1-7d8242426d21">� 1146 <div class="row nest first last wide">� 1147 1148 <div class="inner col col10 first last id908700d2-dee6-48b6-a986-d8cec7fb95ae" style="" data-widgetcontainerid="908700d2-dee6-48b6-a986-d8cec7fb95ae">� 1149<div data-widget-id="5a12b2e1-74c8-42b8-aa8c-7666b18a4e02" data-widget-controller-path="/GraphicLinks/Widget"> 1150 1151 1152 1153 1154<div id="graphicLinkWidget5a12b2e1-74c8-42b8-aa8c-7666b18a4e02" class="widget widgetGraphicLinks skin65 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1155 <div class="widgetHeader"> 1156 <div class="">
1157 </div> 1158 </div> 1159 <div class="widgetBody cpGrid cpGrid3 "> 1160 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1161 <div class="row wide"> 1162 <!-- 1163--><div class="col col1 first "><ul class="semanticList"><!-- 1164 --><li class="widgetItem GraphicLinks"> 1165 1166<div> 1167 <a href="/341/CTYVB-13---City-of-Vero-Beach-Official-T" target="_self" class="fancyButton fancyButton199 " > 1168 <span> 1169 <span><span class="text">Channel 13</span></span> 1170 </span> 1171 </a> 1172</div> 1173 <style scoped="scoped">.fancyButton199.fancyButton:link,.fancyButton199.fancyButton:visited, .fancyButton199div.fancyButton{ 1174 background-image: url('/ImageRepository/Document?documentID=6744'); 1175 background-repeat: no-repeat; 1176 background-position: center top; 1177} 1178.fancyButton199.fancyButton:hover,.fancyButton199.fancyButton:focus,.fancyButton199.fancyButton:active,.fancyButton199.fancyButton.hover{ 1179 background-image: url('/ImageRepository/Document?documentID=6750'); 1180 background-repeat: no-repeat; 1181 background-position: center top; 1182-webkit-transition: background-image 0.2s ease-in-out; 1183transition: background-image 0.2s ease-in-out;} 1184.fancyButton199.fancyButton:link > span,.fancyButton199.fancyButton:visited > span, .fancyButton199div.fancyButton > span{ 1185} 1186.fancyButton199.fancyButton:hover > span,.fancyButton199.fancyButton:focus > span,.fancyButton199.fancyButton:active > span,.fancyButton199.fancyButton.hover > span{ 1187} 1188.fancyButton199.fancyButton .text{ 1189 color: #383838; 1190 font-size: 1.25em; 1191 font-family: "Montserrat"; 1192 padding-top: 95px; 1193 font-weight: 700; 1194 text-decoration: none; 1195 padding-top: 95px; 1196 background-repeat: no-repeat; 1197 background-position: center top; 1198 1199 1200} 1201.fancyButton199.fancyButton:hover .text,.fancyButton199.fancyButton:focus .text,.fancyButton199.fancyButton:active .text,.fancyButton199.fancyButton.hover .text{ 1202 text-decoration: underline; 1203 background-repeat: no-repeat; 1204 background-position: left center; 1205 1206 1207} 1208</style> 1209 1210 </li><!-- 1211--></ul></div><!----><div class="col col1 "><ul class="semanticList"><!-- 1212 --><li class="widgetItem GraphicLinks"> 1213 1214<div> 1215 <a href="https://covb.maps.arcgis.com/apps/instant/filtergallery/index.html?appid=9f308a4a69714c45a62c07b4f30a88e3" target="_blank" class="fancyButton fancyButton200 " aria-label="GIS Maps Opens in new window"> 1216 <span> 1217 <span><span class="text">GIS Maps</span></span> 1218 </span> 1219 </a> 1220</div> 1221 <style scoped="scoped">.fancyButton200.fancyButton:link,.fancyButton200.fancyButton:visited, .fancyButton200div.fancyButton{ 1222 background-image: url('/ImageRepository/Document?documentID=6757'); 1223 background-repeat: no-repeat; 1224 background-position: center top; 1225} 1226.fancyButton200.fancyButton:hover,.fancyButton200.fancyButton:focus,.fancyButton200.fancyButton:active,.fancyButton200.fancyButton.hover{ 1227 background-image: url('/ImageRepository/Document?documentID=6745'); 1228 background-repeat: no-repeat; 1229 background-position: center top; 1230-webkit-transition: background-image 0.2s ease-in-out; 1231transition: background-image 0.2s ease-in-out;} 1232.fancyButton200.fancyButton:link > span,.fancyButton200.fancyButton:visited > span, .fancyButton200div.fancyButton > span{ 1233} 1234.fancyButton200.fancyButton:hover > span,.fancyButton200.fancyButton:focus > span,.fancyButton200.fancyButton:active > span,.fancyButton200.fancyButton.hover > span{ 1235} 1236.fancyButton200.fancyButton .text{ 1237 color: #383838; 1238 font-size: 1.25em; 1239 font-family: "Montserrat"; 1240 padding-top: 95px; 1241 font-weight: 700; 1242 text-decoration: none; 1243 padding-top: 95px; 1244 background-repeat: no-repeat; 1245 background-position: center top; 1246 1247 1248} 1249.fancyButton200.fancyButton:hover .text,.fancyButton200.fancyButton:focus .text,.fancyButton200.fancyButton:active .text,.fancyButton200.fancyButton.hover .text{ 1250 text-decoration: underline; 1251 background-repeat: no-repeat; 1252 background-position: left center; 1253 1254 1255} 1256</style> 1257 1258 </li><!-- 1259--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1260 --><li class="widgetItem GraphicLinks"> 1261 1262<div> 1263 <a href="https://www.governmentjobs.com/careers/covb" target="_blank" class="fancyButton fancyButton201 " aria-label="Jobs COVB Opens in new window"> 1264 <span> 1265 <span><span class="text">Jobs COVB</span></span> 1266 </span> 1267 </a> 1268</div> 1269 <style scoped="scoped">.fancyButton201.fancyButton:link,.fancyButton201.fancyButton:visited, .fancyButton201div.fancyButton{ 1270 background-image: url('/ImageRepository/Document?documentID=6752'); 1271 background-repeat: no-repeat; 1272 background-position: center top; 1273} 1274.fancyButton201.fancyButton:hover,.fancyButton201.fancyButton:focus,.fancyButton201.fancyButton:active,.fancyButton201.fancyButton.hover{ 1275 background-image: url('/ImageRepository/Document?documentID=6746'); 1276 background-repeat: no-repeat; 1277 background-position: center top; 1278-webkit-transition: background-image 0.2s ease-in-out; 1279transition: background-image 0.2s ease-in-out;} 1280.fancyButton201.fancyButton:link > span,.fancyButton201.fancyButton:visited > span, .fancyButton201div.fancyButton > span{ 1281} 1282.fancyButton201.fancyButton:hover > span,.fancyButton201.fancyButton:focus > span,.fancyButton201.fancyButton:active > span,.fancyButton201.fancyButton.hover > span{ 1283} 1284.fancyButton201.fancyButton .text{ 1285 color: #383838; 1286 font-size: 1.25em; 1287 font-family: "Montserrat"; 1288 padding-top: 95px; 1289 font-weight: 700; 1290 text-decoration: none; 1291 padding-top: 95px; 1292 background-repeat: no-repeat; 1293 background-position: center top; 1294 1295 1296} 1297.fancyButton201.fancyButton:hover .text,.fancyButton201.fancyButton:focus .text,.fancyButton201.fancyButton:active .text,.fancyButton201.fancyButton.hover .text{ 1298 text-decoration: underline; 1299 background-repeat: no-repeat; 1300 background-position: left center; 1301 1302 1303} 1304</style> 1305 1306 </li><!-- 1307--></ul></div><!-- --> 1308 </div> 1309 </nav> 1310 </div> 1311 <div class="widgetFooter"> 1312 </div> 1313</div> 1314</div> 1315 1316 </div> <!-- inner column --> 1317 1318 </div> <!-- inner row --> 1319 1320 </div><!-- outer column --><!----><div class="outer col col7 last" style="" data-widgetcontainerid="99608af9-6aa6-492f-a254-c695a478c30e">� 1321 <div class="row nest first last wide">� 1322 1323 <div class="inner col col7 first last id521d4c6e-971b-4fbe-9467-41c4101d961b" style="" data-widgetcontainerid="521d4c6e-971b-4fbe-9467-41c4101d961b">� 1324<div data-widget-id="3bfbbd9e-8f77-48a5-80d8-fab55f776117" data-widget-controller-path="/GraphicLinks/Widget"> 1325 1326 1327 1328 1329<div id="graphicLinkWidget3bfbbd9e-8f77-48a5-80d8-fab55f776117" class="widget widgetGraphicLinks skin65 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:23em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1330 <div class="widgetHeader"> 1331 <div class="">
1332 </div> 1333 </div> 1334 <div class="widgetBody cpGrid cpGrid2 "> 1335 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1336 <div class="row wide"> 1337 <!-- 1338--><div class="col col1 first "><ul class="semanticList"><!-- 1339 --><li class="widgetItem GraphicLinks"> 1340 1341<div> 1342 <a href="https://www.vbpd.org/" target="_self" class="fancyButton fancyButton202 " > 1343 <span> 1344 <span><span class="text">Police</span></span> 1345 </span> 1346 </a> 1347</div> 1348 <style scoped="scoped">.fancyButton202.fancyButton:link,.fancyButton202.fancyButton:visited, .fancyButton202div.fancyButton{ 1349 background-image: url('/ImageRepository/Document?documentID=6753'); 1350 background-repeat: no-repeat; 1351 background-position: center top; 1352} 1353.fancyButton202.fancyButton:hover,.fancyButton202.fancyButton:focus,.fancyButton202.fancyButton:active,.fancyButton202.fancyButton.hover{ 1354 background-image: url('/ImageRepository/Document?documentID=6747'); 1355 background-repeat: no-repeat; 1356 background-position: center top; 1357-webkit-transition: background-image 0.2s ease-in-out; 1358transition: background-image 0.2s ease-in-out;} 1359.fancyButton202.fancyButton:link > span,.fancyButton202.fancyButton:visited > span, .fancyButton202div.fancyButton > span{ 1360} 1361.fancyButton202.fancyButton:hover > span,.fancyButton202.fancyButton:focus > span,.fancyButton202.fancyButton:active > span,.fancyButton202.fancyButton.hover > span{ 1362} 1363.fancyButton202.fancyButton .text{ 1364 color: #383838; 1365 font-size: 1.25em; 1366 font-family: "Montserrat"; 1367 padding-top: 95px; 1368 font-weight: 700; 1369 text-decoration: none; 1370 padding-top: 95px; 1371 background-repeat: no-repeat; 1372 background-position: center top; 1373 1374 1375} 1376.fancyButton202.fancyButton:hover .text,.fancyButton202.fancyButton:focus .text,.fancyButton202.fancyButton:active .text,.fancyButton202.fancyButton.hover .text{ 1377 text-decoration: underline; 1378 background-repeat: no-repeat; 1379 background-position: left center; 1380 1381 1382} 1383</style> 1384 1385 </li><!-- 1386--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1387 --><li class="widgetItem GraphicLinks"> 1388 1389<div> 1390 <a href="/206/Recreation-Department" target="_self" class="fancyButton fancyButton203 " > 1391 <span> 1392 <span><span class="text">Recreation</span></span> 1393 </span> 1394 </a> 1395</div> 1396 <style scoped="scoped">.fancyButton203.fancyButton:link,.fancyButton203.fancyButton:visited, .fancyButton203div.fancyButton{ 1397 background-image: url('/ImageRepository/Document?documentID=6754'); 1398 background-repeat: no-repeat; 1399 background-position: center top; 1400} 1401.fancyButton203.fancyButton:hover,.fancyButton203.fancyButton:focus,.fancyButton203.fancyButton:active,.fancyButton203.fancyButton.hover{ 1402 background-image: url('/ImageRepository/Document?documentID=6748'); 1403 background-repeat: no-repeat; 1404 background-position: center top; 1405-webkit-transition: background-image 0.2s ease-in-out; 1406transition: background-image 0.2s ease-in-out;} 1407.fancyButton203.fancyButton:link > span,.fancyButton203.fancyButton:visited > span, .fancyButton203div.fancyButton > span{ 1408} 1409.fancyButton203.fancyButton:hover > span,.fancyButton203.fancyButton:focus > span,.fancyButton203.fancyButton:active > span,.fancyButton203.fancyButton.hover > span{ 1410} 1411.fancyButton203.fancyButton .text{ 1412 color: #383838; 1413 font-size: 1.25em; 1414 font-family: "Montserrat"; 1415 padding-top: 95px; 1416 font-weight: 700; 1417 text-decoration: none; 1418 padding-top: 95px; 1419 background-repeat: no-repeat; 1420 background-position: center top; 1421 1422 1423} 1424.fancyButton203.fancyButton:hover .text,.fancyButton203.fancyButton:focus .text,.fancyButton203.fancyButton:active .text,.fancyButton203.fancyButton.hover .text{ 1425 text-decoration: underline; 1426 background-repeat: no-repeat; 1427 background-position: left center; 1428 1429 1430} 1431</style> 1432 1433 </li><!-- 1434--></ul></div><!-- --> 1435 </div> 1436 </nav> 1437 </div> 1438 <div class="widgetFooter"> 1439 </div> 1440</div> 1441</div> 1442 1443 </div> <!-- inner column --> 1444 1445 </div> <!-- inner row --> 1446 1447 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1448 1449 1450 </div> 1451</div></div> 1452</div><!-- Tile Buttons --><div data-cpRole="structuralContainer" id="homeContainer1"> 1453<div class="siteWrap"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="cce6acca99-8d74-4386-ba4e-31f2fe62c7fe" data-containerid="e6acca99-8d74-4386-ba4e-31f2fe62c7fe" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="80"> 1454 1455 1456 <div class="row outer wide"><!-- 1457--><div class="outer col col24 first last" style="" data-widgetcontainerid="accd1874-3986-4502-9897-6104462d454d">� 1458 <div class="row nest first last wide">� 1459 1460 <div class="inner col col24 first last id9234d47e-c929-48ca-8a17-bf749f7ffc85" style="" data-widgetcontainerid="9234d47e-c929-48ca-8a17-bf749f7ffc85">� 1461 <div data-widget-id="61a02a1f-8cb0-477a-8f38-95d114875d6a" data-widget-controller-path="/InfoAdvanced/Widget"> 1462 1463 1464 1465 1466 1467 <section id="divInfoAdv61a02a1f-8cb0-477a-8f38-95d114875d6a" class="widget widgetInfoAdvanced skin71 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1468 <header class="widgetHeader" id="header61a02a1f-8cb0-477a-8f38-95d114875d6a"> 1469 <div class=""> 1470 </div> 1471 </header> 1472 <div class="widgetBody cpGrid cpGrid1 "> 1473 <div class="row wide"> 1474 <div class="col col1 first last"> 1475 <ol class="pageStyles semanticList"> 1476 1477<li class="InfoAdvanced widgetItem fr-view"> 1478 <h1 class="headline" style="text-align: center;">VERO BEACH SPOTLIGHTS</h1><p style="text-align: center;">QUICKLY FIND WHAT YOU’RE LOOKING FOR</p> 1479</li> </ol> 1480 </div> 1481 </div> 1482 </div> 1483 <div class="widgetFooter"> 1484 1485 </div> 1486 1487 </section> 1488 1489 1490
1491<script type="text/javascript"> 1492 //Render slideshow if info advacned items contain one. 1493 $(document).ready(function (e) { 1494 $('#divInfoAdv61a02a1f-8cb0-477a-8f38-95d114875d6a .InfoAdvanced.widgetItem').each(function () { 1495 renderSlideshowIfApplicable($(this)); 1496 }); 1497 }); 1498</script>
1498</div> 1499 </div> <!-- inner column --> 1500 1501 </div> <!-- inner row --> 1502 1503 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1504 <div class="row outer wide"><!-- 1505--><div class="outer col col12 first" style="" data-widgetcontainerid="becafa40-b8eb-49c2-95f0-7344bdbf7041">� 1506 <div class="row nest first last wide">� 1507 1508 <div class="inner col col12 first last id872f2d9c-fde2-498e-8665-d8a8c2dd30ed" style="" data-widgetcontainerid="872f2d9c-fde2-498e-8665-d8a8c2dd30ed">� 1509<div data-widget-id="93abffb5-e964-4150-a046-21f5479ba366" data-widget-controller-path="/GraphicLinks/Widget"> 1510 1511 1512 1513 1514<div id="graphicLinkWidget93abffb5-e964-4150-a046-21f5479ba366" class="widget widgetGraphicLinks skin75 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:37em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1515 <div class="widgetHeader"> 1516 <div class=""> 1517 </div> 1518 </div> 1519 <div class="widgetBody cpGrid cpGrid2 "> 1520 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1521 <div class="row wide"> 1522 <!-- 1523--><div class="col col1 first "><ul class="semanticList"><!-- 1524 --><li class="widgetItem GraphicLinks"> 1525 1526<div> 1527 <a href="/218/Leisure-Square-Facility" target="_self" class="fancyButton fancyButton181 " > 1528 <span> 1529 <span><span class="text">Leisure Square</span></span> 1530 </span> 1531 </a> 1532</div> 1533 <style scoped="scoped">.fancyButton181.fancyButton:link,.fancyButton181.fancyButton:visited, .fancyButton181div.fancyButton{ 1534 background-image: url('/ImageRepository/Document?documentID=6763'); 1535 background-repeat: no-repeat; 1536 background-position: left top; 1537margin:0 auto; 1538background-size:cover; 1539overflow:hidden; 1540max-width:300px; 1541transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 1542 1543 1544} 1545.fancyButton181.fancyButton:hover,.fancyButton181.fancyButton:focus,.fancyButton181.fancyButton:active,.fancyButton181.fancyButton.hover{ 1546 background-repeat: no-repeat; 1547 background-position: left top; 1548} 1549.fancyButton181.fancyButton:link > span,.fancyButton181.fancyButton:visited > span, .fancyButton181div.fancyButton > span{ 1550} 1551.fancyButton181.fancyButton:hover > span,.fancyButton181.fancyButton:focus > span,.fancyButton181.fancyButton:active > span,.fancyButton181.fancyButton.hover > span{ 1552} 1553.fancyButton181.fancyButton .text{ 1554 color: #ffffff; 1555 font-size: 1.5em; 1556 font-family: "Montserrat"; 1557 padding-top: 112px; 1558 padding-bottom: 112px; 1559 padding-right: 15px; 1560 padding-left: 15px; 1561 font-weight: 900; 1562 text-decoration: none; 1563 padding-top: 112px; 1564 padding-bottom: 112px; 1565 padding-right: 15px; 1566 padding-left: 15px; 1567 background-repeat: no-repeat; 1568 background-position: center center; 1569position:relative; 1570z-index:1; 1571background:rgba(19, 46, 78, 0.73); 1572transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 1573} 1574.fancyButton181 .text:after{ 1575position:absolute; 1576z-index: -1; 1577content:""; 1578top:50%; 1579left:50%; 1580transform:translate(-50%); 1581width:0; 1582height:0; 1583transition: all .4s ease-in-out; 1584-webkit-transition: all .4s ease-in-out; 1585background:rgba(19, 46, 78, 0.73); 1586 1587 1588 1589position:relative; 1590} 1591.fancyButton181 .text:before{ 1592transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 1593position:absolute; 1594content:""; 1595top:60%; 1596left:50%; 1597transform:translate(-50%); 1598width:58px; 1599height:6px; 1600background:rgba(228, 193, 147, 1); 1601 1602 1603 1604} 1605.fancyButton181.fancyButton:hover .text,.fancyButton181.fancyButton:focus .text,.fancyButton181.fancyButton:active .text,.fancyButton181.fancyButton.hover .text{ 1606 text-decoration: none; 1607 background-repeat: no-repeat; 1608 background-position: left top; 1609background:rgba(19, 46, 78, 0); 1610transition: all .4s ease-in-out; 1611-webkit-transition: all .4s ease-in-out; 1612} 1613.fancyButton181:hover .text:after, 1614.fancyButton181:focus .text:after, 1615.fancyButton181:active .text:after{ 1616position:absolute; 1617transition: all .4s ease-in-out; 1618-webkit-transition: all .4s ease-in-out; 1619top:18px; 1620width:260px; 1621height:228px; 1622background:rgba(19, 46, 78, 0.73);transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 1623} 1624.fancyButton181 .text:hover:before, 1625.fancyButton181 .text:focus:before, 1626.fancyButton181 .text:active:before{ 1627width:164px; 1628} 1629</style> 1630 1631 </li><!-- 1632--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1633 --><li class="widgetItem GraphicLinks"> 1634 1635<div> 1636 <a href="/170/Customer-Service-Water-and-Sewer" target="_self" class="fancyButton fancyButton196 " > 1637 <span> 1638 <span><span class="text">Utilities Help</span></span> 1639 </span> 1640 </a> 1641</div> 1642 <style scoped="scoped">.fancyButton196.fancyButton:link,.fancyButton196.fancyButton:visited, .fancyButton196div.fancyButton{ 1643 background-image: url(/ImageRepository/Document?documentID=6763); 1644 background-repeat: no-repeat; 1645 background-position: left top; 1646margin:0 auto; 1647background-size:cover; 1648overflow:hidden; 1649max-width:300px; 1650transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 1651 1652 1653} 1654.fancyButton196.fancyButton:hover,.fancyButton196.fancyButton:focus,.fancyButton196.fancyButton:active,.fancyButton196.fancyButton.hover{ 1655 background-repeat: no-repeat; 1656 background-position: left top; 1657} 1658.fancyButton196.fancyButton:link > span,.fancyButton196.fancyButton:visited > span, .fancyButton196div.fancyButton > span{ 1659} 1660.fancyButton196.fancyButton:hover > span,.fancyButton196.fancyButton:focus > span,.fancyButton196.fancyButton:active > span,.fancyButton196.fancyButton.hover > span{ 1661} 1662.fancyButton196.fancyButton .text{ 1663 color: #ffffff; 1664 font-size: 1.5em; 1665 font-family: "Montserrat"; 1666 padding-top: 112px; 1667 padding-bottom: 112px; 1668 padding-right: 15px; 1669 padding-left: 15px; 1670 font-weight: 900; 1671 text-decoration: none; 1672 padding-top: 112px; 1673 padding-bottom: 112px; 1674 padding-right: 15px; 1675 padding-left: 15px; 1676 background-repeat: no-repeat; 1677 background-position: center center; 1678position:relative; 1679z-index:1; 1680background:rgba(19, 46, 78, 0.73); 1681transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 1682} 1683.fancyButton196 .text:after{ 1684position:absolute; 1685z-index: -1; 1686content:""; 1687top:50%; 1688left:50%; 1689transform:translate(-50%); 1690width:0; 1691height:0; 1692transition: all .4s ease-in-out; 1693-webkit-transition: all .4s ease-in-out; 1694background:rgba(19, 46, 78, 0.73); 1695 1696 1697 1698position:relative; 1699} 1700.fancyButton196 .text:before{ 1701transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 1702position:absolute; 1703content:""; 1704top:60%; 1705left:50%; 1706transform:translate(-50%); 1707width:58px; 1708height:6px; 1709background:rgba(228, 193, 147, 1); 1710 1711 1712 1713} 1714.fancyButton196.fancyButton:hover .text,.fancyButton196.fancyButton:focus .text,.fancyButton196.fancyButton:active .text,.fancyButton196.fancyButton.hover .text{ 1715 text-decoration: none; 1716 background-repeat: no-repeat; 1717 background-position: left top; 1718background:rgba(19, 46, 78, 0); 1719transition: all .4s ease-in-out; 1720-webkit-transition: all .4s ease-in-out; 1721} 1722.fancyButton196:hover .text:after, 1723.fancyButton196:focus .text:after, 1724.fancyButton196:active .text:after{ 1725position:absolute; 1726transition: all .4s ease-in-out; 1727-webkit-transition: all .4s ease-in-out; 1728top:18px; 1729width:260px; 1730height:228px; 1731background:rgba(19, 46, 78, 0.73);transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 1732} 1733.fancyButton196 .text:hover:before, 1734.fancyButton196 .text:focus:before, 1735.fancyButton196 .text:active:before{ 1736width:164px; 1737} 1738</style> 1739 1740 </li><!-- 1741--></ul></div><!-- --> 1742 </div> 1743 </nav> 1744 </div> 1745 <div class="widgetFooter"> 1746 </div> 1747</div> 1748</div> 1749 1750 </div> <!-- inner column --> 1751 1752 </div> <!-- inner row --> 1753 1754 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="429069d3-fa47-4fd2-a32b-5a2710e14588">� 1755 <div class="row nest first last wide">� 1756 1757 <div class="inner col col12 first last id68e0aa7f-8abf-454e-84c7-209ede25e3c4" style="" data-widgetcontainerid="68e0aa7f-8abf-454e-84c7-209ede25e3c4">� 1758<div data-widget-id="d395fa0c-e564-4f59-a9a4-1dcaaae7c8d8" data-widget-controller-path="/GraphicLinks/Widget"> 1759 1760 1761 1762 1763<div id="graphicLinkWidgetd395fa0c-e564-4f59-a9a4-1dcaaae7c8d8" class="widget widgetGraphicLinks skin75 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:37em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1764 <div class="widgetHeader"> 1765 <div class="">
1766 </div> 1767 </div> 1768 <div class="widgetBody cpGrid cpGrid2 "> 1769 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1770 <div class="row wide"> 1771 <!-- 1772--><div class="col col1 first "><ul class="semanticList"><!-- 1773 --><li class="widgetItem GraphicLinks"> 1774 1775<div> 1776 <a href="/231/Municipal-Marina" target="_self" class="fancyButton fancyButton197 " > 1777 <span> 1778 <span><span class="text">Marina</span></span> 1779 </span> 1780 </a> 1781</div> 1782 <style scoped="scoped">.fancyButton197.fancyButton:link,.fancyButton197.fancyButton:visited, .fancyButton197div.fancyButton{ 1783 background-image: url(/ImageRepository/Document?documentID=6763); 1784 background-repeat: no-repeat; 1785 background-position: left top; 1786margin:0 auto; 1787background-size:cover; 1788overflow:hidden; 1789max-width:300px; 1790transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 1791 1792 1793} 1794.fancyButton197.fancyButton:hover,.fancyButton197.fancyButton:focus,.fancyButton197.fancyButton:active,.fancyButton197.fancyButton.hover{ 1795 background-repeat: no-repeat; 1796 background-position: left top; 1797} 1798.fancyButton197.fancyButton:link > span,.fancyButton197.fancyButton:visited > span, .fancyButton197div.fancyButton > span{ 1799} 1800.fancyButton197.fancyButton:hover > span,.fancyButton197.fancyButton:focus > span,.fancyButton197.fancyButton:active > span,.fancyButton197.fancyButton.hover > span{ 1801} 1802.fancyButton197.fancyButton .text{ 1803 color: #ffffff; 1804 font-size: 1.5em; 1805 font-family: "Montserrat"; 1806 padding-top: 112px; 1807 padding-bottom: 112px; 1808 padding-right: 15px; 1809 padding-left: 15px; 1810 font-weight: 900; 1811 text-decoration: none; 1812 padding-top: 112px; 1813 padding-bottom: 112px; 1814 padding-right: 15px; 1815 padding-left: 15px; 1816 background-repeat: no-repeat; 1817 background-position: center center; 1818position:relative; 1819z-index:1; 1820background:rgba(19, 46, 78, 0.73); 1821transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 1822} 1823.fancyButton197 .text:after{ 1824position:absolute; 1825z-index: -1; 1826content:""; 1827top:50%; 1828left:50%; 1829transform:translate(-50%); 1830width:0; 1831height:0; 1832transition: all .4s ease-in-out; 1833-webkit-transition: all .4s ease-in-out; 1834background:rgba(19, 46, 78, 0.73); 1835 1836 1837 1838position:relative; 1839} 1840.fancyButton197 .text:before{ 1841transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 1842position:absolute; 1843content:""; 1844top:60%; 1845left:50%; 1846transform:translate(-50%); 1847width:58px; 1848height:6px; 1849background:rgba(228, 193, 147, 1); 1850 1851 1852 1853} 1854.fancyButton197.fancyButton:hover .text,.fancyButton197.fancyButton:focus .text,.fancyButton197.fancyButton:active .text,.fancyButton197.fancyButton.hover .text{ 1855 text-decoration: none; 1856 background-repeat: no-repeat; 1857 background-position: left top; 1858background:rgba(19, 46, 78, 0); 1859transition: all .4s ease-in-out; 1860-webkit-transition: all .4s ease-in-out; 1861} 1862.fancyButton197:hover .text:after, 1863.fancyButton197:focus .text:after, 1864.fancyButton197:active .text:after{ 1865position:absolute; 1866transition: all .4s ease-in-out; 1867-webkit-transition: all .4s ease-in-out; 1868top:18px; 1869width:260px; 1870height:228px; 1871background:rgba(19, 46, 78, 0.73);transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 1872} 1873.fancyButton197 .text:hover:before, 1874.fancyButton197 .text:focus:before, 1875.fancyButton197 .text:active:before{ 1876width:164px; 1877} 1878</style> 1879 1880 </li><!-- 1881--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1882 --><li class="widgetItem GraphicLinks"> 1883 1884<div> 1885 <a href="/152/Building-Department" target="_self" class="fancyButton fancyButton191 " > 1886 <span> 1887 <span><span class="text">Building Dept<br></span></span> 1888 </span> 1889 </a> 1890</div> 1891 <style scoped="scoped">.fancyButton191.fancyButton:link,.fancyButton191.fancyButton:visited, .fancyButton191div.fancyButton{ 1892 background-image: url('/ImageRepository/Document?documentID=6763'); 1893 background-repeat: no-repeat; 1894 background-position: left top; 1895margin:0 auto; 1896background-size:cover; 1897overflow:hidden; 1898max-width:300px; 1899transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 1900 1901 1902} 1903.fancyButton191.fancyButton:hover,.fancyButton191.fancyButton:focus,.fancyButton191.fancyButton:active,.fancyButton191.fancyButton.hover{ 1904 background-repeat: no-repeat; 1905 background-position: left top; 1906} 1907.fancyButton191.fancyButton:link > span,.fancyButton191.fancyButton:visited > span, .fancyButton191div.fancyButton > span{ 1908} 1909.fancyButton191.fancyButton:hover > span,.fancyButton191.fancyButton:focus > span,.fancyButton191.fancyButton:active > span,.fancyButton191.fancyButton.hover > span{ 1910} 1911.fancyButton191.fancyButton .text{ 1912 color: #ffffff; 1913 font-size: 1.5em; 1914 font-family: "Montserrat"; 1915 padding-top: 112px; 1916 padding-bottom: 112px; 1917 padding-right: 15px; 1918 padding-left: 15px; 1919 font-weight: 900; 1920 text-decoration: none; 1921 padding-top: 112px; 1922 padding-bottom: 112px; 1923 padding-right: 15px; 1924 padding-left: 15px; 1925 background-repeat: no-repeat; 1926 background-position: center center; 1927position:relative; 1928z-index:1; 1929background:rgba(19, 46, 78, 0.73); 1930transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 1931} 1932.fancyButton191 .text:after{ 1933position:absolute; 1934z-index: -1; 1935content:""; 1936top:50%; 1937left:50%; 1938transform:translate(-50%); 1939width:0; 1940height:0; 1941transition: all .4s ease-in-out; 1942-webkit-transition: all .4s ease-in-out; 1943background:rgba(19, 46, 78, 0.73); 1944 1945 1946 1947position:relative; 1948} 1949.fancyButton191 .text:before{ 1950transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 1951position:absolute; 1952content:""; 1953top:60%; 1954left:50%; 1955transform:translate(-50%); 1956width:58px; 1957height:6px; 1958background:rgba(228, 193, 147, 1); 1959 1960 1961 1962} 1963.fancyButton191.fancyButton:hover .text,.fancyButton191.fancyButton:focus .text,.fancyButton191.fancyButton:active .text,.fancyButton191.fancyButton.hover .text{ 1964 text-decoration: none; 1965 background-repeat: no-repeat; 1966 background-position: left top; 1967background:rgba(19, 46, 78, 0); 1968transition: all .4s ease-in-out; 1969-webkit-transition: all .4s ease-in-out; 1970} 1971.fancyButton191:hover .text:after, 1972.fancyButton191:focus .text:after, 1973.fancyButton191:active .text:after{ 1974position:absolute; 1975transition: all .4s ease-in-out; 1976-webkit-transition: all .4s ease-in-out; 1977top:18px; 1978width:260px; 1979height:228px; 1980background:rgba(19, 46, 78, 0.73);transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 1981} 1982.fancyButton191 .text:hover:before, 1983.fancyButton191 .text:focus:before, 1984.fancyButton191 .text:active:before{ 1985width:164px; 1986} 1987</style> 1988 1989 </li><!-- 1990--></ul></div><!-- --> 1991 </div> 1992 </nav> 1993 </div> 1994 <div class="widgetFooter"> 1995 </div> 1996</div> 1997</div> 1998 1999 </div> <!-- inner column --> 2000 2001 </div> <!-- inner row --> 2002 2003 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2004 <div class="row outer wide"><!-- 2005--><div class="outer col col12 first" style="" data-widgetcontainerid="4857403d-e6b7-4e2d-815f-6926a87f212a">� 2006 <div class="row nest first last wide">� 2007 2008 <div class="inner col col12 first last idfef48d19-243e-46c1-9aa8-092e6d722451" style="" data-widgetcontainerid="fef48d19-243e-46c1-9aa8-092e6d722451">� 2009<div data-widget-id="f1ae0f13-a115-4300-b8ac-a5c89dfc190a" data-widget-controller-path="/GraphicLinks/Widget"> 2010 2011 2012 2013 2014<div id="graphicLinkWidgetf1ae0f13-a115-4300-b8ac-a5c89dfc190a" class="widget widgetGraphicLinks skin75 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:37em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2015 <div class="widgetHeader"> 2016 <div class="">
2017 </div> 2018 </div> 2019 <div class="widgetBody cpGrid cpGrid2 "> 2020 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2021 <div class="row wide"> 2022 <!-- 2023--><div class="col col1 first "><ul class="semanticList"><!-- 2024 --><li class="widgetItem GraphicLinks"> 2025 2026<div> 2027 <a href="/233/Lifeguards---Water-Safety" target="_self" class="fancyButton fancyButton192 " > 2028 <span> 2029 <span><span class="text">Beach Safety</span></span> 2030 </span> 2031 </a> 2032</div> 2033 <style scoped="scoped">.fancyButton192.fancyButton:link,.fancyButton192.fancyButton:visited, .fancyButton192div.fancyButton{ 2034 background-image: url('/ImageRepository/Document?documentID=6763'); 2035 background-repeat: no-repeat; 2036 background-position: left top; 2037margin:0 auto; 2038background-size:cover; 2039overflow:hidden; 2040max-width:300px; 2041transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 2042 2043 2044} 2045.fancyButton192.fancyButton:hover,.fancyButton192.fancyButton:focus,.fancyButton192.fancyButton:active,.fancyButton192.fancyButton.hover{ 2046 background-repeat: no-repeat; 2047 background-position: left top; 2048} 2049.fancyButton192.fancyButton:link > span,.fancyButton192.fancyButton:visited > span, .fancyButton192div.fancyButton > span{ 2050} 2051.fancyButton192.fancyButton:hover > span,.fancyButton192.fancyButton:focus > span,.fancyButton192.fancyButton:active > span,.fancyButton192.fancyButton.hover > span{ 2052} 2053.fancyButton192.fancyButton .text{ 2054 color: #ffffff; 2055 font-size: 1.5em; 2056 font-family: "Montserrat"; 2057 padding-top: 112px; 2058 padding-bottom: 112px; 2059 padding-right: 15px; 2060 padding-left: 15px; 2061 font-weight: 900; 2062 text-decoration: none; 2063 padding-top: 112px; 2064 padding-bottom: 112px; 2065 padding-right: 15px; 2066 padding-left: 15px; 2067 background-repeat: no-repeat; 2068 background-position: center center; 2069position:relative; 2070z-index:1; 2071background:rgba(19, 46, 78, 0.73); 2072transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 2073} 2074.fancyButton192 .text:after{ 2075position:absolute; 2076z-index: -1; 2077content:""; 2078top:50%; 2079left:50%; 2080transform:translate(-50%); 2081width:0; 2082height:0; 2083transition: all .4s ease-in-out; 2084-webkit-transition: all .4s ease-in-out; 2085background:rgba(19, 46, 78, 0.73); 2086 2087 2088 2089position:relative; 2090} 2091.fancyButton192 .text:before{ 2092transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 2093position:absolute; 2094content:""; 2095top:60%; 2096left:50%; 2097transform:translate(-50%); 2098width:58px; 2099height:6px; 2100background:rgba(228, 193, 147, 1); 2101 2102 2103 2104} 2105.fancyButton192.fancyButton:hover .text,.fancyButton192.fancyButton:focus .text,.fancyButton192.fancyButton:active .text,.fancyButton192.fancyButton.hover .text{ 2106 text-decoration: none; 2107 background-repeat: no-repeat; 2108 background-position: left top; 2109background:rgba(19, 46, 78, 0); 2110transition: all .4s ease-in-out; 2111-webkit-transition: all .4s ease-in-out; 2112} 2113.fancyButton192:hover .text:after, 2114.fancyButton192:focus .text:after, 2115.fancyButton192:active .text:after{ 2116position:absolute; 2117transition: all .4s ease-in-out; 2118-webkit-transition: all .4s ease-in-out; 2119top:18px; 2120width:260px; 2121height:228px; 2122background:rgba(19, 46, 78, 0.73);transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 2123} 2124.fancyButton192 .text:hover:before, 2125.fancyButton192 .text:focus:before, 2126.fancyButton192 .text:active:before{ 2127width:164px; 2128} 2129</style> 2130 2131 </li><!-- 2132--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2133 --><li class="widgetItem GraphicLinks"> 2134 2135<div> 2136 <a href="https://www.covb.org/293/Solid-Waste-Division" target="_self" class="fancyButton fancyButton193 " > 2137 <span> 2138 <span><span class="text">Trash Collection<br></span></span> 2139 </span> 2140 </a> 2141</div> 2142 <style scoped="scoped">.fancyButton193.fancyButton:link,.fancyButton193.fancyButton:visited, .fancyButton193div.fancyButton{ 2143 background-image: url('/ImageRepository/Document?documentID=6763'); 2144 background-repeat: no-repeat; 2145 background-position: left top; 2146margin:0 auto; 2147background-size:cover; 2148overflow:hidden; 2149max-width:300px; 2150transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 2151 2152 2153} 2154.fancyButton193.fancyButton:hover,.fancyButton193.fancyButton:focus,.fancyButton193.fancyButton:active,.fancyButton193.fancyButton.hover{ 2155 background-repeat: no-repeat; 2156 background-position: left top; 2157} 2158.fancyButton193.fancyButton:link > span,.fancyButton193.fancyButton:visited > span, .fancyButton193div.fancyButton > span{ 2159} 2160.fancyButton193.fancyButton:hover > span,.fancyButton193.fancyButton:focus > span,.fancyButton193.fancyButton:active > span,.fancyButton193.fancyButton.hover > span{ 2161} 2162.fancyButton193.fancyButton .text{ 2163 color: #ffffff; 2164 font-size: 1.5em; 2165 font-family: "Montserrat"; 2166 padding-top: 112px; 2167 padding-bottom: 112px; 2168 padding-right: 15px; 2169 padding-left: 15px; 2170 font-weight: 900; 2171 text-decoration: none; 2172 padding-top: 112px; 2173 padding-bottom: 112px; 2174 padding-right: 15px; 2175 padding-left: 15px; 2176 background-repeat: no-repeat; 2177 background-position: center center; 2178position:relative; 2179z-index:1; 2180background:rgba(19, 46, 78, 0.73); 2181transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 2182} 2183.fancyButton193 .text:after{ 2184position:absolute; 2185z-index: -1; 2186content:""; 2187top:50%; 2188left:50%; 2189transform:translate(-50%); 2190width:0; 2191height:0; 2192transition: all .4s ease-in-out; 2193-webkit-transition: all .4s ease-in-out; 2194background:rgba(19, 46, 78, 0.73); 2195 2196 2197 2198position:relative; 2199} 2200.fancyButton193 .text:before{ 2201transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 2202position:absolute; 2203content:""; 2204top:60%; 2205left:50%; 2206transform:translate(-50%); 2207width:58px; 2208height:6px; 2209background:rgba(228, 193, 147, 1); 2210 2211 2212 2213} 2214.fancyButton193.fancyButton:hover .text,.fancyButton193.fancyButton:focus .text,.fancyButton193.fancyButton:active .text,.fancyButton193.fancyButton.hover .text{ 2215 text-decoration: none; 2216 background-repeat: no-repeat; 2217 background-position: left top; 2218background:rgba(19, 46, 78, 0); 2219transition: all .4s ease-in-out; 2220-webkit-transition: all .4s ease-in-out; 2221} 2222.fancyButton193:hover .text:after, 2223.fancyButton193:focus .text:after, 2224.fancyButton193:active .text:after{ 2225position:absolute; 2226transition: all .4s ease-in-out; 2227-webkit-transition: all .4s ease-in-out; 2228top:18px; 2229width:260px; 2230height:228px; 2231background:rgba(19, 46, 78, 0.73);transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 2232} 2233.fancyButton193 .text:hover:before, 2234.fancyButton193 .text:focus:before, 2235.fancyButton193 .text:active:before{ 2236width:164px; 2237} 2238</style> 2239 2240 </li><!-- 2241--></ul></div><!-- --> 2242 </div> 2243 </nav> 2244 </div> 2245 <div class="widgetFooter"> 2246 </div> 2247</div> 2248</div> 2249 2250 </div> <!-- inner column --> 2251 2252 </div> <!-- inner row --> 2253 2254 </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="90de9038-a17c-4620-afa6-91ed49ea3993">� 2255 <div class="row nest first last wide">� 2256 2257 <div class="inner col col12 first last idbbab15dc-cf5d-4912-9f86-665f6e072277" style="" data-widgetcontainerid="bbab15dc-cf5d-4912-9f86-665f6e072277">� 2258<div data-widget-id="90d913b1-1eaf-4248-875a-997d0083137e" data-widget-controller-path="/GraphicLinks/Widget"> 2259 2260 2261 2262 2263<div id="graphicLinkWidget90d913b1-1eaf-4248-875a-997d0083137e" class="widget widgetGraphicLinks skin75 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:37em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2264 <div class="widgetHeader"> 2265 <div class="">
2266 </div> 2267 </div> 2268 <div class="widgetBody cpGrid cpGrid2 "> 2269 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2270 <div class="row wide"> 2271 <!-- 2272--><div class="col col1 first "><ul class="semanticList"><!-- 2273 --><li class="widgetItem GraphicLinks"> 2274 2275<div> 2276 <a href="/283/City-Council" target="_self" class="fancyButton fancyButton194 " > 2277 <span> 2278 <span><span class="text">City Council</span></span> 2279 </span> 2280 </a> 2281</div> 2282 <style scoped="scoped">.fancyButton194.fancyButton:link,.fancyButton194.fancyButton:visited, .fancyButton194div.fancyButton{ 2283 background-image: url('/ImageRepository/Document?documentID=6763'); 2284 background-repeat: no-repeat; 2285 background-position: left top; 2286margin:0 auto; 2287background-size:cover; 2288overflow:hidden; 2289max-width:300px; 2290transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 2291 2292 2293} 2294.fancyButton194.fancyButton:hover,.fancyButton194.fancyButton:focus,.fancyButton194.fancyButton:active,.fancyButton194.fancyButton.hover{ 2295 background-repeat: no-repeat; 2296 background-position: left top; 2297} 2298.fancyButton194.fancyButton:link > span,.fancyButton194.fancyButton:visited > span, .fancyButton194div.fancyButton > span{ 2299} 2300.fancyButton194.fancyButton:hover > span,.fancyButton194.fancyButton:focus > span,.fancyButton194.fancyButton:active > span,.fancyButton194.fancyButton.hover > span{ 2301} 2302.fancyButton194.fancyButton .text{ 2303 color: #ffffff; 2304 font-size: 1.5em; 2305 font-family: "Montserrat"; 2306 padding-top: 112px; 2307 padding-bottom: 112px; 2308 padding-right: 15px; 2309 padding-left: 15px; 2310 font-weight: 900; 2311 text-decoration: none; 2312 padding-top: 112px; 2313 padding-bottom: 112px; 2314 padding-right: 15px; 2315 padding-left: 15px; 2316 background-repeat: no-repeat; 2317 background-position: center center; 2318position:relative; 2319z-index:1; 2320background:rgba(19, 46, 78, 0.73); 2321transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 2322} 2323.fancyButton194 .text:after{ 2324position:absolute; 2325z-index: -1; 2326content:""; 2327top:50%; 2328left:50%; 2329transform:translate(-50%); 2330width:0; 2331height:0; 2332transition: all .4s ease-in-out; 2333-webkit-transition: all .4s ease-in-out; 2334background:rgba(19, 46, 78, 0.73); 2335 2336 2337 2338position:relative; 2339} 2340.fancyButton194 .text:before{ 2341transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 2342position:absolute; 2343content:""; 2344top:60%; 2345left:50%; 2346transform:translate(-50%); 2347width:58px; 2348height:6px; 2349background:rgba(228, 193, 147, 1); 2350 2351 2352 2353} 2354.fancyButton194.fancyButton:hover .text,.fancyButton194.fancyButton:focus .text,.fancyButton194.fancyButton:active .text,.fancyButton194.fancyButton.hover .text{ 2355 text-decoration: none; 2356 background-repeat: no-repeat; 2357 background-position: left top; 2358background:rgba(19, 46, 78, 0); 2359transition: all .4s ease-in-out; 2360-webkit-transition: all .4s ease-in-out; 2361} 2362.fancyButton194:hover .text:after, 2363.fancyButton194:focus .text:after, 2364.fancyButton194:active .text:after{ 2365position:absolute; 2366transition: all .4s ease-in-out; 2367-webkit-transition: all .4s ease-in-out; 2368top:18px; 2369width:260px; 2370height:228px; 2371background:rgba(19, 46, 78, 0.73);transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 2372} 2373.fancyButton194 .text:hover:before, 2374.fancyButton194 .text:focus:before, 2375.fancyButton194 .text:active:before{ 2376width:164px; 2377} 2378</style> 2379 2380 </li><!-- 2381--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 2382 --><li class="widgetItem GraphicLinks"> 2383 2384<div> 2385 <a href="/248/Planning-Development" target="_self" class="fancyButton fancyButton195 " > 2386 <span> 2387 <span><span class="text">Planning Dept</span></span> 2388 </span> 2389 </a> 2390</div> 2391 <style scoped="scoped">.fancyButton195.fancyButton:link,.fancyButton195.fancyButton:visited, .fancyButton195div.fancyButton{ 2392 background-image: url('/ImageRepository/Document?documentID=6763'); 2393 background-repeat: no-repeat; 2394 background-position: left top; 2395margin:0 auto; 2396background-size:cover; 2397overflow:hidden; 2398max-width:300px; 2399transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 2400 2401 2402} 2403.fancyButton195.fancyButton:hover,.fancyButton195.fancyButton:focus,.fancyButton195.fancyButton:active,.fancyButton195.fancyButton.hover{ 2404 background-repeat: no-repeat; 2405 background-position: left top; 2406} 2407.fancyButton195.fancyButton:link > span,.fancyButton195.fancyButton:visited > span, .fancyButton195div.fancyButton > span{ 2408} 2409.fancyButton195.fancyButton:hover > span,.fancyButton195.fancyButton:focus > span,.fancyButton195.fancyButton:active > span,.fancyButton195.fancyButton.hover > span{ 2410} 2411.fancyButton195.fancyButton .text{ 2412 color: #ffffff; 2413 font-size: 1.5em; 2414 font-family: "Montserrat"; 2415 padding-top: 112px; 2416 padding-bottom: 112px; 2417 padding-right: 15px; 2418 padding-left: 15px; 2419 font-weight: 900; 2420 text-decoration: none; 2421 padding-top: 112px; 2422 padding-bottom: 112px; 2423 padding-right: 15px; 2424 padding-left: 15px; 2425 background-repeat: no-repeat; 2426 background-position: center center; 2427position:relative; 2428z-index:1; 2429background:rgba(19, 46, 78, 0.73); 2430transition: all .3s ease-in-out; -webkit-transition: all .3s ease-in-out; 2431} 2432.fancyButton195 .text:after{ 2433position:absolute; 2434z-index: -1; 2435content:""; 2436top:50%; 2437left:50%; 2438transform:translate(-50%); 2439width:0; 2440height:0; 2441transition: all .4s ease-in-out; 2442-webkit-transition: all .4s ease-in-out; 2443background:rgba(19, 46, 78, 0.73); 2444 2445 2446 2447position:relative; 2448} 2449.fancyButton195 .text:before{ 2450transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 2451position:absolute; 2452content:""; 2453top:60%; 2454left:50%; 2455transform:translate(-50%); 2456width:58px; 2457height:6px; 2458background:rgba(228, 193, 147, 1); 2459 2460 2461 2462} 2463.fancyButton195.fancyButton:hover .text,.fancyButton195.fancyButton:focus .text,.fancyButton195.fancyButton:active .text,.fancyButton195.fancyButton.hover .text{ 2464 text-decoration: none; 2465 background-repeat: no-repeat; 2466 background-position: left top; 2467background:rgba(19, 46, 78, 0); 2468transition: all .4s ease-in-out; 2469-webkit-transition: all .4s ease-in-out; 2470} 2471.fancyButton195:hover .text:after, 2472.fancyButton195:focus .text:after, 2473.fancyButton195:active .text:after{ 2474position:absolute; 2475transition: all .4s ease-in-out; 2476-webkit-transition: all .4s ease-in-out; 2477top:18px; 2478width:260px; 2479height:228px; 2480background:rgba(19, 46, 78, 0.73);transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; 2481} 2482.fancyButton195 .text:hover:before, 2483.fancyButton195 .text:focus:before, 2484.fancyButton195 .text:active:before{ 2485width:164px; 2486} 2487</style> 2488 2489 </li><!-- 2490--></ul></div><!-- --> 2491 </div> 2492 </nav> 2493 </div> 2494 <div class="widgetFooter"> 2495 </div> 2496</div> 2497</div> 2498 2499 </div> <!-- inner column --> 2500 2501 </div> <!-- inner row --> 2502 2503 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2504 2505 2506 </div> 2507</div></div> 2508</div><!-- Calendar/Slideshow --><div data-cpRole="structuralContainer" id="homeContainer2"> 2509<div class="siteWrap1"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="cceb3e1eec-7e83-4bbf-8a44-2962d6fa7a4f" data-containerid="eb3e1eec-7e83-4bbf-8a44-2962d6fa7a4f" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="73"> 2510 2511 2512 <div class="row outer wide"><!-- 2513--><div class="outer col col24 first last" style="" data-widgetcontainerid="899f9004-4c18-42f3-9299-5f22a2ae6297">� 2514 <div class="row nest first last wide">� 2515 2516 <div class="inner col col24 first last id3cf8ddc1-9587-4a84-935c-72a6084f4220" style="" data-widgetcontainerid="3cf8ddc1-9587-4a84-935c-72a6084f4220">� 2517<div data-widget-id="ec84d073-cbc1-4a01-8688-ef2b6c8a01e5" data-widget-controller-path="/NewsFlash/Widget"> 2518
2518<script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script>
2518 2519
2519<script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script>
2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529
2530<script type="text/javascript"> 2531 //Hack- For something I cannot figure, "save" functionality errors out saying it cannot identify $ sign 2532 var $1 = (typeof $ == 'undefined') ? window.parent.$ : $; 2533 $1(document).ready(function () { 2534 $1('#newsFlashImageOnHoverec84d073-cbc1-4a01-8688-ef2b6c8a01e5').delegate("li.widgetItem", "mouseenter", function () { 2535 var $newsFlashImageOnHover = $1(this).parents("#newsFlashImageOnHoverec84d073-cbc1-4a01-8688-ef2b6c8a01e5"); 2536 $newsFlashImageOnHover.find("li.newsImage").hide(); 2537 2538 $newsFlashImageOnHover.find("li.newsImage" + $1(this).data('newsID')).show(); 2539 }); 2540 }); 2541</script>
2541 2542 2543 2544 2545 2546 2547 <section class="widget widgetNewsFlash skin75 widgetOptionSet28 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashec84d073-cbc1-4a01-8688-ef2b6c8a01e5" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="newsFlashHeaderec84d073-cbc1-4a01-8688-ef2b6c8a01e5"> 2548 <header class="widgetHeader" id="newsFlashHeaderec84d073-cbc1-4a01-8688-ef2b6c8a01e5"> 2549 <div class=""> 2550 <h3><a style="" href="/CivicAlerts.aspx?CID=1" >CITY OF VERO BEACH NEWS</a></h3> 2551 </div> 2552 </header> 2553 <div class="widgetBody cpGrid cpGrid1 "> 2554 2555 2556 2557 2558<div class="cpCarousel cpCarouselec84d073-cbc1-4a01-8688-ef2b6c8a01e5"> 2559 <div class="cpWindow cpWindowec84d073-cbc1-4a01-8688-ef2b6c8a01e5"> 2560 <ol class="semanticList cpSlider"> 2561 <li class="widgetItem" data-index="0"> 2562 <a href="/CivicAlerts.aspx?AID=267" target="_self"><img class="media" src="/ImageRepository/Document?documentID=9486" alt="2026 Vero Beach Christmas Boat Parade" data-delayed-image="" /></a> 2563 <div class="text"> 2564 <h4 id="newsFlashItemHeader267" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=267" target="_self">Vero Beach Christmas Boat Parade </a> 2565</h4> <div class="widgetDesc"> 2566 <a id="newsFlashReadOn267" href="/CivicAlerts.aspx?AID=267" target="_self" class="readOn sameLine" aria-label="Read on...: Vero Beach Christmas Boat Parade">Read on...</a> 2567 </div> 2568 2569 </div> 2570 </li> 2571 <li class="widgetItem" data-index="1"> 2572 <a href="/CivicAlerts.aspx?AID=218" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=5517" alt="Downtown Vero Beach Sign" data-delayed-image="" /></a> 2573 <div class="text"> 2574 <h4 id="newsFlashItemHeader218" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=218" target="_self">Welcome to Vero Beach </a> 2575</h4> <div class="widgetDesc"> 2576 </div> 2577 2578 </div> 2579 </li> 2580 <li class="widgetItem" data-index="2"> 2581 <a href="/DocumentCenter/View/8751/ADA-Compatible-PDF" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=8750" alt="ADA Compatible(2)" data-delayed-image="" /></a> 2582 <div class="text"> 2583 <h4 id="newsFlashItemHeader243" class="widgetTitle"> <a href="/DocumentCenter/View/8751/ADA-Compatible-PDF" target="_blank">Adjustable ADA Webpages </a> 2584</h4> <div class="widgetDesc"> 2585 </div> 2586 2587 </div> 2588 </li> 2589 <li class="widgetItem" data-index="3"> 2590 <a href="/564/Public-Notice" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=5142" alt="public notice" data-delayed-image="" /></a> 2591 <div class="text"> 2592 <h4 id="newsFlashItemHeader191" class="widgetTitle"> <a href="/564/Public-Notice" target="_blank">Public Notice </a> 2593</h4> <div class="widgetDesc"> 2594 </div> 2595 2596 </div> 2597 </li> 2598 <li class="widgetItem" data-index="4"> 2599 <a href="/CivicAlerts.aspx?AID=241" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=4438" alt="CSS Payment System" data-delayed-image="" /></a> 2600 <div class="text"> 2601 <h4 id="newsFlashItemHeader241" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=241" target="_blank">Pay Your Water and Sewer Bill On-Line... </a> 2602</h4> <div class="widgetDesc"> 2603 </div> 2604 2605 </div> 2606 </li> 2607 2608 </ol> 2609 </div> 2610</div>
2611<script type="text/javascript"> 2612 // <!-- 2613 window.$ = window.$ || window.parent.$; 2614 2615 $(window).on('load', function () { 2616 //Wait for the DOM to load completely before executing carousel logic since its all based on carousel width which wont come out correct until the DOM has loaded. Vishal 2617 if(!window.carouselsToInit){ 2618 window.carouselsToInit = new Array(); 2619 } 2620 var widgetNewsFlashec84d073cbc14a018688ef2b6c8a01e5 = function() 2621 { 2622 var widgetWindow = $('#widgetNewsFlashec84d073-cbc1-4a01-8688-ef2b6c8a01e5').find('.cpWindow')[0]; 2623 if(widgetWindow){ 2624 if(widgetWindow.clientWidth != 0){ 2625 window.setTimeout(function(){ 2626 $('#widgetNewsFlashec84d073-cbc1-4a01-8688-ef2b6c8a01e5').adaptiveCarousel({ 2627 minSlideWidth: 200, 2628 maxSlideWidth: 250, 2629 gutterWidth: 30, 2630 circular: true, 2631 teaser: false, 2632 transitionTiming: 500, 2633 noImageRequired: false 2634 }); 2635 }, 250); 2636 var index = window.carouselsToInit.indexOf(widgetNewsFlashec84d073cbc14a018688ef2b6c8a01e5); 2637 if (index > -1) { 2638 window.carouselsToInit.splice(index, 1); 2639 } 2640 } 2641 } 2642 } 2643 var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlashec84d073cbc14a018688ef2b6c8a01e5); 2644 if (indexCarouselsToInit === -1) { 2645 window.carouselsToInit.push(widgetNewsFlashec84d073cbc14a018688ef2b6c8a01e5); 2646 } 2647 2648 if (window.carouselsToInit) { 2649 window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); }); 2650 } 2651 2652 if (window.Pages.onResizeHandlers){ 2653 window.Pages.onResizeHandlers.forEach(function(car){car();}); 2654 } 2655 }); 2656 2657 if (Modernizr.touch) { 2658 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 2659 $.when($pages.rwdReady).done(function () { 2660 //only for responsive sites 2661 if (typeof($$) !== 'undefined') { 2662 $$('#widgetNewsFlashec84d073-cbc1-4a01-8688-ef2b6c8a01e5').on('swipeRight', function (e, a) { 2663 $(this).adaptiveCarousel("moveBack"); 2664 }); 2665 $$('#widgetNewsFlashec84d073-cbc1-4a01-8688-ef2b6c8a01e5').on('swipeLeft', function (e) { 2666 $(this).adaptiveCarousel("moveForward"); 2667 }); 2668 } 2669 }); 2670 } 2671 // --> 2672</script>
2672 2673 2674 </div> 2675 <div class="widgetFooter"> 2676 </div> 2677 <div class="addItemModal hidden"> 2678 <div class="url hidden">/CivicAlerts.aspx</div> 2679 </div> 2680 2681 </section> 2682 2683 2684 2685 2686 2687 2688 2689 2690</div> 2691 </div> <!-- inner column --> 2692 2693 </div> <!-- inner row --> 2694 2695 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2696 <div class="row outer wide"><!-- 2697--><div class="outer col col8 first" style="" data-widgetcontainerid="f3a71a05-857a-4d95-a60c-dfa08d967079">� 2698 <div class="row nest first wide">� 2699 2700 <div class="inner col col8 first last idc124c33c-411c-4064-bc93-026f5c0d662b" style="" data-widgetcontainerid="c124c33c-411c-4064-bc93-026f5c0d662b">� 2701 2702 <div class="widget slideShow skin73" role="region" aria-label="Slideshow" id="slideshow7cf3d3d2-a762-4fa8-bd97-5dd7b089c5c5" aria-haspopup="false" data-widgetID="7cf3d3d2-a762-4fa8-bd97-5dd7b089c5c5"> 2703 <input type="hidden" class="slideTiming" value="5"/> 2704 <input type="hidden" class="transitionTiming" value="1"/> 2705 <input type="hidden" class="hdnSlideshowUniqueID" value="2725" /> 2706 <header id="widgetHeader7cf3d3d2-a762-4fa8-bd97-5dd7b089c5c5" class="widgetHeader"> 2707 <div> 2708 <h3 id="slideshowHeaderText7cf3d3d2-a762-4fa8-bd97-5dd7b089c5c5" data-headertext="EVENTS and INFORMATION">EVENTS and INFORMATION</h3> 2709 </div> 2710 </header> 2711 <div id="divSlideshow2725" class="cpSlideshow widgetBody cpSlideshowJS2725 narrow"> 2712 <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" />
2713<script src="/-823076099.js" type="text/javascript"></script>
2713 2714 <div class="cpWindow cpWindowJS2725 "> 2715 <ol class="semanticList cpSlider fade cpSliderJS2725"> 2716 <li class="hidden" id="2725_28423" data-index="0" aria-hidden="true"> 2717 2718 <a href="/DocumentCenter/View/4180/Why-Does-the-City-of-Vero-Beach-Flush-Water-Lines-and-Fire-Hydrants" target="_blank"> 2719 2720 <img src="/ImageRepository/Document?documentID=4185" class="" alt="hydrant flushing notice" title="hydrant flushing notice" data-delayed-image="" style="height: 1px" /> 2721 2722 </a> 2723 </li> 2724 <li class="hidden" id="2725_28424" data-index="1" aria-hidden="true"> 2725 2726 2727 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=6127" class="" alt="Let only rain down the drain" title="Let only rain down the drain" data-delayed-image="" style="height: 1px" /> 2728 2729 </li> 2730 <li class="hidden" id="2725_28418" data-index="2" aria-hidden="true"> 2731 2732 2733 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=9467" class="" alt="Christmas Registration" title="Christmas Registration" data-delayed-image="" style="height: 1px" /> 2734 2735 </li> 2736 <li class="hidden" id="2725_28426" data-index="3" aria-hidden="true"> 2737 2738 <a href="/ImageRepository/Document?documentId=5525" target="_blank"> 2739 2740 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=5525" class="" alt="sea turtle help line" title="sea turtle help line" data-delayed-image="" style="height: 1px" /> 2741 2742 </a> 2743 </li> 2744 <li class="hidden" id="2725_28419" data-index="4" aria-hidden="true"> 2745 2746 <a href="/ImageRepository/Document?documentID=9465" target="_blank"> 2747 2748 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=9468" class="" alt="Fall 2 classes" title="Fall 2 classes" data-delayed-image="" style="height: 1px" /> 2749 2750 </a> 2751 </li> 2752 <li class="hidden" id="2725_28420" data-index="5" aria-hidden="true"> 2753 2754 2755 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=9469" class="" alt="PRICE CHANGES" title="PRICE CHANGES" data-delayed-image="" style="height: 1px" /> 2756 2757 </li> 2758 <li class="hidden" id="2725_28422" data-index="6" aria-hidden="true"> 2759 2760 <a href="/DocumentCenter/View/8751/ADA-Compatible-PDF" target="_blank"> 2761 2762 <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=8750" class="" alt="ADA Compatible(2)" title="ADA Compatible(2)" data-delayed-image="" style="height: 1px" /> 2763 2764 </a> 2765 </li> 2766 </ol> 2767 2768 2769 </div> 2770 <ol class="semanticList pager dots"> 2771 <li class="active" id="dot2725_28423"> 2772 <a href="#targetImage" aria-label="Mapping dot for slide number 1" role="button" onclick=" return false; " class="dotJS2725" data-targetImageli="2725_28423" data-dotNumber="1"> 2773 1 2774 <span class="visuallyhidden">hydrant flushing notice</span> 2775 </a> 2776 2777 </li> 2778 <li class="" id="dot2725_28424"> 2779 <a href="#targetImage" aria-label="Mapping dot for slide number 2" role="button" onclick=" return false; " class="dotJS2725" data-targetImageli="2725_28424" data-dotNumber="2"> 2780 2 2781 <span class="visuallyhidden">Let only rain down the drain</span> 2782 </a> 2783 2784 </li> 2785 <li class="" id="dot2725_28418"> 2786 <a href="#targetImage" aria-label="Mapping dot for slide number 3" role="button" onclick=" return false; " class="dotJS2725" data-targetImageli="2725_28418" data-dotNumber="3"> 2787 3 2788 <span class="visuallyhidden">Christmas Registration</span> 2789 </a> 2790 2791 </li> 2792 <li class="" id="dot2725_28426"> 2793 <a href="#targetImage" aria-label="Mapping dot for slide number 4" role="button" onclick=" return false; " class="dotJS2725" data-targetImageli="2725_28426" data-dotNumber="4"> 2794 4 2795 <span class="visuallyhidden">sea turtle help line</span> 2796 </a> 2797 2798 </li> 2799 <li class="" id="dot2725_28419"> 2800 <a href="#targetImage" aria-label="Mapping dot for slide number 5" role="button" onclick=" return false; " class="dotJS2725" data-targetImageli="2725_28419" data-dotNumber="5"> 2801 5 2802 <span class="visuallyhidden">Fall 2 classes</span> 2803 </a> 2804 2805 </li> 2806 <li class="" id="dot2725_28420"> 2807 <a href="#targetImage" aria-label="Mapping dot for slide number 6" role="button" onclick=" return false; " class="dotJS2725" data-targetImageli="2725_28420" data-dotNumber="6"> 2808 6 2809 <span class="visuallyhidden">PRICE CHANGES</span> 2810 </a> 2811 2812 </li> 2813 <li class="" id="dot2725_28422"> 2814 <a href="#targetImage" aria-label="Mapping dot for slide number 7" role="button" onclick=" return false; " class="dotJS2725" data-targetImageli="2725_28422" data-dotNumber="7"> 2815 7 2816 <span class="visuallyhidden">ADA Compatible(2)</span> 2817 </a> 2818 2819 </li> 2820 </ol> 2821 <div class=""> 2822 <div class="ssPlayPause" style=""> 2823 <button id="ssPause-btn-2725" class="ssPause-btn alignRight" aria-label="Pause Slideshow"> 2824 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff" style="background: #000"> 2825 <path d="M6 19h4V5H6v14zm8-14v14h4V5h-4z" /> 2826 <path d="M0 0h24v24H0z" fill="none" /> 2827 </svg> 2828 </button> 2829 <button id="ssPlay-btn-2725" class="ssPlay-btn alignRight" aria-label="Play Slideshow"> 2830 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="#fff" style="background: #000"> 2831 <path d="M8 5v14l11-7z" /> 2832 <path d="M0 0h24v24H0z" fill="none" /> 2833 </svg> 2834 </button> 2835 </div> 2836 </div> 2837 <div aria-live="polite" aria-atomic="true" class="liveRegionJS2725 visuallyhidden"></div> 2838
2838<script type="text/javascript"> 2839 // <!-- 2840 var $1 = typeof $ == 'undefined' ? window.parent.$ : $; 2841 $1(document).ready(function () { 2842 new Slideshow().generate('2725','1','5',false,false,0); 2843 $('#ssPlay-btn-2725').addClass('isHidden'); 2844 }); 2845 var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages; 2846 $1.when($pages.rwdReady).done(function () { 2847 var divSlideshowID = 'divSlideshow2725'; 2848 var mediaQuerySize = 25; 2849 if (mediaQuerySize == 0) 2850 mediaQuerySize = 25; //default for not widget slide show 2851 var mediaElementQuery = '#' + divSlideshowID + ':media(this-min-width:' + mediaQuerySize + 'em)'; 2852 var $cpMedia = typeof window.cpMedia == 'undefined' ? window.parent.cpMedia : window.cpMedia; 2853 var $divSlideShow = $('#' + divSlideshowID); 2854 var $arrows = $divSlideShow.find('a.arrow'); 2855 var $arrowsNew = $divSlideShow.find('a.arrowNew'); 2856 var $divExternalSlideshow = $('.bannerSlideshowControlsNew').last(); 2857 var $overlays = $(document.getElementsByName('captionOverlay_2725')); 2858 2859 if(window.isMobileBrowserIncludingTablets){ 2860 $overlays.each(function (overlay) { 2861 $(overlay).removeClass('overlay') 2862 }); 2863 } 2864 2865 $cpMedia.unregister(mediaElementQuery) 2866 .register(mediaElementQuery, 2867 { 2868 deferSetup: false, 2869 setup: function () { 2870 cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); 2871 $divSlideShow.removeClass('wide').addClass('narrow'); 2872 if ($divExternalSlideshow.length > 0) { 2873 $divExternalSlideshow.hide(); 2874 } 2875 if ($arrows.length > 0) { 2876 $arrows.hide(); 2877 if (typeof ($$) !== 'undefined') { 2878 $$('#' + divSlideshowID) 2879 .on('swipeRight', 2880 function (e, a) { 2881 $arrows.filter('.prev').click(); 2882 }); 2883 $$('#' + divSlideshowID) 2884 .on('swipeLeft', 2885 function (e) { 2886 $arrows.filter('.next').click(); 2887 }); 2888 } 2889 } 2890 if ($arrowsNew.length > 0) { 2891 2892 if (!(true && !window.isMobileBrowserIncludingTablets)) { 2893 $arrowsNew.hide(); 2894 } 2895 if (typeof ($$) !== 'undefined') { 2896 $$('#' + divSlideshowID) 2897 .on('swipeRight', 2898 function (e, a) { 2899 $arrowsNew.filter('.prev').click(); 2900 }); 2901 $$('#' + divSlideshowID) 2902 .on('swipeLeft', 2903 function (e) { 2904 $arrowsNew.filter('.next').click(); 2905 }); 2906 } 2907 } 2908 if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { 2909 if (2 == 1) { 2910 $overlays.hide(); 2911 } else if (2 == 2) { 2912 $overlays.removeClass('overlay'); 2913 } 2914 } 2915 }, 2916 match: function () { 2917 cpMedia.diag('$(element).addClass("wide"), mediaQuery: ' + mediaElementQuery); 2918 $divSlideShow.addClass('wide').removeClass('narrow'); 2919 if ($divExternalSlideshow.length > 0 && !$divExternalSlideshow.hasClass('none')) { 2920 $divExternalSlideshow.show(); 2921 } 2922 if ($arrows.length > 0) { 2923 $arrows.show(); 2924 if (typeof ($$) !== 'undefined') { 2925 $$('#' + divSlideshowID).off('swipeRight'); 2926 $$('#' + divSlideshowID).off('swipeLeft'); 2927 } 2928 } 2929 if ($arrowsNew.length > 0) { 2930 $arrowsNew.show(); 2931 if (typeof ($$) !== 'undefined') { 2932 $$('#' + divSlideshowID).off('swipeRight'); 2933 $$('#' + divSlideshowID).off('swipeLeft'); 2934 } 2935 } 2936 if ($overlays.length > 0) { 2937 if (2 == 1) { 2938 $overlays.show(); 2939 } else if (2 == 2 && !window.isMobileBrowserIncludingTablets) { 2940 $overlays.addClass('overlay'); 2941 } 2942 } 2943 }, 2944 unmatch: function () { 2945 cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery); 2946 $divSlideShow.removeClass('wide').addClass('narrow'); 2947 if ($divExternalSlideshow.length > 0) { 2948 $divExternalSlideshow.hide(); 2949 } 2950 if ($arrows.length > 0) { 2951 $arrows.hide(); 2952 2953 if (typeof ($$) !== 'undefined') { 2954 $$('#' + divSlideshowID).on('swipeRight', function (e) { 2955 $arrows.filter('.prev').click(); 2956 });
2957 $$('#' + divSlideshowID).on('swipeLeft', function (e) { 2958 $arrows.filter('.next').click(); 2959 }); 2960 } 2961 } 2962 if ($arrowsNew.length > 0) { 2963 if (typeof ($$) !== 'undefined') { 2964 $$('#' + divSlideshowID).on('swipeRight', function (e) { 2965 $arrowsNew.filter('.prev').click(); 2966 }); 2967 $$('#' + divSlideshowID).on('swipeLeft', function (e) { 2968 $arrowsNew.filter('.next').click(); 2969 }); 2970 } 2971 } 2972 if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) { 2973 if (2 == 1) { 2974 $overlays.hide(); 2975 } else if (2 == 2) { 2976 $overlays.removeClass('overlay'); 2977 } 2978 } 2979 } 2980 }); 2981 }); 2982 // --> 2983 </script>
2983 2984 2985 2986 </div> 2987
2988<script type="text/javascript"> 2989 (function () { 2990 const widgetHandlers = function (e) { 2991 $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { 2992 var $this = $(this); 2993 // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 2994 // This came about, because we needed to use slider images to trigger options. - JE 2995 if ($this.parent().hasClass('cpSlider')) { 2996 $this = $this.closest('.widget.slideShow').siblings('.handle.options'); 2997 } 2998 2999 //Set values for global variables for slideshow. 3000 if ($this.attr('data-widgetID').length !== 0) { 3001 parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); 3002 } 3003 callbackfnSlideshowSave = null; 3004 var pageID = ContentCollectionInstance.PageID; 3005 var moduleID = ContentCollectionInstance.ModuleID; 3006 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 3007 //Set slideshow widgetID 3008 ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); 3009 $popUp_Slideshow = openCpModal({ 3010 title: 'Slideshow', 3011 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 3012 isFrontEnd: false, 3013 useIframe: false, 3014 draggable: true, 3015 url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs 3016 }); 3017 }); 3018 3019 $('.slideshowOptions.empty').unbind('click').click(function (e) { 3020 var $this = $(this); 3021 parentID_Slideshow = $this.parents('.slideShow').attr('id'); 3022 var pageID = ContentCollectionInstance.PageID; 3023 var moduleID = ContentCollectionInstance.ModuleID; 3024 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 3025 ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); 3026 $popUp_Slideshow = openCpModal({ 3027 title: 'Slideshow', 3028 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 3029 isFrontEnd: false, 3030 useIframe: false, 3031 draggable: true, 3032 url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs 3033 }); 3034 }); 3035 }; 3036 3037 if (document.readyState === "complete" 3038 || document.readyState === "loaded" 3039 || document.readyState === "interactive") { 3040 widgetHandlers(); 3041 return; 3042 } 3043 3044 document.addEventListener("DOMContentLoaded", widgetHandlers); 3045 })(); 3046</script>
3046 3047 </div> 3048 3049
3050<script type="text/javascript"> 3051 function SlideshowWidgetCallback(widgetID, response) { 3052 if (window.ContentCollectionInstance.IsWorkingCopy) { 3053 //Remove this field since the partial view adds it back. 3054 $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); 3055 if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) 3056 $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); 3057 else 3058 $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); 3059 3060 contentUpdated(); 3061 } 3062 else { 3063 ContentCollectionInstance.reloadContent(); 3064 } 3065 3066 $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { 3067 var $this = $(this); 3068 // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 3069 // This came about, because we needed to use slider images to trigger options. - JE 3070 if ($this.parent().hasClass('cpSlider')) { 3071 $this = $this.closest('.widget.slideShow').siblings('.handle.options'); 3072 } 3073 3074 //Set values for global variables for slideshow. 3075 if ($this.attr('data-widgetID').length !== 0) { 3076 parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); 3077 } 3078 callbackfnSlideshowSave = null; 3079 var pageID = ContentCollectionInstance.PageID; 3080 var moduleID = ContentCollectionInstance.ModuleID; 3081 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 3082 //Set slideshow widgetID 3083 ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); 3084 $popUp_Slideshow = openCpModal({ 3085 title: 'Slideshow', 3086 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 3087 isFrontEnd: false, 3088 useIframe: false, 3089 draggable: true, 3090 url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs 3091 }); 3092 }); 3093 3094 $('.slideshowOptions.empty').unbind('click').click(function (e) { 3095 var $this = $(this); 3096 parentID_Slideshow = $this.parents('.slideShow').attr('id'); 3097 var pageID = ContentCollectionInstance.PageID; 3098 var moduleID = ContentCollectionInstance.ModuleID; 3099 var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; 3100 ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); 3101 $popUp_Slideshow = openCpModal({ 3102 title: 'Slideshow', 3103 className: 'newCP adminWrap cpPopOver admin modalSlideshow', 3104 isFrontEnd: false, 3105 useIframe: false, 3106 draggable: true, 3107 url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs 3108 }); 3109 }); 3110 } 3111 3112 (function (){ 3113 const widgetHandlers = function () { 3114 var hasEditRights = false; 3115 if (window.File && window.FileList && window.FileReader && hasEditRights) { 3116 var SlideshowWidget = 3; 3117 makeWidgetAreaDroppable('7cf3d3d2-a762-4fa8-bd97-5dd7b089c5c5', $('#slideshow' + '7cf3d3d2-a762-4fa8-bd97-5dd7b089c5c5'), SlideshowWidget, true, SlideshowWidgetCallback); 3118 } 3119 3120 if(hasEditRights) 3121 browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '7cf3d3d2-a762-4fa8-bd97-5dd7b089c5c5'), 'Click to start adding images.'); 3122 }; 3123 3124 if (document.readyState === "complete" 3125 || document.readyState === "loaded" 3126 || document.readyState === "interactive") { 3127 widgetHandlers(); 3128 return; 3129 } 3130 3131 document.addEventListener("DOMContentLoaded", widgetHandlers); 3132 })(); 3133</script>
3133 3134 </div> <!-- inner column --> 3135 3136 </div> <!-- inner row --> 3137 <div class="row nest last wide">� 3138 3139 <div class="inner col col8 first last id73aa944e-73f3-4212-90dd-64c2eaaa8814" style="" data-widgetcontainerid="73aa944e-73f3-4212-90dd-64c2eaaa8814">� 3140 3141<div class="widget image pageStyles" id="divImageOuter089a60b4-b402-4b43-8423-5609beb62f1c" data-widget-id="089a60b4-b402-4b43-8423-5609beb62f1c"> 3142 <header class="widgetHeader"><div><h3 data-headertext="COVB Weather Station Humiston Beach Park">COVB Weather Station Humiston Beach Park</h3></div></header> 3143 3144 <div class="widgetBody " id="divImage089a60b4-b402-4b43-8423-5609beb62f1c">� <a href="https://l.facebook.com/l.php?u=https%3A%2F%2Findianriver.weatherstem.com%2Ffswnverobeach%3Ffbclid%3DIwZXh0bgNhZW0CMTAAYnJpZBExdTNrSGJNU29QbXVLSXE4V3NydGMGYXBwX2lkEDIyMjAzOTE3ODgyMDA4OTIAAR6Gt9prAr9MXpOa0WkChci-gZ3bBGAGzvfAStNrjpoBd_iDlonDBpMPi-buGQ_aem_5eHKt0g07BXqRySCPnatUQ&h=AT6hOdqkWB35YyI6wfyBQ-Hfm9odzI8qNtfEMFZCpg35BLnpDUbWkXJhQOxdZHJXAHCsVMIuXz2oIXnqUU-hAycg8PcTe2iNFVVCK87b0rynqsyGjF_zZCG5W1YKYAR7XEzqSuW1ABS4JROhb5crgr3Wy-IxJA&__tn__=-UK-R&c[0]=AT7ex8WMywJ6DUZX5DhxS_N0Gd9H2OpmGsxSbXtIXoeUovceY1B8vHA8dopL62qc9NqxRiLAFasIf_SuZK_pE8o_Gk6zXAsks2Rq7Jgv2L7NyuzGIlacjZvYxAfh7gBHW0TiFAnUwXjbdwzZlnxKtaHS_6Z9evD8BbU6-GtvUJdcgwDT3CMrWIIIt3xCKPKMVo61nNiCda51sCMb9W3S9OTvzw" target="_blank"><img src="/ImageRepository/Document?documentID=9065" alt="City of Vero Beach Weather Station" title="City of Vero Beach Weather Station"/></a> 3145 </div>�</div> 3146 3147 </div> <!-- inner column --> 3148 3149 </div> <!-- inner row --> 3150 3151 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="9a0b4234-b42f-4764-ab47-36f8351b3532">� 3152 <div class="row nest first last wide">� 3153 3154 <div class="inner col col1 first last id0d2507cb-acf0-4f20-99c9-cbe636d29dc9" style="" data-widgetcontainerid="0d2507cb-acf0-4f20-99c9-cbe636d29dc9">� 3155 3156<div class="widget widgetSpacer" id="608dcb9e-912b-4266-adc1-2302c8cd3431"></div> 3157 </div> <!-- inner column --> 3158 3159 </div> <!-- inner row --> 3160 3161 </div><!-- outer column --><!----><div class="outer col col15 last" style="" data-widgetcontainerid="bd5a0674-eb0c-4970-8bfb-9f0fd3b0a700">� 3162 <div class="row nest first last wide">� 3163 3164 <div class="inner col col15 first last idc99cd299-957d-4b04-8029-baa2576fd6a3" style="" data-widgetcontainerid="c99cd299-957d-4b04-8029-baa2576fd6a3">� 3165<div data-widget-id="e53e16fb-7103-49f0-b240-777d6e84b7c2" data-widget-controller-path="/Calendar/Widget"> 3166
3166<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
3166 3167 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 3187 3188 3189 3190 3191 3192 3193 3194 3195 3196<div id="widgetCalendare53e16fb-7103-49f0-b240-777d6e84b7c2" class="widget widgetCalendar skin74 widgetOptionSet37 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> 3197 <div class="widgetHeader "> 3198 <div class="rightLink"> 3199 3200 <div class="alignMiddle"> 3201 <a id="calendarViewAlle53e16fb-7103-49f0-b240-777d6e84b7c2" class="widgetViewAll alignRight" style="" href="/calendar.aspx?CID=29,26,30,35,34,32,31,27,33,25,28">View Full Calendar</a> 3202 3203 </div> 3204 </div> 3205 </div> 3206 <div class="widgetBody cpGrid cpGrid2 mediaAbove"> 3207 <div class="calendarInnerWrapper"> 3208 3209 3210<div data-minicalendar="true" class="miniCalendar" style=""> 3211<div id="miniCalendarAnnouncemente53e16fb-7103-49f0-b240-777d6e84b7c2" aria-live="polite" aria-atomic="true" class="visuallyhidden"></div> 3212<input type="hidden" name="monthToRender" data-year="2026" data-month="10" /> 3213<h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" role="presentation"><button aria-label="Previous Month, current month October 2026, go to September 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--left cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--left"></use></svg></button><span class="cp-miniCalendar-title" id="miniCalendarHeadere53e16fb-7103-49f0-b240-777d6e84b7c2" role="heading" aria-level="3">October 2026</span><button aria-label="Next Month, current month October 2026, go to November 2026" class="cp-miniCalendar-arrow cp-miniCalendar-arrow--right cp-Btn--nonStyled"><svg><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconArrow--right"></use></svg></button></h3> 3214 <table role="grid" aria-labelledby="miniCalendarHeadere53e16fb-7103-49f0-b240-777d6e84b7c2" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> 3215 <thead> 3216 <tr> 3217<th scope="col"><abbr title=" 3218Sunday 3219"> 3220Sun 3221</abbr></th> 3222<th scope="col"><abbr title=" 3223Monday 3224"> 3225Mon 3226</abbr></th> 3227<th scope="col"><abbr title=" 3228Tuesday 3229"> 3230Tue 3231</abbr></th> 3232<th scope="col"><abbr title=" 3233Wednesday 3234"> 3235Wed 3236</abbr></th> 3237<th scope="col"><abbr title=" 3238Thursday 3239"> 3240Thu 3241</abbr></th> 3242<th scope="col"><abbr title=" 3243Friday 3244"> 3245Fri 3246</abbr></th> 3247<th scope="col"><abbr title=" 3248Saturday 3249"> 3250Sat 3251</abbr></th> 3252 3253 </tr> 3254 </thead> 3255 <tbody> 3256<tr><td class="not"><span><time datetime="2026-09-27">27</time></span></td> 3257 3258<td class="not"><span><time datetime="2026-09-28">28</time></span></td> 3259 3260<td class="not"><span><time datetime="2026-09-29">29</time></span></td> 3261 3262<td class="not"><span><time datetime="2026-09-30">30</time></span></td> 3263 3264<td><span><time datetime="2026-10-01"> 1</time></span></td> 3265 3266<td class="today"><span><time datetime="2026-10-02"> 2</time></span></td> 3267 3268<td><span><time datetime="2026-10-03"> 3</time></span></td> 3269 3270</tr> 3271<tr><td><span><time datetime="2026-10-04"> 4</time></span></td> 3272 3273<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=5&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-05"> 5</time></a></td> 3274 3275<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=6&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-06"> 6</time></a></td> 3276 3277<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=7&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-07"> 7</time></a></td> 3278 3279<td><span><time datetime="2026-10-08"> 8</time></span></td> 3280 3281<td><span><time datetime="2026-10-09"> 9</time></span></td> 3282 3283<td><span><time datetime="2026-10-10">10</time></span></td> 3284 3285</tr> 3286<tr><td><span><time datetime="2026-10-11">11</time></span></td> 3287 3288<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=12&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-12">12</time></a></td> 3289 3290<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=13&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-13">13</time></a></td> 3291 3292<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=14&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-14">14</time></a></td> 3293 3294<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=15&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-15">15</time></a></td> 3295 3296<td><span><time datetime="2026-10-16">16</time></span></td> 3297 3298<td><span><time datetime="2026-10-17">17</time></span></td> 3299 3300</tr> 3301<tr><td><span><time datetime="2026-10-18">18</time></span></td> 3302 3303<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=19&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-19">19</time></a></td> 3304 3305<td><span><time datetime="2026-10-20">20</time></span></td> 3306 3307<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=21&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-21">21</time></a></td> 3308 3309<td><span><time datetime="2026-10-22">22</time></span></td> 3310 3311<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=23&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-23">23</time></a></td> 3312 3313<td><span><time datetime="2026-10-24">24</time></span></td> 3314 3315</tr> 3316<tr><td><span><time datetime="2026-10-25">25</time></span></td> 3317 3318<td><span><time datetime="2026-10-26">26</time></span></td> 3319 3320<td><a tabindex="0" href='/calendar.aspx?view=list&year=2026&month=10&day=27&CID=29,26,30,35,34,32,31,27,33,25,28'><time datetime="2026-10-27">27</time></a></td> 3321 3322<td><span><time datetime="2026-10-28">28</time></span></td> 3323 3324<td><span><time datetime="2026-10-29">29</time></span></td> 3325 3326<td><span><time datetime="2026-10-30">30</time></span></td> 3327 3328<td><span><time datetime="2026-10-31">31</time></span></td> 3329 3330</tr> 3331 3332 </tbody> 3333 </table> 3334</div> 3335 3336 3337 3338
3338<script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script>
3338 3339
3339<script> 3340 $(function () { 3341 var miniCalendar = new MiniCalendar(); 3342 miniCalendar.init({ 3343 widgetId: "e53e16fb-7103-49f0-b240-777d6e84b7c2", 3344 preventNavigationOnArrows: false, 3345 displayDatesOutsideOfCurrentMonth: true 3346 }); 3347 }); 3348 </script>
3348 3349 3350 3351 3352 3353 3354 3355 3356 3357<div class="row narrow" data-event-list-row="true" style=""> 3358 3359
3360<script src="/Scripts/jquery.urlToLink.min.js"></script>
3360 3361<input type="hidden" value="["2026-10-05","2026-10-06","2026-10-07","2026-10-12","2026-10-13","2026-10-14","2026-10-15"]" name="day-list" /> 3362 3363 <div class="col col1 first "> 3364 <ol class="semanticList"> 3365 3366 3367 3368 3369 3370 3371 3372 3373 3374 3375 3376<li class="widgetItem " data-event-i-d="8447" > 3377 3378 3379 <h4 class="widgetTitle">Mon, Oct. 5 </h4> 3380 <div style="" class="widgetDesc"> 3381 <strong><a href="/Calendar.aspx?EID=8447">HUMISTON BOARDWALK CITIZENS COMMITTEE MEETING</a></strong> 3382 3383 </div> 3384 </li> 3385 3386 3387 3388 3389 3390 3391 3392 3393 3394 3395 3396<li class="widgetItem " data-event-i-d="8449" > 3397 3398 3399 <h4 class="widgetTitle">Tue, Oct. 6 </h4> 3400 <div style="" class="widgetDesc"> 3401 <strong><a href="/Calendar.aspx?EID=8449">Special Call Police Pension Board Meeting</a></strong> 3402 3403 </div> 3404 </li> 3405 3406 3407 3408 3409 3410 3411 3412 3413 3414 3415 3416<li class="widgetItem " data-event-i-d="8372" > 3417 3418 3419 <h4 class="widgetTitle">Wed, Oct. 7 </h4> 3420 <div style="" class="widgetDesc"> 3421 <strong><a href="/Calendar.aspx?EID=8372">Veterans Memorial Island Sanctuary Advisory Committee Meeting</a></strong> 3422 3423 </div> 3424 </li> 3425 3426 3427 3428 3429 3430 3431 3432 3433 3434 3435 3436<li class="widgetItem " data-event-i-d="8450" > 3437 3438 3439 <h4 class="widgetTitle">Mon, Oct. 12 </h4> 3440 <div style="" class="widgetDesc"> 3441 <strong><a href="/Calendar.aspx?EID=8450">HUMISTON BOARDWALK CITIZENS COMMITTEE MEETING</a></strong> 3442 3443 </div> 3444 </li> 3445 </ol> 3446 </div> 3447 <div class="col col1 last"> 3448 <ol class="semanticList"> 3449 3450 3451 3452 3453 3454 3455 3456 3457 3458 3459 3460<li class="widgetItem " data-event-i-d="8316" > 3461 3462 3463 <h4 class="widgetTitle">Tue, Oct. 13 </h4> 3464 <div style="" class="widgetDesc"> 3465 <strong><a href="/Calendar.aspx?EID=8316">City Council Meeting</a></strong> 3466 3467 </div> 3468 </li> 3469 3470 3471 3472 3473 3474 3475 3476 3477 3478 3479 3480<li class="widgetItem " data-event-i-d="8344" > 3481 3482 3483 <h4 class="widgetTitle">Wed, Oct. 14 </h4> 3484 <div style="" class="widgetDesc"> 3485 <strong><a href="/Calendar.aspx?EID=8344">Code Enforcement Board Meeting</a></strong> 3486 3487 </div> 3488 </li> 3489 3490 3491 3492 3493 3494 3495 3496 3497 3498 3499 3500<li class="widgetItem " data-event-i-d="8451" > 3501 3502 3503 <h4 class="widgetTitle">Thu, Oct. 15 </h4> 3504 <div style="" class="widgetDesc"> 3505 <strong><a href="/Calendar.aspx?EID=8451">Marine Commission</a></strong> 3506 3507 </div> 3508 </li> 3509 </ol> 3510 </div> 3511 3512</div> 3513 </div> 3514 </div> 3515 <div class="widgetFooter"> 3516 3517 </div> 3518 <div class="addItemModal hidden"> 3519 <div class="url hidden">/Calendar.aspx</div> 3520 </div> 3521</div> 3522</div> 3523 3524 </div> <!-- inner column --> 3525 3526 </div> <!-- inner row --> 3527 3528 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3529 3530 3531 </div> 3532</div></div> 3533</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 3534<div class="siteWrap"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccbc389b03-4641-412e-835c-fe5960970c5a" data-containerid="bc389b03-4641-412e-835c-fe5960970c5a" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="72"> 3535 3536 3537 <div class="row outer wide"><!-- 3538--><div class="outer col col4 first" style="" data-widgetcontainerid="c19f951e-b117-4d80-9a7a-b6539d941f20">� 3539 <div class="row nest first wide">� 3540 3541 <div class="inner col col4 first last id6425869b-bdaa-44b9-b443-911d3c8f24a3" style="" data-widgetcontainerid="6425869b-bdaa-44b9-b443-911d3c8f24a3">� 3542 <div data-widget-id="84544b6c-5e17-45aa-8366-a0446ece91f4" data-widget-controller-path="/InfoAdvanced/Widget"> 3543 3544 3545 3546 3547 3548 <section id="divInfoAdv84544b6c-5e17-45aa-8366-a0446ece91f4" class="widget widgetInfoAdvanced skin69 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 3549 <header class="widgetHeader" id="header84544b6c-5e17-45aa-8366-a0446ece91f4"> 3550 <div class=""> 3551 </div> 3552 </header> 3553 <div class="widgetBody cpGrid cpGrid1 "> 3554 <div class="row wide"> 3555 <div class="col col1 first last"> 3556 <ol class="pageStyles semanticList"> 3557 3558<li class="InfoAdvanced widgetItem fr-view"> 3559 <p><a href="/"><img src="/ImageRepository/Document?documentId=6742" class="fr-dib" alt="Home Page"></a></p> 3560</li> </ol> 3561 </div> 3562 </div> 3563 </div> 3564 <div class="widgetFooter"> 3565 3566 </div> 3567 3568 </section> 3569 3570 3571
3572<script type="text/javascript"> 3573 //Render slideshow if info advacned items contain one. 3574 $(document).ready(function (e) { 3575 $('#divInfoAdv84544b6c-5e17-45aa-8366-a0446ece91f4 .InfoAdvanced.widgetItem').each(function () { 3576 renderSlideshowIfApplicable($(this)); 3577 }); 3578 }); 3579</script>
3579</div> 3580 </div> <!-- inner column --> 3581 3582 </div> <!-- inner row --> 3583 <div class="row nest last wide">� 3584 3585 <div class="inner col col4 first last idde92153f-80df-48d5-8883-b90e95b634a9" style="" data-widgetcontainerid="de92153f-80df-48d5-8883-b90e95b634a9">� 3586<div data-widget-id="f0470b35-22f1-4977-a802-d59f6b9bbcde" data-widget-controller-path="/GraphicLinks/Widget"> 3587 3588 3589 3590 3591<div id="graphicLinkWidgetf0470b35-22f1-4977-a802-d59f6b9bbcde" class="widget widgetGraphicLinks skin70 widgetOptionSet36 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 3592 <div class="widgetHeader"> 3593 <div class=""> 3594 </div> 3595 </div> 3596 <div class="widgetBody cpGrid cpGrid2 "> 3597 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 3598 <div class="row autoWidths center wide"> 3599 <!-- 3600--><div class="col col1 first "><ul class="semanticList"><!-- 3601 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/TheCityOfVeroBeach" target="_blank"> 3602 3603<img src="/ImageRepository/Document?documentID=6683" 3604 class="graphicButtonLink" alt="Facebook (opens in new window)" 3605 onmouseover="this.src='/ImageRepository/Document?documentID=6683'" 3606 onmouseout="this.src='/ImageRepository/Document?documentID=6683'" 3607 onfocus="this.src='/ImageRepository/Document?documentID=6683'" 3608 onblur="this.src='/ImageRepository/Document?documentID=6683'"> 3609</a></li><!-- 3610--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 3611 --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self"> 3612 3613<img src="/ImageRepository/Document?documentID=6693" 3614 class="graphicButtonLink" alt="YouTube" 3615 onmouseover="this.src='/ImageRepository/Document?documentID=6693'" 3616 onmouseout="this.src='/ImageRepository/Document?documentID=6693'" 3617 onfocus="this.src='/ImageRepository/Document?documentID=6693'" 3618 onblur="this.src='/ImageRepository/Document?documentID=6693'"> 3619</a></li><!-- 3620--></ul></div><!-- --> 3621 </div> 3622 </nav> 3623 </div> 3624 <div class="widgetFooter"> 3625 </div> 3626</div> 3627</div> 3628 3629 </div> <!-- inner column --> 3630 3631 </div> <!-- inner row --> 3632 3633 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="b51f80fb-9516-4027-9e54-36a31809ee1a">� 3634 <div class="row nest first last wide">� 3635 3636 <div class="inner col col1 first last idad633183-d513-4d42-a101-9b15a39ff32a" style="" data-widgetcontainerid="ad633183-d513-4d42-a101-9b15a39ff32a">� 3637 3638<div class="widget widgetSpacer" id="0b4c343c-90fa-405a-8446-5a32f6d93288"></div> 3639 </div> <!-- inner column --> 3640 3641 </div> <!-- inner row --> 3642 3643 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="fa3def4e-9567-4f8e-9d8a-a0969fba6b6d">� 3644 <div class="row nest first last wide">� 3645 3646 <div class="inner col col4 first last id0c411359-2fb1-44d9-b041-f66ca6630884" style="" data-widgetcontainerid="0c411359-2fb1-44d9-b041-f66ca6630884">� 3647 <div data-widget-id="c10e20c3-25c0-4674-86bd-f17c99add68d" data-widget-controller-path="/InfoAdvanced/Widget"> 3648 3649 3650 3651 3652 3653 <section id="divInfoAdvc10e20c3-25c0-4674-86bd-f17c99add68d" class="widget widgetInfoAdvanced skin66 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerc10e20c3-25c0-4674-86bd-f17c99add68d"> 3654 <header class="widgetHeader" id="headerc10e20c3-25c0-4674-86bd-f17c99add68d"> 3655 <div class=""> 3656 <h3 >Contact Us</h3> 3657 </div> 3658 </header> 3659 <div class="widgetBody cpGrid cpGrid1 "> 3660 <div class="row wide"> 3661 <div class="col col1 first last"> 3662 <ol class="pageStyles semanticList"> 3663 3664<li class="InfoAdvanced widgetItem fr-view"> 3665 <p><strong>City Hall</strong><br>1053 20th Place,<br>Vero Beach, FL 32960</p><p>Phone:<a href="tel:7729785151"> 772-978-5151</a></p> 3666</li> </ol> 3667 </div> 3668 </div> 3669 </div> 3670 <div class="widgetFooter"> 3671 3672 </div> 3673 3674 </section> 3675 3676 3677
3678<script type="text/javascript"> 3679 //Render slideshow if info advacned items contain one. 3680 $(document).ready(function (e) { 3681 $('#divInfoAdvc10e20c3-25c0-4674-86bd-f17c99add68d .InfoAdvanced.widgetItem').each(function () { 3682 renderSlideshowIfApplicable($(this)); 3683 }); 3684 }); 3685</script>
3685</div> 3686 </div> <!-- inner column --> 3687 3688 </div> <!-- inner row --> 3689 3690 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="89d46f11-3683-4474-a158-7b460827be52">� 3691 <div class="row nest first last wide">� 3692 3693 <div class="inner col col1 first last id2a148bf3-2dfd-447b-b365-d9c3c0849bba" style="" data-widgetcontainerid="2a148bf3-2dfd-447b-b365-d9c3c0849bba">� 3694 3695<div class="widget widgetSpacer" id="d0379e2e-81ff-4df8-ad1f-0ed990a3ba1c"></div> 3696 </div> <!-- inner column --> 3697 3698 </div> <!-- inner row --> 3699 3700 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="579e2e1d-0bf7-40f6-8134-f4fd0f01dce3">� 3701 <div class="row nest first last wide">� 3702 3703 <div class="inner col col8 first last id115b4247-308e-467b-bcbe-a868af2f1ff9" style="" data-widgetcontainerid="115b4247-308e-467b-bcbe-a868af2f1ff9">� 3704 <div data-widget-id="0cc4bd17-cb00-47b1-8b20-5afb74654244" data-widget-controller-path="/QuickLinks/Widget"> 3705 3706 3707 3708 3709 3710 3711 3712 3713 <section id="widgetQuicklink0cc4bd17-cb00-47b1-8b20-5afb74654244" class="widget widgetQuickLinks skin66 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader0cc4bd17-cb00-47b1-8b20-5afb74654244"> 3714 <header class="widgetHeader" id="quickLinksHeader0cc4bd17-cb00-47b1-8b20-5afb74654244"> 3715 <div class=""> 3716 <h3><a style="" href="/QuickLinks.aspx?CID=13" >Quick Links</a></h3> 3717 </div> 3718 </header> 3719 <div class="widgetBody cpGrid cpGrid1 "> 3720 <div class="row narrow"> 3721 <div class="col col1 first last"> 3722 <ol class="semanticList"> 3723 3724 <li style="position:relative" class="widgetItem QuickLinks"> 3725 <a class="widgetDesc widgetQuickLinksLink" href="https://covb.maps.arcgis.com/apps/instant/lookup/index.html?appid=b7a5e904d23d479ca3f7d80403b7757c" target="_blank" aria-label="Am I a City or County Resident? opens in new window">Am I a City or County Resident?</a> 3726 <div class="widgetMeta"></div> 3727 </li> 3728 3729 <li style="position:relative" class="widgetItem QuickLinks"> 3730 <a class="widgetDesc widgetQuickLinksLink" href="/170/Customer-Service-Water-and-Sewer" target="_self" >Online Payments</a> 3731 <div class="widgetMeta"></div> 3732 </li> 3733 3734 <li style="position:relative" class="widgetItem QuickLinks"> 3735 <a class="widgetDesc widgetQuickLinksLink" href="https://www.governmentjobs.com/careers/covb" target="_self" >JOB OPPORTUNITIES</a> 3736 <div class="widgetMeta"></div> 3737 </li> 3738 3739 <li style="position:relative" class="widgetItem QuickLinks"> 3740 <a class="widgetDesc widgetQuickLinksLink" href="https://www.covbemployees.org/" target="_blank" aria-label="Employees only opens in new window">Employees only</a> 3741 <div class="widgetMeta"></div> 3742 </li> 3743 3744 <li style="position:relative" class="widgetItem QuickLinks"> 3745 <a class="widgetDesc widgetQuickLinksLink" href="https://mail.covb.org/" target="_blank" aria-label="Employee Email opens in new window">Employee Email</a> 3746 <div class="widgetMeta"></div> 3747 </li> 3748 </ol> 3749 </div> 3750 </div> 3751 3752 </div> 3753 <div class="widgetFooter"> 3754 </div> 3755 <div class="addItemModal hidden"> 3756 <div class="url hidden">/QuickLinks.aspx</div> 3757 </div> 3758 3759 </section> 3760</div> 3761 3762 </div> <!-- inner column --> 3763 3764 </div> <!-- inner row --> 3765 3766 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="9781c84e-f470-4a72-95f1-7dd0c301924c">� 3767 <div class="row nest first last wide">� 3768 3769 <div class="inner col col1 first last id988bab91-b140-4e17-84c3-4f81cfd3e796" style="" data-widgetcontainerid="988bab91-b140-4e17-84c3-4f81cfd3e796">� 3770 3771<div class="widget widgetSpacer" id="ceeadf9a-6035-48b0-ac8b-3cd579d9b2b5"></div> 3772 </div> <!-- inner column --> 3773 3774 </div> <!-- inner row --> 3775 3776 </div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="ade6e76f-a435-4cd1-82be-15f031e3e7fd">� 3777 <div class="row nest first last wide">� 3778 3779 <div class="inner col col5 first last id2571ad0e-b959-41f0-b899-2efdc92eb3f4" style="" data-widgetcontainerid="2571ad0e-b959-41f0-b899-2efdc92eb3f4">� 3780 <div data-widget-id="e5a85cd8-13f2-493b-be4b-ae3738c5a7d4" data-widget-controller-path="/QuickLinks/Widget"> 3781 3782 3783 3784 3785 3786 3787 3788 3789 <section id="widgetQuicklinke5a85cd8-13f2-493b-be4b-ae3738c5a7d4" class="widget widgetQuickLinks skin66 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeadere5a85cd8-13f2-493b-be4b-ae3738c5a7d4"> 3790 <header class="widgetHeader" id="quickLinksHeadere5a85cd8-13f2-493b-be4b-ae3738c5a7d4">
3791 <div class=""> 3792 <h3><a style="" href="/QuickLinks.aspx?CID=14" >Site Tools</a></h3> 3793 </div> 3794 </header> 3795 <div class="widgetBody cpGrid cpGrid1 "> 3796 <div class="row narrow"> 3797 <div class="col col1 first last"> 3798 <ol class="semanticList"> 3799 3800 <li style="position:relative" class="widgetItem QuickLinks"> 3801 <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> 3802 <div class="widgetMeta"></div> 3803 </li> 3804 3805 <li style="position:relative" class="widgetItem QuickLinks"> 3806 <a class="widgetDesc widgetQuickLinksLink" href="/SiteMap" target="_self" >Site Map</a> 3807 <div class="widgetMeta"></div> 3808 </li> 3809 3810 <li style="position:relative" class="widgetItem QuickLinks"> 3811 <a class="widgetDesc widgetQuickLinksLink" href="/Directory.aspx" target="_self" >Contact Us</a> 3812 <div class="widgetMeta"></div> 3813 </li> 3814 3815 <li style="position:relative" class="widgetItem QuickLinks"> 3816 <a class="widgetDesc widgetQuickLinksLink" href="/Accessibility" target="_self" >Accessibility</a> 3817 <div class="widgetMeta"></div> 3818 </li> 3819 3820 <li style="position:relative" class="widgetItem QuickLinks"> 3821 <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a> 3822 <div class="widgetMeta"></div> 3823 </li> 3824 </ol> 3825 </div> 3826 </div> 3827 3828 </div> 3829 <div class="widgetFooter"> 3830 </div> 3831 <div class="addItemModal hidden"> 3832 <div class="url hidden">/QuickLinks.aspx</div> 3833 </div> 3834 3835 </section> 3836</div> 3837 3838 </div> <!-- inner column --> 3839 3840 </div> <!-- inner row --> 3841 3842 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3843 3844 3845 </div> 3846</div></div> 3847</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 3848<div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc118ab1de-1c3b-4605-b9f6-7be57c4d1630" data-containerid="118ab1de-1c3b-4605-b9f6-7be57c4d1630" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 3849 3850 3851 <div class="row outer wide"><!-- 3852--><div class="outer col col24 first last" style="" data-widgetcontainerid="8f04f222-2c02-4bff-80a2-52a30aa72b3a">� 3853 <div class="row nest first last wide">� 3854 3855 <div class="inner col col24 first last idc5d2a248-11fd-4316-9303-d6c87c4636c2" style="" data-widgetcontainerid="c5d2a248-11fd-4316-9303-d6c87c4636c2">� 3856 3857 <div data-widget-id='28e4b95a-d400-4ffa-ab28-c4ff26cafb0a' data-moduleName="customHtml" id='widgetCustomHtml28e4b95a-d400-4ffa-ab28-c4ff26cafb0a' class="widget widgetCustomHtml skin66 narrow" > 3858 <div class="widgetBody pageStyles" id="widgetBody28e4b95a-d400-4ffa-ab28-c4ff26cafb0a"> 3859 <div id="customHtml28e4b95a-d400-4ffa-ab28-c4ff26cafb0a"><div><style> 3860 /* CP icon */ 3861 .cpBylineIconTS { 3862 color: #fff; 3863 } 3864 /* CP Text */ 3865 .cpBylineTextTS, 3866 .cpBylineTextTS a:link { 3867 color: #fff !important; 3868 } 3869 3870 .cpBylineTS { 3871 text-align: center; 3872 } 3873 3874 .cpBylineIconTS { 3875 fill: currentColor; 3876 width: 39px; 3877 height: 26px; 3878 display: inline; 3879 vertical-align: middle; 3880 } 3881</style> 3882 3883<div class="widgetItem cpBylineTS"> 3884 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 3885</div> 3886</div></div> 3887 </div> 3888 3889 </div> 3890 3891 </div> <!-- inner column --> 3892 3893 </div> <!-- inner row --> 3894 3895 </div><!-- outer column --><!-- --></div> <!-- outer row --> 3896 3897 3898 </div> 3899</div></div> 3900</div> 3901</div> 3902 3903 </div> 3904 </div> 3905 </div> 3906 3907<link href="/745732998.css" rel="stylesheet" type="text/css" /> 3908 3909<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 3910 <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"> 3911 <div class="cp-Splash-header"> 3912 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 3913 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 3914 <svg id="iconClose" viewBox="0 0 25 25"> 3915 <polygon style="fill:currentcolor" 3916 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,
391618.084 13.277,12.508"></polygon> 3917 </svg> 3918 </button> 3919 </div> 3920 <div class="cp-Splash-body"> 3921 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 3922 <!-- Content from the Froala Editor will go here. --> 3923 Loading 3924 </div> 3925 </div> 3926 <div class="cp-Splash-footer"> 3927 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 3928 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 3929 </div> 3930 </div> 3931</div> 3932
3933<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3933
3933
3934<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3934
3934
3935<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3935
3935
3936<script> 3937 3938 $(document).ready(function () { 3939 var filter = { 3940 targetId: '1', 3941 targetType: 1 3942 } 3943 3944 new SplashModalRender().triggerRender(filter); 3945 }); 3946</script>
3946 3947 3948 3949 3950 3951 3952 3953 3954 3955 3956 3957 3958 3959 3960 3961 3962 3963
3963<script src="/-1442400649.js" type="text/javascript"></script>
3963 3964 <!-- Fixed Nav Adjustment -->
3965<script> 3966 function getValueTS(elem, attr) { 3967 const val = elem.css(attr); 3968 if (val === undefined) return undefined; 3969 const num = parseInt(val, 10); 3970 if (num === NaN) return undefined; 3971 return num; 3972 } 3973 3974 function clampTS(number, min, max) { 3975 return Math.min(Math.max(number, min), max); 3976 } 3977 3978 function isPageEditingTS() { 3979 return ( 3980 $("#doneEditing").length > 0 || // In live edit 3981 typeof DesignCenter !== "undefined" // In theme manager 3982 ); 3983 } 3984 3985 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 3986 function isTransparentTS(elem) { 3987 const bg = elem.css('background-color'); 3988 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 3989 const matchState = bg.match(bgColorRegexTS); 3990 if (!matchState || matchState.length !== 5) return false; 3991 const alpha = parseFloat(matchState[4], 10); 3992 if (!(alpha >= 0 && alpha < 1)) return false; 3993 return true; 3994 } 3995 3996 function iterateLeftpads(cb) { 3997 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 3998 for (let i = 0; i < containersTS.length; i++) { 3999 const containerTS = containersTS[i]; 4000 // Skip the body container and anything with data-skip-leftpad 4001 if ( 4002 containerTS.id !== "bodyContainerTS" && 4003 containerTS.getAttribute('data-skip-leftpad') === null 4004 ) { 4005 cb(containerTS); 4006 } 4007 } 4008 } 4009 4010 const anchor = $("#divToolbars");
4011 const anchor2 = $("#headerContainerTS") 4012 4013 // Outer banner padding (push banner down) 4014 const outerSizingTS = $("#bannerContainerTS"); 4015 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 4016 const innerSizingTS = $("#bannerSizingTS"); 4017 const bodyContainerTS = $("#bodyContainerTS"); 4018 4019 const forceUnfixClassTS = "forceUnfixTS"; 4020 4021 const fixedTopTS = $(".fixedTopTS"); 4022 const fixedBottomTS = $(".fixedBottomTS"); 4023 const fixedLeftTS = $(".fixedLeftTS"); 4024 4025 var initialTopTS; 4026 var topAttachTS; 4027 if (fixedTopTS && fixedTopTS.length === 1) { 4028 initialTopTS = getValueTS(fixedTopTS, 'top'); 4029 const attachment = fixedTopTS.attr('data-attach'); 4030 if (attachment) topAttachTS = $("#" + attachment); 4031 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 4032 } 4033 4034 function resizeAdjustmentTS() { 4035 const editing = isPageEditingTS(); 4036 4037 // Fixed top script 4038 (function () { 4039 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 4040 4041 if (editing) { 4042 fixedTopTS[0].classList.add(forceUnfixClassTS); 4043 } else { 4044 fixedTopTS[0].classList.remove(forceUnfixClassTS); 4045 } 4046 4047 const topPosition = fixedTopTS.css('position'); 4048 if (topPosition === 'fixed') { 4049 if (topAttachTS) { 4050 scrollAdjustmentTS(); 4051 } else { 4052 const anchorHeight = anchor.outerHeight() - 1; 4053 fixedTopTS.css('top', anchorHeight + initialTopTS); 4054 } 4055 } else { 4056 fixedTopTS.css('top', initialTopTS); 4057 } 4058 4059 if (topPosition === 'fixed' || topPosition === 'absolute') { 4060 // Bump the banner content down 4061 if (isTransparentTS(fixedTopTS)) { 4062 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 4063 outerSizingTS.css('padding-top', ''); 4064 4065 try { 4066 window.Pages.onResizeHandlersExecute(); 4067 } catch (e) { } 4068 } else { 4069 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 4070 innerSizingTS.css('padding-top', ''); 4071 } 4072 } else { 4073 innerSizingTS.css('padding-top', ''); 4074 outerSizingTS.css('padding-top', ''); 4075 } 4076 })(); 4077 4078 // Fixed bottom script 4079 (function () { 4080 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 4081 4082 // If the widget has gone narrow, force unfix 4083 if (editing || fixedBottomTS.outerHeight() > 200) { 4084 fixedBottomTS[0].classList.add(forceUnfixClassTS); 4085 } else { 4086 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 4087 } 4088 4089 if (fixedBottomTS.css('position') === 'fixed') { 4090 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 4091 } else { 4092 bodyContainerTS.css('padding-bottom', ''); 4093 } 4094 })(); 4095 4096 // Fixed left script 4097 (function () { 4098 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 4099 4100 if (editing) { 4101 fixedLeftTS[0].classList.add(forceUnfixClassTS); 4102 } else { 4103 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 4104 } 4105 4106 if (fixedLeftTS.css('position') === 'fixed') { 4107 const anchorHeight = anchor.outerHeight() - 1; 4108 fixedLeftTS.css('top', anchorHeight); 4109 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 4110 iterateLeftpads(function (containerTS) { 4111 const containerBoundingTS = containerTS.getBoundingClientRect(); 4112 if (containerBoundingTS.left <= leftBoundingTS.right) { 4113 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 4114 } 4115 }); 4116 } else { 4117 fixedLeftTS.css('top', ''); 4118 iterateLeftpads(function (containerTS) { 4119 $(containerTS).css('padding-left', ''); 4120 }); 4121 } 4122 })(); 4123 } 4124 4125 function scrollAdjustmentTS() { 4126 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 4127 const topPosition = fixedTopTS.css('position'); 4128 if (topPosition === 'fixed' || topPosition === 'absolute') { 4129 const anchorBounding = anchor[0].getBoundingClientRect();
4130 const attachBounding = topAttachTS[0].getBoundingClientRect(); 4131 const scrollTop = $(window).scrollTop(); 4132 4133 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 4134 } else { 4135 fixedTopTS.css('top', initialTopTS); 4136 } 4137 } 4138 4139 $(window).load(function () { 4140 setTimeout(function () { 4141 resizeAdjustmentTS(); 4142 }, 350); 4143 4144 $(window).scroll(function () { 4145 scrollAdjustmentTS(); 4146 }); 4147 4148 var adjustTimeoutTS; 4149 $(window).resize(function () { 4150 clearTimeout(adjustTimeoutTS); 4151 adjustTimeoutTS = setTimeout(function () { 4152 resizeAdjustmentTS(); 4153 }, 350); 4154 }); 4155 4156 $.when(window.Pages.angularToolbarComplete).done(function () { 4157 resizeAdjustmentTS(); 4158 }); 4159 }); 4160</script>
4160 4161<!-- End Fixed Nav Adjustment --> 4162
4163<script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash = "79e2528a2a2921cd00ef64c6aee7f926"; var a=document.createElement("script");a.src="https://wsmcdn.audioeye.com/aem.js";a.type="text/javascript";a.setAttribute("async","");document.getElementsByTagName("body")[0].appendChild(a)};"complete"!==document.readyState?window.addEventListener?window.addEventListener("load",b):window.attachEvent&&window.attachEvent("onload",b):b()}();</script>
4163 4164 4165 4166
4166<script type="text/javascript"> 4167 $(function () { 4168 document.cookie = "responsiveGhost=0; path=/"; 4169 }); 4170 $(window).on("load", function () { 4171 $('body').addClass('doneLoading').removeClass('hideContent'); 4172 4173 if ($('#404Content').length > 0) 4174 $('div#bodyWrapper').css('padding', '0px'); 4175 }); 4176 </script>
4176 4177 4178 <noscript> 4179 <style> 4180 body.hideContent { 4181 opacity: 1 !important; 4182 } 4183 </style> 4184 </noscript> 4185 4186 4187<div style="display: none;"> 4188 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 4189 4190 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 4191 <title>Arrow Left</title> 4192 <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> 4193 </symbol> 4194 4195 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 4196 <title>Arrow Right</title> 4197 <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> 4198 </symbol> 4199 4200 </svg> 4201</div> 4202
4202<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Montserrat:200,500,600,700,900,italic,regular|Open+Sans:600,700,regular|The+Girl+Next+Door:regular|');</script>
4202 4203 4204 4205 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 4206 <div style="display: none;"> 4207 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 4208 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 4209 <title>Slideshow Left Arrow</title> 4210 <g> 4211 <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> 4212 </g> 4213 </symbol> 4214 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 4215 <title>Slideshow Right Arrow</title> 4216 <g> 4217 <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> 4218 </g> 4219 </symbol> 4220 </svg> 4221 </div> 4222 4223 4224 4225 4226 <div id="root-picker-outlet"></div>
4227<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:'a4433f83e8af1bd1',t:'MTc5MDkzOTI5NQ=='};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>
4227</body> 4228</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.