CINXE.COM
Employee Benefits | Galveston, TX - Official Website
<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> <!-- Google Tag Manager for GA4 --> <script>(function(w,d,s,l,i){w.GAMeasurementID='G-JRD3FYLDEL';w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script> <!-- End Google Tag Manager for GA4 --> <script type='text/javascript'> var enableTelemetry = 'false' var aiConfig = { instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' } 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://az416426.vo.msecnd.net/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); window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; // Add telemetry initializer appInsights.queue.push(function() { appInsights.context.addTelemetryInitializer(function(envelope) { var telemetryItem = envelope.data.baseData; // To check the telemetry item鈥檚 type: if (!false) { //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that if (envelope.name.indexOf('.Event') == -1) return false; } }); }); appInsights.trackPageView(); </script> <script> function populateAntiForgery(token) { var input = document.createElement("input"); input.name = "__RequestVerificationToken"; input.type = "hidden"; input.value = token; var absPat = /^https?:\/\/|^\/\//i; var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].method == "post" && !forms[i].querySelector('[name="__RequestVerificationToken"]') && !absPat.test(forms[i].getAttribute("action"))) { forms[i].appendChild(input.cloneNode()); } } } function getAntiForgeryToken(callback, error) { var xhr = new XMLHttpRequest(); xhr.open("GET", "/antiforgery"); xhr.addEventListener("load", function() { try { if (this.status !== 200) { throw Error("Invalid status. Could not retrieve antiforgery token."); } var obj = JSON.parse(this.responseText); callback(obj.token); } catch (e) { typeof error === "function" && error(e); } }); xhr.send(); } getAntiForgeryToken(function(token) { if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { populateAntiForgery(token); return; } document.addEventListener("DOMContentLoaded", function() { populateAntiForgery(token); }, false); }, console.error); </script> <script type="text/javascript"> window.departmentHeader = {}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= false; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 62em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = false; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="category0" content="Home" /> <meta name="category1" content="Departments" /> <meta name="category2" content="Human Resources" /> <meta name="category3" content="Employee Benefits " /> <meta name="theme-color" content="#2d374b"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Employee Benefits | Galveston, TX - Official Website</title> <meta name="description" content=""> <script src="/Assets/Scripts/jQuery/jquery-2.2.4.min.js"></script> <script src="/Assets/Scripts/jQuery/jQuery-migrate-1.4.1.js" type="text/javascript"></script> <!--[if IE 6]><script language="JavaScript" type="text/javascript"> var isie6 = true; </script><![endif]--> <!--[if IE 7]><script language="JavaScript" type="text/javascript"> var isie7 = true; </script><![endif]--> <!--[if IE 8]><script language="JavaScript" type="text/javascript"> var isie8 = true; </script><![endif]--> <!--[if IE 9]><script language="JavaScript" type="text/javascript"> var isie8 = true; </script><![endif]--> <script type="text/javascript"><!-- var intCountryCode = 840; var externalSiteDialogHeight = '390px'; var order = ''; //--></script> <link href="/789695552.css" rel="stylesheet" type="text/css" /> <link href="/1480736467.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> <script type="text/javascript"> window.Pages = window.Pages || {}; // FrontEnd RWD initialization window.Pages.rwdReady = $.Deferred(); window.Pages.toolBarDeferred = $.Deferred(); window.Pages.rwdSetupComplete = $.Deferred(); window.Pages.megaMenuLoaded = $.Deferred(); window.Pages.angularToolbarComplete = $.Deferred(); window.Pages.frontEndToolbarComplete = $.Deferred(); </script> <!--CPHeadContent--> <script src="/-1356065630.js" type="text/javascript"></script> <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> <!--[if lt IE 9]><script type="text/javascript" src="/Scripts/html5.js"></script><![endif]--> <script type="text/javascript"> setEditorVariables(false, 840); function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } </script> <script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script> </head> <body class="wide " > <script>jQuery(document).click(function (event) { var target = jQuery(event.target); if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Image', eventAction: 'Image - ' + text, eventLabel: window.location.href }); } if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { var text = ""; if (target.parents('.button')[0]) { text = target.parents('.button').first().text(); } else if (target.text().length) { text = target.text(); } else if (target.attr('title').length) { text = target.attr('title'); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Button', eventAction: 'Button - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetCustomHtml').length) { ga('send', { hitType: 'event', eventCategory: 'Custom Html', eventAction: 'Custom Html Clicked', eventLabel: window.location.href }); } if (target.parents('.editor').length) { ga('send', { hitType: 'event', eventCategory: 'Editor', eventAction: 'Editor Link Clicked', eventLabel: window.location.href }); } if (target.parents('.GraphicLinks').length) { var text = ""; var targetGraphicLink = target; if (target.hasClass('widgetGraphicLinksLink')) { targetGraphicLink = jQuery(target.children()[0]); } if (targetGraphicLink.hasClass('text')) { text = targetGraphicLink.text(); } else if (targetGraphicLink.attr('src').length) { if (targetGraphicLink.attr('alt').length) { text = targetGraphicLink.attr('alt'); } else { text = targetGraphicLink.attr('src'); } } else { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Graphic Links', eventAction: 'Graphic Link - ' + text, eventLabel: window.location.href }); } if (target.parents('.InfoAdvanced').length) { ga('send', { hitType: 'event', eventCategory: 'Info Advanced', eventAction: 'Info Advanced Clicked', eventLabel: window.location.href }); } if (target.parents('.list').length) { ga('send', { hitType: 'event', eventCategory: 'List', eventAction: 'List Clicked', eventLabel: window.location.href }); } if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); var breadCrumbs = []; jQuery('.breadCrumbs > li').each(function () { breadCrumbs.push(this.textContent); }); var pageTitle = breadCrumbs.join('>'); var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); var text = ""; if (pageTitle) { text += pageTitle + " | "; } else { text += document.title + ' - '; } if (target.text() == "" && megaMenuText == "") { text += "N/A"; } else if (target.text().length && megaMenuText.length) { if (megaMenuText == target.text()) { text += megaMenuText; } else { text += megaMenuText + " - " + subTitleText + " - " + target.text(); } } else if (target.text() == "") { text += megaMenuText; } else { text += target.text(); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Mega Menu', eventAction: 'Mega Menu : ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'News Flash', eventAction: 'News Flash - ' + text, eventLabel: window.location.href }); } if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { var text = target.text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Quick Links', eventAction: 'Quick Links - ' + text, eventLabel: window.location.href }); } if (target.attr('src') && target.parents('.cpSlideshow').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Slideshow', eventAction: 'Slideshow - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetText').length) { ga('send', { hitType: 'event', eventCategory: 'Text', eventAction: 'Text Link Clicked', eventLabel: window.location.href }); } });</script> <div id="fb-root"></div> <div id=skipToContentLinks> <a href="#cc6704887f-42cd-43f7-9c1b-300f77996237" target="_self" class="skipToContentLink">Skip to Main Content</a> </div> <form id="frmReferenceFormForTelerikEditorDialogs"></form> <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> <input type="hidden" id="hdnStructureID" value="6" /> <input type="hidden" id="hdnContentCollectionID" value="9a843f8d-10ae-4548-b71a-1d2467b28651" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="21" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="1128" /> <div id="stickyPlaceholder"></div> <div id="outer-wrap" class="outer-wrap"> <div id="inner-wrap" class="inner-wrap"> <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> <!-- Begin Signed Out Bar --> <div class="cpToolbar user public"> <div class="inner selfClear"> <p class="dropdown"><a href="/MyAccount/ProfileCreate" role="link" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. </span></p> <ul class="nav secondary"> <li><a href="/MyAccount" role="link" class="button" id="loggedOutToolbarSignInButton"><span>Website Sign In</span></a></li> </ul> </div> </div> <script> $(document).ready(function () { $('#signedOutToolbarCreateProfileButton').keypress(function (e) { if (e.which === 0) return; $(this).click(); }); $('#signedOutToolbarCreateProfileButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin; }); $('#loggedOutToolbarSignInButton').click(function (event) { event.preventDefault(); window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host; }); if ('False' == 'True') { $('#loggedOutToolbarSignInButton').hide(); } }) </script> <!-- End Signed Out Bar --> </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <!-- Parent structural container --> <div data-cpRole="structuralContainer" id="structuralContainer1"> <!-- Header Container --><div data-cpRole="stickyStructuralContainer" id="stickyStructuralContainer2"><div id="stickyStructuralContainer_07b58967-8c30-4718-b380-d0dd5954c4a4" class="stickyInnerDiv sticky "> <div class="siteWrap"><div data-cpRole="structuralContainer" id="structuralContainer13" class="logoContainer_ts"> <!-- Logo/Site ID --><div data-cpRole="banner" id="banner2" class="logo empty"> <a style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="Homepage" class="bannerObject" height="160" src="/ImageRepository/Document?documentID=8466" width="180" /></a> </div> </div><!-- Social Media --><aside data-cpRole="contentContainer" id="contentContainer2a" class="social_ts"> <div id="cc9c8e05ff-df83-4a98-8d67-0ad1f95ca046" data-containerid="9c8e05ff-df83-4a98-8d67-0ad1f95ca046" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="7cfdddad-2beb-41ce-ad61-4bd83cf4e667"> <div class="row nest first last wide"> <div class="inner col col24 first last id65b39fd3-a010-4e6a-a83b-90062df1eb13" style="" data-widgetcontainerid="65b39fd3-a010-4e6a-a83b-90062df1eb13"> <div data-widget-id="620ec1a6-ffb7-4021-8aa8-ac650c36215d" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget620ec1a6-ffb7-4021-8aa8-ac650c36215d" class="widget widgetGraphicLinks skin59 widgetOptionSet32 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid5 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/cityofgalveston" target="_blank" aria-label="Facebook graphic opens in new window"><img src="/ImageRepository/Document?documentID=8431" class="graphicButtonLink" alt="Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=8432'" onmouseout="this.src='/ImageRepository/Document?documentID=8431'" onfocus="this.src='/ImageRepository/Document?documentID=8432'" onblur="this.src='/ImageRepository/Document?documentID=8431'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/@CityofGalveston" target="_blank" aria-label="Twitter graphic opens in new window"><img src="/ImageRepository/Document?documentID=8437" class="graphicButtonLink" alt="Twitter" onmouseover="this.src='/ImageRepository/Document?documentID=8438'" onmouseout="this.src='/ImageRepository/Document?documentID=8437'" onfocus="this.src='/ImageRepository/Document?documentID=8438'" onblur="this.src='/ImageRepository/Document?documentID=8437'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/channel/UCl9KJfbdA_5zLfp2JH5891g" target="_blank" aria-label="Youtube graphic opens in new window"><img src="/ImageRepository/Document?documentID=8439" class="graphicButtonLink" alt="Youtube" onmouseover="this.src='/ImageRepository/Document?documentID=8440'" onmouseout="this.src='/ImageRepository/Document?documentID=8439'" onfocus="this.src='/ImageRepository/Document?documentID=8440'" onblur="this.src='/ImageRepository/Document?documentID=8439'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/cityofgalvestontx/" target="_blank" aria-label="Instagram graphic opens in new window"><img src="/ImageRepository/Document?documentID=8433" class="graphicButtonLink" alt="Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=8434'" onmouseout="this.src='/ImageRepository/Document?documentID=8433'" onfocus="this.src='/ImageRepository/Document?documentID=8434'" onblur="this.src='/ImageRepository/Document?documentID=8433'"> </a></div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://nextdoor.com/agency/city-of-galveston/?i=kbwmhmbncqzghdwlbfdx" target="_blank" aria-label="NextDoor graphic opens in new window"><img src="/ImageRepository/Document?documentID=8435" class="graphicButtonLink" alt="NextDoor" onmouseover="this.src='/ImageRepository/Document?documentID=8436'" onmouseout="this.src='/ImageRepository/Document?documentID=8435'" onfocus="this.src='/ImageRepository/Document?documentID=8436'" onblur="this.src='/ImageRepository/Document?documentID=8435'"> </a></div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </aside><!-- Navigation --><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> <ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- --><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1" href="/27/Government" target = "_self" > Government </a> <!-- --><!-- --></li><!----><li id="MainItem152" class="topMenuItem" role="none" data-pageid="152" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2" href="/152/Departments" target = "_self" > Departments </a> <!-- --><!-- --></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavResidents" class="navMainItem mainNavItem mainNavItem3" href="/101/Residents" target = "_self" > Residents </a> <!-- --><!-- --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavVisitors" class="navMainItem mainNavItem mainNavItem4" href="/31/Visitors" target = "_self" > Visitors </a> <!-- --><!-- --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- --><!-- --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavBusiness" class="navMainItem mainNavItem mainNavItem5" href="/35/Business" target = "_self" > Business </a> <!-- --><!-- --></li><!----> </ol> <script type="text/javascript"> document.addEventListener('DOMContentLoaded',function () { var menuID = 'mainNavMenu'; var menuType = MAIN_MENU; //setup menu manager properties for main menu if (!menuManager.mobileMainNav && false) menuManager.adjustMainItemsWidth('#' + menuID); menuManager.isMainMenuEditable = false; menuManager.mainMenuMaxSubMenuLevels = 4; menuManager.setMOMMode(2, menuType); //Init main menu var setupDraggable = menuManager.isMainMenuEditable; var urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=21&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = true; if (1.00 > 0) menuManager.mainMenuTextResizerRatio = 1.00; if (window.isResponsiveEnabled) menuManager.mainMenuReady.resolve(); }); </script> <!-- Mega Menu --><aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc2c37f7e3-020a-4787-91fc-4c6a077d21dd" data-containerid="2c37f7e3-020a-4787-91fc-4c6a077d21dd" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu152" class="contentTop mainNavMegaMenu megaMenuContainer pageID_152 hidden" data-orientation="horizontal"> <div id="cc25228b19-b908-4213-a269-768096fce6ac" data-containerid="25228b19-b908-4213-a269-768096fce6ac" class="pageContent cpGrid cpGrid24"data-smoothscrolling="True"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal"> <div id="cca39ded8b-fc0f-4dba-9dd6-f23d8d89f9d9" data-containerid="a39ded8b-fc0f-4dba-9dd6-f23d8d89f9d9" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc013478e5-bbbc-4933-98ed-391cf1af2b6c" data-containerid="013478e5-bbbc-4933-98ed-391cf1af2b6c" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="cc3924e065-6ef4-49df-b553-400b797c803d" data-containerid="3924e065-6ef4-49df-b553-400b797c803d" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div></div> </div><!-- Top Banner --><div data-cpRole="structuralContainer" id="structuralContainer3"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="structuralContainer4" class="bottomSlantUp_ts"> <div class="siteWrap3"><aside data-cpRole="contentContainer" id="contentContainer4a" class="search_ts"> <div id="cc5e1c1fca-2661-48ea-8788-b0cb416f5584" data-containerid="5e1c1fca-2661-48ea-8788-b0cb416f5584" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="27e63c5f-2445-4be2-a91c-0a7771c3e26f"> <div class="row nest first last wide"> <div class="inner col col24 first last id65be1e96-af58-4eda-9fac-bfaa85bdc606" style="" data-widgetcontainerid="65be1e96-af58-4eda-9fac-bfaa85bdc606"> <div data-widget-id="9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c" data-widget-controller-path="/Layout/WidgetSearch"> <script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.10.4/js/jquery.ui.autocomplete.min.js"></script> <script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script> <script defer type="text/javascript"> $(document).ready(function () { try { $(".widgetSearchButton.widgetSearchButton9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c").is(':checked') || false? '?departmentId=0' : ''), dataType: "json", timeout: 10000, beforeSend: function () { if (currentRequest != null) { currentRequest.abort(); } }, data: { term: request.term, }, success: function (data) { response(data); $('.autoCompleteError').remove(); }, error: function (xmlhttprequest, textstatus, message) { if (textstatus === "timeout") { if ($("#searchField9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c")); } } }); }, html: true, delay: 500, select: function (event, ui) { $(this).val(ui.item.value); $(this).next().click(); } }); $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { return $("<li class=\"itemList\"></li>") .data("ui-autocomplete-item", item) .append("<a>" + item.label + "</a>") .appendTo(ul); }; } } 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. }); </script> <section id="widgetPreviewSearch" class="widget widgetSearch skin59 widgetOptionSet15" style="display: block;" aria-label="Search"> <!-- For the button right and inside --> <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBox9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c" cp5ph="true" id="searchField9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c" name="searchField" onchange="searchBtnApplyQuery();" placeholder="How can we help?" title="How can we help?" type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=8454" data-image="/ImageRepository/Document?documentID=8453" src="/ImageRepository/Document?documentID=8453" /></a> <label class="searchLabel" for="searchField9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #fff; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #fff; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #fff; } .widgetSearch :-ms-input-placeholder { color: #fff; } .widgetSearch .widgetBody .widgetSearchBox9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c { color: #fff; background-color: #1a1f2b; background-color: rgba(26, 31, 43, 0.8); height: 53px; padding-left: 30px; padding-right: 60px; border: none; font-family: Oswald; font-weight: 600; font-size: 1.1em; border-radius: 10em; } .widgetSearch .widgetBody .widgetSearchButton9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c { padding: 5px; } .widgetSearch .widgetSearch-onlyDept9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c { position: relative; top: .125em; } </style> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.10.4/themes/jquery-ui.css"> <script type="text/javascript"> //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField9e0f55d4-cfaf-4f81-b24e-7fa69621ce8c").value; } </script> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </aside></div> </div> <div id="bannerImagesJSON78" class="hidden"></div> <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> <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> <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> </div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderExternalBannerSlideshow('banner1', {"BannerOptionID":78,"ThemeID":21,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":178,"BannerOptionID":78,"FileName":"/ImageRepository/Document?documentID=8514","Height":705,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":0,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":176,"BannerOptionID":78,"FileName":"/ImageRepository/Document?documentID=8513","Height":705,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":177,"BannerOptionID":78,"FileName":"/ImageRepository/Document?documentID=8512","Height":705,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":147,"BannerOptionID":78,"FileName":"/ImageRepository/Document?documentID=8467","Height":926,"Width":2016,"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)\/"}, '/App_Themes/Interior - No Feature Column/Images/', 'Rotating', '1'); }); }); </script> </div> </div><!-- Main content container --><div data-cpRole="structuralContainer" id="structuralContainer5"> <div class="siteWrap2"><div data-cpRole="structuralContainer" id="structuralContainer6" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="structuralContainer7" class="outerContentWrap"> <div data-cpRole="structuralContainer" id="structuralContainer8" class="contentWrap"> <div data-cpRole="breadCrumbs" class="breadCrumbContainer" id="breadCrumbs"> <ol class="semanticList breadCrumbs"> <li class="breadLeader"><span>You are Here:</span></li> <li><a class="breadCrumb" href="/">Home</a></li><li><a class="breadCrumb" href="/152/Departments">Departments</a></li><li><a class="breadCrumb" href="/157/Human-Resources">Human Resources</a></li><li id="currentBCPage" data-pageid="1128">Employee Benefits </li> </ol> </div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="1128" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="157" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="13008" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Employee Benefits " /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <h1 id="versionHeadLine" class="headline"> Employee Benefits </h1> <div id="cc6704887f-42cd-43f7-9c1b-300f77996237" data-containerid="6704887f-42cd-43f7-9c1b-300f77996237" class="pageContent cpGrid cpGrid24" > <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="ede2e730-cc63-4849-9711-7a291d27c554"> <div class="row nest first last wide"> <div class="inner col col24 first last idb2c809ba-0f83-48e9-97e9-94c71a11822b" style="" data-widgetcontainerid="b2c809ba-0f83-48e9-97e9-94c71a11822b"> <div class="widget editor pageStyles narrow" id="divEditora7e5b386-b1e4-41f9-83fb-a39483c760f8" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <style type="text/css"> p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.5px Helvetica} span.s1 {font: 11.0px Helvetica} </style><p><span style='font-family: "Times New Roman", Times, serif, -webkit-standard; font-size: 18px;'>The City of Galveston values our employees and recognizes the importance of offering a comprehensive, cost-effective, and competitive benefits package that enhance the health and wellness of our employees and their families. </span></p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + 'a7e5b386-b1e4-41f9-83fb-a39483c760f8')); }); </script> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col8 first" style="" data-widgetcontainerid="eb8dbd92-db8f-4371-ad43-9b4dffacbdbb"> <div class="row nest first last wide"> <div class="inner col col8 first last id1515119f-979c-4850-b27b-1c3d007d60fa" style="" data-widgetcontainerid="1515119f-979c-4850-b27b-1c3d007d60fa"> <div class="widget image pageStyles" id="divImageOuter99dcb707-c4fc-40c9-b45f-c1e27172d3c4" data-widget-id="99dcb707-c4fc-40c9-b45f-c1e27172d3c4"> <header class="widgetHeader"><div><h3 data-headertext="Your Benefits">Your Benefits</h3></div></header> <div class="widgetBody imageBorder" id="divImage99dcb707-c4fc-40c9-b45f-c1e27172d3c4"> <a href="https://www.galvestontx.gov/1151/Benefits" target="_self"><img src="/ImageRepository/Document?documentID=11694" alt="employee-benefits" title="employee-benefits"/></a> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="4e10343a-49c7-495f-8137-46efdd5adf44"> <div class="row nest first last wide"> <div class="inner col col8 first last idcb5424cb-aa42-464f-99cc-e3dcdbb65c21" style="" data-widgetcontainerid="cb5424cb-aa42-464f-99cc-e3dcdbb65c21"> <div class="widget image pageStyles" id="divImageOuter75fa3851-9efd-4fce-90ff-ddb099837244" data-widget-id="75fa3851-9efd-4fce-90ff-ddb099837244"> <header class="widgetHeader"><div><h3 data-headertext="Open Enrollement">Open Enrollement</h3></div></header> <div class="widgetBody imageBorder" id="divImage75fa3851-9efd-4fce-90ff-ddb099837244"> <a href="https://www.galvestontx.gov/1140/Open-Enrollment" target="_self"><img src="/ImageRepository/Document?documentID=11692" alt="OE-2018-Image" title="OE-2018-Image"/></a> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="42c4f951-32e6-4d54-877b-e0907e84e612"> <div class="row nest first last wide"> <div class="inner col col8 first last id47a31ee0-940a-4e0f-9786-ac868fa86147" style="" data-widgetcontainerid="47a31ee0-940a-4e0f-9786-ac868fa86147"> <div class="widget image pageStyles" id="divImageOuter134651ca-e65f-4784-aefd-64f430d8ee17" data-widget-id="134651ca-e65f-4784-aefd-64f430d8ee17"> <header class="widgetHeader"><div><h3 data-headertext="Benefits Glossary ">Benefits Glossary </h3></div></header> <div class="widgetBody imageBorder" id="divImage134651ca-e65f-4784-aefd-64f430d8ee17"> <a href="https://www.galvestontx.gov/1139/Resources" target="_self"><img src="/ImageRepository/Document?documentID=11758" alt="09B-001" title="09B-001"/></a> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col6 first" style="" data-widgetcontainerid="ce8ebce3-2662-4e67-828b-de895e442940"> <div class="row nest first last wide"> <div class="inner col col6 first last id0c1b92dd-ee3e-4451-86a3-f206e3c4f81b" style="" data-widgetcontainerid="0c1b92dd-ee3e-4451-86a3-f206e3c4f81b"> <div class="widget image pageStyles" id="divImageOuterf2867622-eaab-4092-aaed-679cfa8418c0" data-widget-id="f2867622-eaab-4092-aaed-679cfa8418c0"> <header class="widgetHeader"><div><h3 data-headertext="Benefits Guide">Benefits Guide</h3></div></header> <div class="widgetBody imageBorder" id="divImagef2867622-eaab-4092-aaed-679cfa8418c0"> <a href="https://www.galvestontx.gov/1141/Benefit-Guide" target="_self"><img src="/ImageRepository/Document?documentID=11760" alt="images" title="images"/></a> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="4df99ed4-1e75-44e7-b844-a4e2f75dab8e"> <div class="row nest first last wide"> <div class="inner col col6 first last id3ad2c5ef-fa87-4dbe-8f33-cf20170b5fb4" style="" data-widgetcontainerid="3ad2c5ef-fa87-4dbe-8f33-cf20170b5fb4"> <div class="widget image pageStyles" id="divImageOuter9bb0146e-b387-4361-b6c3-8f9f278851f8" data-widget-id="9bb0146e-b387-4361-b6c3-8f9f278851f8"> <header class="widgetHeader"><div><h3 data-headertext="Resources">Resources</h3></div></header> <div class="widgetBody imageBorder" id="divImage9bb0146e-b387-4361-b6c3-8f9f278851f8"> <a href="https://www.galvestontx.gov/1155/Resources" target="_self"><img src="/ImageRepository/Document?documentID=11763" alt="icons_115x115_1-18_general-research" title="icons_115x115_1-18_general-research"/></a> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="a3b7b316-5101-433b-92f3-620b7e7b5843"> <div class="row nest first last wide"> <div class="inner col col6 first last idd5d071b4-1597-444b-91d3-3125d3e9e597" style="" data-widgetcontainerid="d5d071b4-1597-444b-91d3-3125d3e9e597"> <div class="widget image pageStyles" id="divImageOuteraf68eed0-de9b-481f-b02f-e372ae53200a" data-widget-id="af68eed0-de9b-481f-b02f-e372ae53200a"> <header class="widgetHeader"><div><h3 data-headertext="Wellness">Wellness</h3></div></header> <div class="widgetBody imageBorder" id="divImageaf68eed0-de9b-481f-b02f-e372ae53200a"> <a href="https://www.galvestontx.gov/1150/Wellness" target="_self"><img src="/ImageRepository/Document?documentID=11764" alt="wellness-apple" title="wellness-apple"/></a> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col6 last" style="" data-widgetcontainerid="60479fd1-ba91-4c45-97a9-548319ef6ad4"> <div class="row nest first last wide"> <div class="inner col col6 first last ida8eb03b6-87fd-41fd-a739-3d1dad53916b" style="" data-widgetcontainerid="a8eb03b6-87fd-41fd-a739-3d1dad53916b"> <div class="widget image pageStyles" id="divImageOuter88b2ee52-0506-4c92-a53d-6e6f4a03c28f" data-widget-id="88b2ee52-0506-4c92-a53d-6e6f4a03c28f"> <header class="widgetHeader"><div><h3 data-headertext="Benefits Question">Benefits Question</h3></div></header> <div class="widgetBody imageBorder" id="divImage88b2ee52-0506-4c92-a53d-6e6f4a03c28f"> <a href="https://www.galvestontx.gov/1142/Questions" target="_self"><img src="/ImageRepository/Document?documentID=11765" alt="29-294573_green-question-mark-and-speech-bubble-icon-questions" title="29-294573_green-question-mark-and-speech-bubble-icon-questions"/></a> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="79ff65e3-bdd1-47fb-bc0d-06c56fc3ba6d"> <div class="row nest first last wide"> <div class="inner col col24 first last ida087c65f-8e9e-4fc4-a7d4-8b751d070cc6" style="" data-widgetcontainerid="a087c65f-8e9e-4fc4-a7d4-8b751d070cc6"> <div class="widget editor pageStyles narrow" id="divEditor704b5cd8-aa83-4f34-ab00-2a895a1ff590" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <style type="text/css"> p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Helvetica; min-height: 14.0px} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 11.5px Helvetica} </style><p><span style="font-size: 18px;">The City of Galveston provides you with the freedom to select quality benefit options that work best for you and your family. </span></p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '704b5cd8-aa83-4f34-ab00-2a895a1ff590')); }); </script> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </div> <div class="newCP"> </div> </div> </div> </div><div data-cpRole="structuralContainer" id="structuralContainer9" class="siteSidebar"> <aside data-cpRole="contentContainer" id="contentContainer9a"> <div id="cc1429a596-31b8-4f7e-a351-7a3d1fc4e2e1" data-containerid="1429a596-31b8-4f7e-a351-7a3d1fc4e2e1" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> <ol role="menu" id="secondaryMenusecondaryNav" data-parent="1128" class="rootNavMenu accordionNav"> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1151" data-pageid="1151"> <div class="accordionNavItem"> <a href="/1151/Benefits" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Benefits</a> <a href="#" class="openAccordionNav accordionSecondaryNavItem" title="Expand Benefits Submenu"></a> </div> <ol role="menu" aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" style="display: none;" data-parent="1151"> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem1152" data-pageid="1152"> <div class="accordionNavItem"> <a href="/1152/Medical" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Medical </span></a> </div> </li> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem1153" data-pageid="1153"> <div class="accordionNavItem"> <a href="/1153/Dental" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Dental </span></a> </div> </li> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem1154" data-pageid="1154"> <div class="accordionNavItem"> <a href="/1154/Vision" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Vision</span></a> </div> </li> </ol> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1141" data-pageid="1141"> <div class="accordionNavItem"> <a href="/1141/Benefits-Guide" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Benefits Guide</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1140" data-pageid="1140"> <div class="accordionNavItem"> <a href="/1140/Open-Enrollment" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Open Enrollment </a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1139" data-pageid="1139"> <div class="accordionNavItem"> <a href="/1139/Benefits-Glossary" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Benefits Glossary</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1142" data-pageid="1142"> <div class="accordionNavItem"> <a href="/1142/Questions" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Questions</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1150" data-pageid="1150"> <div class="accordionNavItem"> <a href="/1150/Wellness" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Wellness</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1155" data-pageid="1155"> <div class="accordionNavItem"> <a href="/1155/Resources" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Resources</a> </div> </li> </ol> <script type="text/javascript"> $(document).ready(function () { //setup menu manager properties for secondary menu menuManager.isSideMenuEditable = false; menuManager.sideMenuMaxSubMenuLevels = 4; menuManager.sideMenuHasCustomLinks = false; }); </script> <script type="text/javascript"> $(document).ready(function () { $('*[id^="SideItem"]').each(function () { var ids = $('[id="' + this.id + '"]'); if (ids.length > 1) $.each(ids, function (index, value) { value.id = value.id + '_' + index; }); }); $('.hasAccordionChildren .openAccordionNav').click(function (e) { e.preventDefault(); showHideAccordionMenuForSecondaryNav($(this)); }); $("#secondaryNav .grippy").each(function () { menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); }); $("#secondaryNav li").each(function () { menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); }); }); </script> </nav><aside data-cpRole="contentContainer" id="contentContainer9b"> <div id="ccf63a7290-6cd5-463e-92e7-6b6a0775c930" data-containerid="f63a7290-6cd5-463e-92e7-6b6a0775c930" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside> </div> </div></div> </div><!-- Graphic Links --><div data-cpRole="structuralContainer" id="structuralContainer10"> <div class="siteWrap3"><aside data-cpRole="contentContainer" id="contentContainer10a"> <div id="cc2bf7e98b-d8b8-4cc2-99d7-dfa378501509" data-containerid="2bf7e98b-d8b8-4cc2-99d7-dfa378501509" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> <div class="row outer wide"><!-- --><div class="outer col col12 first" style="" data-widgetcontainerid="2efe4071-2bce-4382-a55d-c024c030ac7a"> <div class="row nest first last wide"> <div class="inner col col12 first last id92d2cf99-68fb-4f2f-bbaf-81254d1b6372" style="" data-widgetcontainerid="92d2cf99-68fb-4f2f-bbaf-81254d1b6372"> <div data-widget-id="2a2256eb-5b35-4114-8961-7d0ab89a8b83" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget2a2256eb-5b35-4114-8961-7d0ab89a8b83" class="widget widgetGraphicLinks skin65 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid3 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="https://galvestontx.epayub.com" target="_self" class="fancyButton fancyButton211 " > <span> <span><span class="text"><span class="textStyle1">Pay My Water Bill</span><br><span class="textStyle2">Easily pay your bills online.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton211.fancyButton:link,.fancyButton211.fancyButton:visited, .fancyButton211div.fancyButton{ padding-top: 128px; background-image: url('/ImageRepository/Document?documentID=8447'); background-repeat: no-repeat; background-position: center top; transition: all ease-in-out .3s;} .fancyButton211.fancyButton:hover,.fancyButton211.fancyButton:focus,.fancyButton211.fancyButton:active,.fancyButton211.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=8448'); background-repeat: no-repeat; background-position: center top; } .fancyButton211.fancyButton:link > span,.fancyButton211.fancyButton:visited > span, .fancyButton211div.fancyButton > span{ } .fancyButton211.fancyButton:hover > span,.fancyButton211.fancyButton:focus > span,.fancyButton211.fancyButton:active > span,.fancyButton211.fancyButton.hover > span{ } .fancyButton211.fancyButton .text{ text-align: center; padding-top: 1em; text-decoration: none; padding-top: 1em; background-repeat: no-repeat; background-position: left top; } .fancyButton211.fancyButton:hover .text,.fancyButton211.fancyButton:focus .text,.fancyButton211.fancyButton:active .text,.fancyButton211.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton211.fancyButton .textStyle1{ color: #3c4964; font-size: 1.5em; font-family: Oswald; font-weight: 600; text-decoration: none; } .fancyButton211.fancyButton:hover .textStyle1, .fancyButton211.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton211.fancyButton .textStyle2{ color: #313132; font-family: Montserrat; font-weight: 500; text-decoration: none; } .fancyButton211.fancyButton:hover .textStyle2, .fancyButton211.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/519/Employment" target="_self" class="fancyButton fancyButton226 " > <span> <span><span class="text"><span class="textStyle1">Available Jobs</span><br><span class="textStyle2">View current openings.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton226.fancyButton:link,.fancyButton226.fancyButton:visited, .fancyButton226div.fancyButton{ padding-top: 128px; background-image: url('/ImageRepository/Document?documentID=8441'); background-repeat: no-repeat; background-position: center top; transition: all ease-in-out .3s;} .fancyButton226.fancyButton:hover,.fancyButton226.fancyButton:focus,.fancyButton226.fancyButton:active,.fancyButton226.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=8442'); background-repeat: no-repeat; background-position: center top; } .fancyButton226.fancyButton:link > span,.fancyButton226.fancyButton:visited > span, .fancyButton226div.fancyButton > span{ } .fancyButton226.fancyButton:hover > span,.fancyButton226.fancyButton:focus > span,.fancyButton226.fancyButton:active > span,.fancyButton226.fancyButton.hover > span{ } .fancyButton226.fancyButton .text{ text-align: center; padding-top: 1em; text-decoration: none; padding-top: 1em; background-repeat: no-repeat; background-position: left top; } .fancyButton226.fancyButton:hover .text,.fancyButton226.fancyButton:focus .text,.fancyButton226.fancyButton:active .text,.fancyButton226.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton226.fancyButton .textStyle1{ color: #3c4964; font-size: 1.5em; font-family: Oswald; font-weight: 600; text-decoration: none; } .fancyButton226.fancyButton:hover .textStyle1, .fancyButton226.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton226.fancyButton .textStyle2{ color: #313132; font-family: Montserrat; font-weight: 500; text-decoration: none; } .fancyButton226.fancyButton:hover .textStyle2, .fancyButton226.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/393/Transportation" target="_self" class="fancyButton fancyButton252 " > <span> <span><span class="text"><span class="textStyle1">Transportation on the Island</span><br><span class="textStyle2">View schedules and information.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton252.fancyButton:link,.fancyButton252.fancyButton:visited, .fancyButton252div.fancyButton{ padding-top: 128px; background-image: url(/ImageRepository/Document?documentID=8449); background-repeat: no-repeat; background-position: center top; transition: all ease-in-out .3s;} .fancyButton252.fancyButton:hover,.fancyButton252.fancyButton:focus,.fancyButton252.fancyButton:active,.fancyButton252.fancyButton.hover{ background-image: url(/ImageRepository/Document?documentID=8452); background-repeat: no-repeat; background-position: center top; } .fancyButton252.fancyButton:link > span,.fancyButton252.fancyButton:visited > span, .fancyButton252div.fancyButton > span{ } .fancyButton252.fancyButton:hover > span,.fancyButton252.fancyButton:focus > span,.fancyButton252.fancyButton:active > span,.fancyButton252.fancyButton.hover > span{ } .fancyButton252.fancyButton .text{ text-align: center; padding-top: 1em; text-decoration: none; padding-top: 1em; background-repeat: no-repeat; background-position: left top; } .fancyButton252.fancyButton:hover .text,.fancyButton252.fancyButton:focus .text,.fancyButton252.fancyButton:active .text,.fancyButton252.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton252.fancyButton .textStyle1{ color: #3c4964; font-size: 1.5em; font-family: Oswald; font-weight: 600; text-decoration: none; } .fancyButton252.fancyButton:hover .textStyle1, .fancyButton252.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton252.fancyButton .textStyle2{ color: #313132; font-family: Montserrat; font-weight: 500; text-decoration: none; } .fancyButton252.fancyButton:hover .textStyle2, .fancyButton252.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col12 last" style="" data-widgetcontainerid="3072e1b8-48c9-46ee-adc2-fd5b16e30586"> <div class="row nest first last wide"> <div class="inner col col12 first last id7a388b9e-0391-48f5-93e1-3ace13965c37" style="" data-widgetcontainerid="7a388b9e-0391-48f5-93e1-3ace13965c37"> <div data-widget-id="92314b40-b070-43c2-890c-1a4fbf321320" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget92314b40-b070-43c2-890c-1a4fbf321320" class="widget widgetGraphicLinks skin65 widgetOptionSet29 wide" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid3 "> <div class="row wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/835/Parking" target="_self" class="fancyButton fancyButton229 " > <span> <span><span class="text"><span class="textStyle1">Parking in Galveston</span><br><span class="textStyle2">Find information on parking in the city.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton229.fancyButton:link,.fancyButton229.fancyButton:visited, .fancyButton229div.fancyButton{ padding-top: 128px; background-image: url(/ImageRepository/Document?documentID=8443); background-repeat: no-repeat; background-position: center top; transition: all ease-in-out .3s;} .fancyButton229.fancyButton:hover,.fancyButton229.fancyButton:focus,.fancyButton229.fancyButton:active,.fancyButton229.fancyButton.hover{ background-image: url(/ImageRepository/Document?documentID=8444); background-repeat: no-repeat; background-position: center top; } .fancyButton229.fancyButton:link > span,.fancyButton229.fancyButton:visited > span, .fancyButton229div.fancyButton > span{ } .fancyButton229.fancyButton:hover > span,.fancyButton229.fancyButton:focus > span,.fancyButton229.fancyButton:active > span,.fancyButton229.fancyButton.hover > span{ } .fancyButton229.fancyButton .text{ text-align: center; padding-top: 1em; text-decoration: none; padding-top: 1em; background-repeat: no-repeat; background-position: left top; } .fancyButton229.fancyButton:hover .text,.fancyButton229.fancyButton:focus .text,.fancyButton229.fancyButton:active .text,.fancyButton229.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton229.fancyButton .textStyle1{ color: #3c4964; font-size: 1.5em; font-family: Oswald; font-weight: 600; text-decoration: none; } .fancyButton229.fancyButton:hover .textStyle1, .fancyButton229.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton229.fancyButton .textStyle2{ color: #313132; font-family: Montserrat; font-weight: 500; text-decoration: none; } .fancyButton229.fancyButton:hover .textStyle2, .fancyButton229.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/31/Visitors" target="_self" class="fancyButton fancyButton227 " > <span> <span><span class="text"><span class="textStyle1">Visiting the Island</span><br><span class="textStyle2">Come eat, stay, and play.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton227.fancyButton:link,.fancyButton227.fancyButton:visited, .fancyButton227div.fancyButton{ padding-top: 128px; background-image: url('/ImageRepository/Document?documentID=8450'); background-repeat: no-repeat; background-position: center top; transition: all ease-in-out .3s;} .fancyButton227.fancyButton:hover,.fancyButton227.fancyButton:focus,.fancyButton227.fancyButton:active,.fancyButton227.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=8451'); background-repeat: no-repeat; background-position: center top; } .fancyButton227.fancyButton:link > span,.fancyButton227.fancyButton:visited > span, .fancyButton227div.fancyButton > span{ } .fancyButton227.fancyButton:hover > span,.fancyButton227.fancyButton:focus > span,.fancyButton227.fancyButton:active > span,.fancyButton227.fancyButton.hover > span{ } .fancyButton227.fancyButton .text{ text-align: center; padding-top: 1em; text-decoration: none; padding-top: 1em; background-repeat: no-repeat; background-position: left top; } .fancyButton227.fancyButton:hover .text,.fancyButton227.fancyButton:focus .text,.fancyButton227.fancyButton:active .text,.fancyButton227.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton227.fancyButton .textStyle1{ color: #3c4964; font-size: 1.5em; font-family: Oswald; font-weight: 600; text-decoration: none; } .fancyButton227.fancyButton:hover .textStyle1, .fancyButton227.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton227.fancyButton .textStyle2{ color: #313132; font-family: Montserrat; font-weight: 500; text-decoration: none; } .fancyButton227.fancyButton:hover .textStyle2, .fancyButton227.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"> <div> <a href="/list.aspx" target="_self" class="fancyButton fancyButton251 " > <span> <span><span class="text"><span class="textStyle1">Notify Me庐</span><br><span class="textStyle2">Sign up to receive notifications.</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton251.fancyButton:link,.fancyButton251.fancyButton:visited, .fancyButton251div.fancyButton{ padding-top: 128px; background-image: url(/ImageRepository/Document?documentID=8445); background-repeat: no-repeat; background-position: center top; transition: all ease-in-out .3s;} .fancyButton251.fancyButton:hover,.fancyButton251.fancyButton:focus,.fancyButton251.fancyButton:active,.fancyButton251.fancyButton.hover{ background-image: url(/ImageRepository/Document?documentID=8446); background-repeat: no-repeat; background-position: center top; } .fancyButton251.fancyButton:link > span,.fancyButton251.fancyButton:visited > span, .fancyButton251div.fancyButton > span{ } .fancyButton251.fancyButton:hover > span,.fancyButton251.fancyButton:focus > span,.fancyButton251.fancyButton:active > span,.fancyButton251.fancyButton.hover > span{ } .fancyButton251.fancyButton .text{ text-align: center; padding-top: 1em; text-decoration: none; padding-top: 1em; background-repeat: no-repeat; background-position: left top; } .fancyButton251.fancyButton:hover .text,.fancyButton251.fancyButton:focus .text,.fancyButton251.fancyButton:active .text,.fancyButton251.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: left top; } .fancyButton251.fancyButton .textStyle1{ color: #3c4964; font-size: 1.5em; font-family: Oswald; font-weight: 600; text-decoration: none; } .fancyButton251.fancyButton:hover .textStyle1, .fancyButton251.fancyButton.hover .textStyle1{ text-decoration: none; } .fancyButton251.fancyButton .textStyle2{ color: #313132; font-family: Montserrat; font-weight: 500; text-decoration: none; } .fancyButton251.fancyButton:hover .textStyle2, .fancyButton251.fancyButton.hover .textStyle2{ text-decoration: none; } </style> </div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </aside></div> </div><!-- Footer --><div data-cpRole="structuralContainer" id="structuralContainer14"> <div data-cpRole="banner" id="banner3"><div data-cpRole="structuralContainer" id="structuralContainer11" class="topSlantDown_ts"> <div class="siteWrap2"><footer data-cpRole="contentContainer" id="contentContainer11a" class="siteFooter"> <div id="cc3170cd53-92d8-4943-9cf7-ef6e5554c7da" data-containerid="3170cd53-92d8-4943-9cf7-ef6e5554c7da" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50"> <div class="row outer wide"><!-- --><div class="outer col col10 first" style="" data-widgetcontainerid="f4164671-a682-4271-a3ab-de33982bb552"> <div class="row nest first wide"> <div class="inner col col10 first last id2e181ac2-b14a-4b5b-8d40-2929d2b5480e" style="" data-widgetcontainerid="2e181ac2-b14a-4b5b-8d40-2929d2b5480e"> <div data-widget-id="d847bfb2-86ce-4f5f-8f54-bbf4e6a6027f" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvd847bfb2-86ce-4f5f-8f54-bbf4e6a6027f" class="widget widgetInfoAdvanced skin62 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerd847bfb2-86ce-4f5f-8f54-bbf4e6a6027f"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <div style="text-align: center;"><img src="/ImageRepository/Document?documentID=8465" alt="Galveston Texas - Established 1839 - It's Island Time" title="Galveston Texas - Established 1839 - It's Island Time"><br> </div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvd847bfb2-86ce-4f5f-8f54-bbf4e6a6027f .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> <div class="row nest wide"> <div class="inner col col10 first last id4a0d34d9-af6f-4366-95af-ac66cda74048" style="" data-widgetcontainerid="4a0d34d9-af6f-4366-95af-ac66cda74048"> <div data-widget-id="4dee57f3-ac81-4145-8d0a-1ba24209efd6" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget4dee57f3-ac81-4145-8d0a-1ba24209efd6" class="widget widgetGraphicLinks skin62 widgetOptionSet31 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid5 "> <div class="row autoWidths center wide"><!-- --><div class="col col1 first "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.facebook.com/cityofgalveston" target="_blank" aria-label="Facebook graphic opens in new window"><img src="/ImageRepository/Document?documentID=8455" class="graphicButtonLink" alt="Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=8456'" onmouseout="this.src='/ImageRepository/Document?documentID=8455'" onfocus="this.src='/ImageRepository/Document?documentID=8456'" onblur="this.src='/ImageRepository/Document?documentID=8455'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/@CityofGalveston" target="_blank" aria-label="Twitter graphic opens in new window"><img src="/ImageRepository/Document?documentID=8461" class="graphicButtonLink" alt="Twitter" onmouseover="this.src='/ImageRepository/Document?documentID=8462'" onmouseout="this.src='/ImageRepository/Document?documentID=8461'" onfocus="this.src='/ImageRepository/Document?documentID=8462'" onblur="this.src='/ImageRepository/Document?documentID=8461'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/channel/UCl9KJfbdA_5zLfp2JH5891g" target="_blank" aria-label="Youtube graphic opens in new window"><img src="/ImageRepository/Document?documentID=8463" class="graphicButtonLink" alt="Youtube" onmouseover="this.src='/ImageRepository/Document?documentID=8464'" onmouseout="this.src='/ImageRepository/Document?documentID=8463'" onfocus="this.src='/ImageRepository/Document?documentID=8464'" onblur="this.src='/ImageRepository/Document?documentID=8463'"> </a></div><!-- --></div></div><!----><div class="col col1 "><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/cityofgalvestontx/" target="_blank" aria-label="Instagram graphic opens in new window"><img src="/ImageRepository/Document?documentID=8457" class="graphicButtonLink" alt="Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=8458'" onmouseout="this.src='/ImageRepository/Document?documentID=8457'" onfocus="this.src='/ImageRepository/Document?documentID=8458'" onblur="this.src='/ImageRepository/Document?documentID=8457'"> </a></div><!-- --></div></div><!----><div class="col col1 last"><div class="semanticList"><!-- --><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://nextdoor.com/agency/city-of-galveston/?i=kbwmhmbncqzghdwlbfdx" target="_blank" aria-label="NextDoor graphic opens in new window"><img src="/ImageRepository/Document?documentID=8459" class="graphicButtonLink" alt="NextDoor" onmouseover="this.src='/ImageRepository/Document?documentID=8460'" onmouseout="this.src='/ImageRepository/Document?documentID=8459'" onfocus="this.src='/ImageRepository/Document?documentID=8460'" onblur="this.src='/ImageRepository/Document?documentID=8459'"> </a></div><!-- --></div></div><!-- --></div> </div> <div class="widgetFooter"> </div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> <div class="row nest wide"> <div class="inner col col10 first last id9d45c29c-f09f-4b04-91e7-e2ce00bfbd72" style="" data-widgetcontainerid="9d45c29c-f09f-4b04-91e7-e2ce00bfbd72"> <div class="widget widgetSpacer" id="4e6ae23c-029f-4c3e-8027-156d6b02cb61"></div> </div> <!-- inner column --> </div> <!-- inner row --> <div class="row nest wide"> <div class="inner col col10 first last id59889e27-55e8-4e82-be8a-3dbfd360d002" style="" data-widgetcontainerid="59889e27-55e8-4e82-be8a-3dbfd360d002"> <div data-widget-id="d956ee3a-3e69-4daa-887b-5e24792432b4" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvd956ee3a-3e69-4daa-887b-5e24792432b4" class="widget widgetInfoAdvanced skin78 widgetOptionSet33 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="headerd956ee3a-3e69-4daa-887b-5e24792432b4"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid3 "> <div class="row autoWidths center wide"> <div class="col col1 first "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> P.O. Box 779 </li> </ol> </div> <div class="col col1 "> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> 823 Rosenberg </li> </ol> </div> <div class="col col1 last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> Galveston, Texas 77553 </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdvd956ee3a-3e69-4daa-887b-5e24792432b4 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> <div class="row nest last wide"> <div class="inner col col10 first last id60561bfb-42ac-4b31-b199-a7420727753b" style="" data-widgetcontainerid="60561bfb-42ac-4b31-b199-a7420727753b"> <div data-widget-id="2ed3ce52-888b-4868-828f-671e38f922d2" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv2ed3ce52-888b-4868-828f-671e38f922d2" class="widget widgetInfoAdvanced skin78 widgetOptionSet41 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> <header class="widgetHeader" id="header2ed3ce52-888b-4868-828f-671e38f922d2"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row autoWidths center wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> Phone: <a href="tel:409-797-3500">409-797-3500</a> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv2ed3ce52-888b-4868-828f-671e38f922d2 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col6" style="" data-widgetcontainerid="f3d140c1-7200-45fe-9866-f89fd0084c8a"> <div class="row nest first last wide"> <div class="inner col col6 first last id449173a8-cfcc-43c0-b85b-e57b224b4884" style="" data-widgetcontainerid="449173a8-cfcc-43c0-b85b-e57b224b4884"> <div data-widget-id="af6e7987-a1d8-4f13-88bf-efc5d43a8f9c" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkaf6e7987-a1d8-4f13-88bf-efc5d43a8f9c" class="widget widgetQuickLinks skin62 widgetOptionSet39 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderaf6e7987-a1d8-4f13-88bf-efc5d43a8f9c"> <header class="widgetHeader" id="quickLinksHeaderaf6e7987-a1d8-4f13-88bf-efc5d43a8f9c"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=97" >Helpful Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.galvestoncad.org/" target="_self" >Galveston Central Appraisal District</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.galvestonchamber.com/" target="_self" >Galveston Chamber of Commerce</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://gc.edu/" target="_self" >Galveston College</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.galvestoncountytx.gov" target="_self" >Galveston County</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.galco911.org/" target="_self" >Galveston County Emergency Communication District</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/284/Helpful-Links" target="_self" >View Additional Helpful Links</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="1288cc1a-9db2-48e3-988c-18c950807239"> <div class="row nest first last wide"> <div class="inner col col8 first last ide7fb26c0-a5b2-4c83-a077-42816f2645d8" style="" data-widgetcontainerid="e7fb26c0-a5b2-4c83-a077-42816f2645d8"> <div data-widget-id="05458990-c553-486b-b3d5-64955cf92346" data-widget-controller-path="/Faq/Widget"> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </footer><footer data-cpRole="contentContainer" id="contentContainer11b" class="footerGoogleTranslate_ts"> <div id="cc63455d49-687f-4ae9-868c-0f5240fe7899" data-containerid="63455d49-687f-4ae9-868c-0f5240fe7899" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><!-- --><div class="outer col col24 first last" style="" data-widgetcontainerid="d3d55a14-b7e5-43df-9174-60f263bb5fb3"> <div class="row nest first last wide"> <div class="inner col col24 first last ide0d70497-79e9-41ce-b009-29108e1e60ec" style="" data-widgetcontainerid="e0d70497-79e9-41ce-b009-29108e1e60ec"> <div data-widget-id='9ce7fe58-e0d3-4c28-8ac2-8e3a8c4c2c5d' data-moduleName="customHtml" id='widgetCustomHtml9ce7fe58-e0d3-4c28-8ac2-8e3a8c4c2c5d' class="widget widgetCustomHtml skin63 narrow" > <div class="widgetBody pageStyles" id="widgetBody9ce7fe58-e0d3-4c28-8ac2-8e3a8c4c2c5d"> <div id="customHtml9ce7fe58-e0d3-4c28-8ac2-8e3a8c4c2c5d"><div><div id="google_translate_element" style="position: absolute; bottom: 0px; right: 1em;"><script type="text/javascript"> function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); } </script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script></div></div></div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </footer></div> </div> <div id="banner3-80" style="display: none"></div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderBanner('banner3-80', 'banner3', {"BannerOptionID":80,"ThemeID":21,"SlotName":"banner3","Name":"Default","IsDefault":true,"BannerMode":1,"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":149,"BannerOptionID":80,"FileName":"/ImageRepository/Document?documentID=8471","Height":1146,"Width":2016,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, {"BannerImageID":149,"BannerOptionID":80,"FileName":"/ImageRepository/Document?documentID=8471","Height":1146,"Width":2016,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, '/App_Themes/Interior - No Feature Column/Images/', '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=8471" />'); }); }); </script> </div> </div><!-- Subfooter --><div data-cpRole="structuralContainer" id="structuralContainer12"> <div class="siteWrap2"><footer data-cpRole="contentContainer" id="contentContainer12a"> <div id="cce4f0cccf-01c0-4222-910a-c512f8a820c8" data-containerid="e4f0cccf-01c0-4222-910a-c512f8a820c8" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="50"> <div class="row outer wide"><!-- --><div class="outer col col14 first" style="" data-widgetcontainerid="d3ab5f90-89eb-415f-9b8b-0b71a937d50e"> <div class="row nest first last wide"> <div class="inner col col14 first last id21808105-fe30-4124-b87f-08c3a2253ad3" style="" data-widgetcontainerid="21808105-fe30-4124-b87f-08c3a2253ad3"> <div data-widget-id="b2b2e274-e110-48c1-878a-8a779ab5f176" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkb2b2e274-e110-48c1-878a-8a779ab5f176" class="widget widgetQuickLinks skin63 widgetOptionSet40 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:35em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> <header class="widgetHeader" id="quickLinksHeaderb2b2e274-e110-48c1-878a-8a779ab5f176"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid6 "> <div class="row autoWidths left narrow"> <div class="col col1 first "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Photo Credits</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright / Privacy</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/125/Disclaimer" target="_self" >Legal Notice</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/Accessibility" target="_self" >Accessibility</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!----><div class="outer col col10 last" style="" data-widgetcontainerid="59f7c283-4ae0-4f84-8d3b-85b4be8e93ce"> <div class="row nest first last wide"> <div class="inner col col10 first last ide6bba4c0-ba90-4c76-9a0a-f7a7fbbca943" style="" data-widgetcontainerid="e6bba4c0-ba90-4c76-9a0a-f7a7fbbca943"> <div data-widget-id='7bd912aa-fcba-43ad-b135-8ec1e26208ec' data-moduleName="customHtml" id='widgetCustomHtml7bd912aa-fcba-43ad-b135-8ec1e26208ec' class="widget widgetCustomHtml skin64 narrow" > <div class="widgetBody pageStyles" id="widgetBody7bd912aa-fcba-43ad-b135-8ec1e26208ec"> <div id="customHtml7bd912aa-fcba-43ad-b135-8ec1e26208ec"><div><div class="cp-byline"><img src="/ImageRepository/Document?documentID=8472"><span>Government Websites by <a href="https://civicplus.com/referral">CivicPlus®</a></span></div></div></div> </div> </div> </div> <!-- inner column --> </div> <!-- inner row --> </div><!-- outer column --><!-- --></div> <!-- outer row --> </div> </footer></div> </div> </div> </div> </div> </div> <link href="/745732998.css" rel="stylesheet" type="text/css" /> <div tabindex="0"></div> <div id="SplashMessageWrapper" class="cp-Splash-wrapper"> <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"> <div class="cp-Splash-header"> <span class="cp-Splash-title" id="cp-Splash-title">Loading</span> <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> <svg id="iconClose" viewBox="0 0 25 25"> <polygon style="fill:currentcolor" points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon> </svg> </button> </div> <div class="cp-Splash-body"> <div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc"> <!-- Content from the Froala Editor will go here. --> Loading </div> </div> <div class="cp-Splash-footer"> <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> </div> </div> </div> <div tabindex="0"></div> <script src="/Assets/Scripts/APIClient.js"></script> <script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script> <script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script> <script> $(document).ready(function () { var filter = { targetId: '1128', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script type="text/javascript">function dynamicStretchContainers () {Core.Layout.stretchContainers('#structuralContainer9');}</script> <script src="/773427118.js" type="text/javascript"></script> <!-- AudioEye --> <script type="text/javascript">!function(){var b=function(){window.__AudioEyeSiteHash="8c49fa66d91f7de089e73213588df2fb";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> <!-- End AudioEye --> <script type="text/javascript"> $(function () { document.cookie = "responsiveGhost=0; path=/"; }); $(window).on("load", function () { $('body').addClass('doneLoading').removeClass('hideContent'); if ($('#404Content').length > 0) $('div#bodyWrapper').css('padding', '0px'); }); </script> <noscript> <style> body.hideContent { opacity: 1 !important; } </style> </noscript> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> <symbol id="iconArrow--left" viewbox="0 0 25 25"> <title>Arrow Left</title> <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> </symbol> <symbol id="iconArrow--right" viewbox="0 0 25 25"> <title>Arrow Right</title> <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> </symbol> </svg> </div> <script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lobster+Two:italic|Montserrat:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|Oswald:200,500,600,700,regular|');</script> <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> <title>Slideshow Left Arrow</title> <g> <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> </g> </symbol> <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> <title>Slideshow Right Arrow</title> <g> <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> </g> </symbol> </svg> </div> <div id="root-picker-outlet"></div> </body> </html>