CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta http-equiv="Content-type" content="text/html; charset=UTF-8" />  <script>(function(w,d,s,l,i){w.GAMeasurementID='G-K1HT3W8112';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>  <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= true; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = true; 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="theme-color" content="rgb(135, 10, 135)"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Mount Rainier, MD | Official Website</title> <meta name="description" content=""> <meta name="keywords" content="Home"> <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>     <script type="text/javascript"></script> <link href="/-554845694.css" rel="stylesheet" type="text/css" /> <link href="/789695552.css" rel="stylesheet" type="text/css" /> <link href="/-1423227297.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>  <script src="/-1356065630.js" type="text/javascript"></script>     <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="#ccfa891dbf-e9b1-4b24-a247-db91792ff9de" 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="10" /> <input type="hidden" id="hdnContentCollectionID" value="5ef382ab-ab1d-48bd-af33-3a1eed547965" /> <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="1" /> <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=""> <style> @import url(https://fonts.googleapis.com/css?family=Open+Sans+Condensed:700); .alertText .customAlert { color: #EAEAEA; display: inline-block; font-family: 'Open Sans Condensed', sans-serif; text-transform: uppercase; font-weight: bold; height: 27px; left: 57px; line-height: 27px; overflow: hidden; position: absolute; top: 15px; white-space: nowrap; width: 268px; } </style> <div id="1_divAlertBar" class="alertToolbar cpToolbar" style="background: #FF0000;"> <div id="1_divAlertToolbarInner" class="alertToolbarInner" style="font-size: 14px;"> <a href="/AlertCenter.aspx" id="1_lnkAlertText" class="alertText" style="border-right: 1px solid #000000;"> <img src="/Common/Images/AlertCenter/alertBarBlink.svg" id="1_imgDot" alt="Emergency Alert" class="redDot" /> <span id="1_customAlert" class="customAlert">Thanksgiving Holiday</span> </a> <span id="1_spnAlertContainer" class="alertContainer"><a href="/AlertCenter.aspx?AID=2Hour-Early-Closure-on-Wednesday-Nov-27--10" target="_self" class="alert" style="border-left: 1px solid #635e65; border-right: 1px solid #000000;background: #030303 url(/Common/images/AlertCenter/alertBarBlackTextBckg.png) repeat-x; color: #FFFFFF;"> 2-Hour Early Closure on Wednesday, Nov. 27. Closed on Thursday and Friday, Nov. 28-29. <span style="color: #FC4C2F;">Read On...</span> </a> </span> </div> </div> <div id="1_divAlertBarEmpty" class="alertBarEmpty"></div>    <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>  </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <div data-cpRole="banner" id="banner2" class="fixedBannerTS"><div data-cpRole="structuralContainer" id="bannerWrapTS"> <header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> <div class="siteWrap5"><div data-cpRole="structuralContainer" id="flexHeader1TS" class="flexTS"> <div data-cpRole="structuralContainer" id="logoTS"> <div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="Mount Rainier Maryland Homepage" class="bannerObject" height="140" src="/ImageRepository/Document?documentID=1039" width="446" /></a> </div> </div><div data-cpRole="structuralContainer" id="mainNavTS"> <nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" aria-label="Main"> <ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavOurCommunity" class="navMainItem mainNavItem mainNavItem1" href="/31/Our-Community" target = "_self" > Our Community </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 mainNavItem2" href="/35/Business" target = "_self" > Business </a> </li><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 mainNavItem3" href="/27/Government" target = "_self" > Government </a> </li><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4" href="/9/How-Do-I" target = "_self" > How Do I </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 && true) 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> <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="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="ccc84424f3-d6c4-4ba3-a0a3-954824ed7b98" data-containerid="c84424f3-d6c4-4ba3-a0a3-954824ed7b98" 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="cce3033961-84a5-4c17-9c20-53c451983c3e" data-containerid="e3033961-84a5-4c17-9c20-53c451983c3e" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc3029497e-d725-4b4d-9e88-435550cfc0f1" data-containerid="3029497e-d725-4b4d-9e88-435550cfc0f1" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc63691504-4082-4d9f-a040-31db292a45b0" data-containerid="63691504-4082-4d9f-a040-31db292a45b0" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="cc0cfcd95a-3da3-41e4-9b84-acc3ecb2c20c" data-containerid="0cfcd95a-3da3-41e4-9b84-acc3ecb2c20c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="0b85990d-71d6-4b79-9aea-a9075b015062"> <div class="row nest first last wide"> <div class="inner col col24 first last idec52ed4d-ba2d-42e3-bddf-dfd088150d26" style="" data-widgetcontainerid="ec52ed4d-ba2d-42e3-bddf-dfd088150d26"> <div data-widget-id="fa7a9945-00a1-4646-a4cb-638ac5f12322" 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.widgetSearchButtonfa7a9945-00a1-4646-a4cb-638ac5f12322").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDeptfa7a9945-00a1-4646-a4cb-638ac5f12322").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchFieldfa7a9945-00a1-4646-a4cb-638ac5f12322").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDeptfa7a9945-00a1-4646-a4cb-638ac5f12322").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDeptfa7a9945-00a1-4646-a4cb-638ac5f12322").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchFieldfa7a9945-00a1-4646-a4cb-638ac5f12322").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDeptfa7a9945-00a1-4646-a4cb-638ac5f12322").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 ($("#searchFieldfa7a9945-00a1-4646-a4cb-638ac5f12322").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchFieldfa7a9945-00a1-4646-a4cb-638ac5f12322")); } } }); }, 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 skin56 widgetOptionSet15" style="display: block;" aria-label="Search">  <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBoxfa7a9945-00a1-4646-a4cb-638ac5f12322" cp5ph="true" id="searchFieldfa7a9945-00a1-4646-a4cb-638ac5f12322" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." title="Search..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonfa7a9945-00a1-4646-a4cb-638ac5f12322" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=862" data-image="/ImageRepository/Document?documentID=861" src="/ImageRepository/Document?documentID=861" /></a> <label class="searchLabel" for="searchFieldfa7a9945-00a1-4646-a4cb-638ac5f12322">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #FFFFFF; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #FFFFFF; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #FFFFFF; } .widgetSearch :-ms-input-placeholder { color: #FFFFFF; } .widgetSearch .widgetBody .widgetSearchBoxfa7a9945-00a1-4646-a4cb-638ac5f12322 { color: #FFFFFF; height: 70px; border: none; padding: 0 70px 0 22px; border-radius: 8px; background: transparent linear-gradient(90deg, rgba(34,60,101, .95) 0%, rgba(34,60,101, .95) 19%, rgba(7,133,119, .95)); box-shadow: 0px 3px 6px rgba(0, 0, 0, 0.16); font: 500 16px Open Sans; } .widgetSearch .widgetBody .widgetSearchButtonfa7a9945-00a1-4646-a4cb-638ac5f12322 { margin: 5px 5px 0 0; } .widgetSearch .widgetSearch-onlyDeptfa7a9945-00a1-4646-a4cb-638ac5f12322 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDeptfa7a9945-00a1-4646-a4cb-638ac5f12322 { 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("searchFieldfa7a9945-00a1-4646-a4cb-638ac5f12322").value; } </script> </div> </div>  </div>  </div></div>  </div> </div> </div></div> </header><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"><div class="inner"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div data-cpRole="structuralContainer" id="bannerContentTS"> <div class="siteWrap5"><div data-cpRole="contentContainer" id="contentTS"> <div id="ccf8d5bcf6-df90-439e-a0d6-2d530954712d" data-containerid="f8d5bcf6-df90-439e-a0d6-2d530954712d" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </div></div> </div> </div> <div id="bannerImagesJSON60" 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":60,"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":75,"BannerOptionID":60,"FileName":"/ImageRepository/Document?documentID=865","Height":621,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":0,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":86,"BannerOptionID":60,"FileName":"/ImageRepository/Document?documentID=1087","Height":621,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":74,"BannerOptionID":60,"FileName":"/ImageRepository/Document?documentID=866","Height":621,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Home/Images/', 'Rotating', '1'); }); }); </script> </div></div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc28eac21c-9500-44c0-b110-5d9e0facc581" data-containerid="28eac21c-9500-44c0-b110-5d9e0facc581" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="fab3e315-c956-49c4-97ed-879a0aea310b"> <div class="row nest first last wide"> <div class="inner col col8 first last ide872f737-3808-4c0e-8078-fadced7cf16c" style="" data-widgetcontainerid="e872f737-3808-4c0e-8078-fadced7cf16c"> <div data-widget-id="3251a1f1-6089-47b0-8dd6-2114afa93f5f" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget3251a1f1-6089-47b0-8dd6-2114afa93f5f" class="widget widgetGraphicLinks skin59 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/agendacenter" target="_self" class="fancyButton fancyButton72 " > <span> <span><span class="text"><span class="textStyle1">Agendas & Minutes</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton72.fancyButton:link,.fancyButton72.fancyButton:visited, .fancyButton72div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=852'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .3s ease-in-out; } .fancyButton72.fancyButton:hover,.fancyButton72.fancyButton:focus,.fancyButton72.fancyButton:active,.fancyButton72.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=851'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1);} .fancyButton72.fancyButton:link > span,.fancyButton72.fancyButton:visited > span, .fancyButton72div.fancyButton > span{ } .fancyButton72.fancyButton:hover > span,.fancyButton72.fancyButton:focus > span,.fancyButton72.fancyButton:active > span,.fancyButton72.fancyButton.hover > span{ } .fancyButton72.fancyButton .text{ padding-top: 10em; text-decoration: none; padding-top: 10em; background-image: url('/ImageRepository/Document?documentID=855'); background-repeat: no-repeat; background-position: center .75em ; transition: all .3s ease-in-out; } .fancyButton72.fancyButton:hover .text,.fancyButton72.fancyButton:focus .text,.fancyButton72.fancyButton:active .text,.fancyButton72.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center top; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1); } .fancyButton72.fancyButton .textStyle1{ color: rgb(34, 60, 101); font-size: 1em; font-family: Mukta Malar; font-weight: 700; text-decoration: none; display: block; text-transform: uppercase; line-height: 1.3; transition: all .3s ease-in-out;} .fancyButton72.fancyButton:hover .textStyle1, .fancyButton72.fancyButton.hover .textStyle1{ text-decoration: underline; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/157/Police" target="_self" class="fancyButton fancyButton73 " > <span> <span><span class="text"><span class="textStyle1">Police Department</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton73.fancyButton:link,.fancyButton73.fancyButton:visited, .fancyButton73div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=849'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .3s ease-in-out; } .fancyButton73.fancyButton:hover,.fancyButton73.fancyButton:focus,.fancyButton73.fancyButton:active,.fancyButton73.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=850'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1);} .fancyButton73.fancyButton:link > span,.fancyButton73.fancyButton:visited > span, .fancyButton73div.fancyButton > span{ } .fancyButton73.fancyButton:hover > span,.fancyButton73.fancyButton:focus > span,.fancyButton73.fancyButton:active > span,.fancyButton73.fancyButton.hover > span{ } .fancyButton73.fancyButton .text{ padding-top: 10em; text-decoration: none; padding-top: 10em; background-image: url('/ImageRepository/Document?documentID=859'); background-repeat: no-repeat; background-position: center .75em ; transition: all .3s ease-in-out; } .fancyButton73.fancyButton:hover .text,.fancyButton73.fancyButton:focus .text,.fancyButton73.fancyButton:active .text,.fancyButton73.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center top; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1); } .fancyButton73.fancyButton .textStyle1{ color: rgb(34, 60, 101); font-size: 1em; font-family: Mukta Malar; font-weight: 700; text-decoration: none; display: block; text-transform: uppercase; line-height: 1.3; transition: all .3s ease-in-out;} .fancyButton73.fancyButton:hover .textStyle1, .fancyButton73.fancyButton.hover .textStyle1{ text-decoration: underline; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col8" style="" data-widgetcontainerid="96c78a4a-8ffc-407f-b10b-6e035e4a6423"> <div class="row nest first last wide"> <div class="inner col col8 first last id18819219-e172-4277-967e-a1ecea960446" style="" data-widgetcontainerid="18819219-e172-4277-967e-a1ecea960446"> <div data-widget-id="2018b0d6-c862-4ec2-9283-d1893bfbdfca" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget2018b0d6-c862-4ec2-9283-d1893bfbdfca" class="widget widgetGraphicLinks skin59 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/294/Online-Forms" target="_self" class="fancyButton fancyButton74 " > <span> <span><span class="text"><span class="textStyle1">Online Payments</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton74.fancyButton:link,.fancyButton74.fancyButton:visited, .fancyButton74div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=854'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .3s ease-in-out; } .fancyButton74.fancyButton:hover,.fancyButton74.fancyButton:focus,.fancyButton74.fancyButton:active,.fancyButton74.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=853'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1);} .fancyButton74.fancyButton:link > span,.fancyButton74.fancyButton:visited > span, .fancyButton74div.fancyButton > span{ } .fancyButton74.fancyButton:hover > span,.fancyButton74.fancyButton:focus > span,.fancyButton74.fancyButton:active > span,.fancyButton74.fancyButton.hover > span{ } .fancyButton74.fancyButton .text{ padding-top: 10em; text-decoration: none; padding-top: 10em; background-image: url('/ImageRepository/Document?documentID=857'); background-repeat: no-repeat; background-position: center .75em ; transition: all .3s ease-in-out; } .fancyButton74.fancyButton:hover .text,.fancyButton74.fancyButton:focus .text,.fancyButton74.fancyButton:active .text,.fancyButton74.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center top; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1); } .fancyButton74.fancyButton .textStyle1{ color: rgb(34, 60, 101); font-size: 1em; font-family: Mukta Malar; font-weight: 700; text-decoration: none; display: block; text-transform: uppercase; line-height: 1.3; transition: all .3s ease-in-out;} .fancyButton74.fancyButton:hover .textStyle1, .fancyButton74.fancyButton.hover .textStyle1{ text-decoration: underline; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/204/Permitting-Inspections" target="_self" class="fancyButton fancyButton76 " > <span> <span><span class="text"><span class="textStyle1">PERMITTING & INSPECTIONS</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton76.fancyButton:link,.fancyButton76.fancyButton:visited, .fancyButton76div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=852'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .3s ease-in-out; } .fancyButton76.fancyButton:hover,.fancyButton76.fancyButton:focus,.fancyButton76.fancyButton:active,.fancyButton76.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=851'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1);} .fancyButton76.fancyButton:link > span,.fancyButton76.fancyButton:visited > span, .fancyButton76div.fancyButton > span{ } .fancyButton76.fancyButton:hover > span,.fancyButton76.fancyButton:focus > span,.fancyButton76.fancyButton:active > span,.fancyButton76.fancyButton.hover > span{ } .fancyButton76.fancyButton .text{ padding-top: 10em; text-decoration: none; padding-top: 10em; background-image: url('/ImageRepository/Document?documentID=858'); background-repeat: no-repeat; background-position: center .75em ; transition: all .3s ease-in-out; } .fancyButton76.fancyButton:hover .text,.fancyButton76.fancyButton:focus .text,.fancyButton76.fancyButton:active .text,.fancyButton76.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center top; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1); } .fancyButton76.fancyButton .textStyle1{ color: rgb(34, 60, 101); font-size: 1em; font-family: Mukta Malar; font-weight: 700; text-decoration: none; display: block; text-transform: uppercase; line-height: 1.3; transition: all .3s ease-in-out;} .fancyButton76.fancyButton:hover .textStyle1, .fancyButton76.fancyButton.hover .textStyle1{ text-decoration: underline; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col8 last" style="" data-widgetcontainerid="cb84fc63-d292-4cf0-ad89-d76e11058c4d"> <div class="row nest first last wide"> <div class="inner col col8 first last id5d386480-20f5-4f9a-9128-5f38ee15140f" style="" data-widgetcontainerid="5d386480-20f5-4f9a-9128-5f38ee15140f"> <div data-widget-id="9ccd6175-f732-4c08-a08a-bbecc6d0d84b" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget9ccd6175-f732-4c08-a08a-bbecc6d0d84b" class="widget widgetGraphicLinks skin59 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/list.aspx" target="_self" class="fancyButton fancyButton77 " > <span> <span><span class="text"><span class="textStyle1">Stay Connected</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton77.fancyButton:link,.fancyButton77.fancyButton:visited, .fancyButton77div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=849'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .3s ease-in-out; } .fancyButton77.fancyButton:hover,.fancyButton77.fancyButton:focus,.fancyButton77.fancyButton:active,.fancyButton77.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=850'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1);} .fancyButton77.fancyButton:link > span,.fancyButton77.fancyButton:visited > span, .fancyButton77div.fancyButton > span{ } .fancyButton77.fancyButton:hover > span,.fancyButton77.fancyButton:focus > span,.fancyButton77.fancyButton:active > span,.fancyButton77.fancyButton.hover > span{ } .fancyButton77.fancyButton .text{ padding-top: 10em; text-decoration: none; padding-top: 10em; background-image: url('/ImageRepository/Document?documentID=860'); background-repeat: no-repeat; background-position: center .75em ; transition: all .3s ease-in-out; } .fancyButton77.fancyButton:hover .text,.fancyButton77.fancyButton:focus .text,.fancyButton77.fancyButton:active .text,.fancyButton77.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center top; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1); } .fancyButton77.fancyButton .textStyle1{ color: rgb(34, 60, 101); font-size: 1em; font-family: Mukta Malar; font-weight: 700; text-decoration: none; display: block; text-transform: uppercase; line-height: 1.3; transition: all .3s ease-in-out;} .fancyButton77.fancyButton:hover .textStyle1, .fancyButton77.fancyButton.hover .textStyle1{ text-decoration: underline; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/209/City-Projects" target="_self" class="fancyButton fancyButton75 " > <span> <span><span class="text"><span class="textStyle1">CITY PROJECTS</span></span></span> </span> </a> </div> <style scoped="scoped">.fancyButton75.fancyButton:link,.fancyButton75.fancyButton:visited, .fancyButton75div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=854'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .3s ease-in-out; } .fancyButton75.fancyButton:hover,.fancyButton75.fancyButton:focus,.fancyButton75.fancyButton:active,.fancyButton75.fancyButton.hover{ background-image: url('/ImageRepository/Document?documentID=853'); background-repeat: no-repeat; background-position: center 8.5em ; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1);} .fancyButton75.fancyButton:link > span,.fancyButton75.fancyButton:visited > span, .fancyButton75div.fancyButton > span{ } .fancyButton75.fancyButton:hover > span,.fancyButton75.fancyButton:focus > span,.fancyButton75.fancyButton:active > span,.fancyButton75.fancyButton.hover > span{ } .fancyButton75.fancyButton .text{ padding-top: 10em; text-decoration: none; padding-top: 10em; background-image: url('/ImageRepository/Document?documentID=856'); background-repeat: no-repeat; background-position: center .75em ; transition: all .3s ease-in-out; } .fancyButton75.fancyButton:hover .text,.fancyButton75.fancyButton:focus .text,.fancyButton75.fancyButton:active .text,.fancyButton75.fancyButton.hover .text{ text-decoration: none; background-repeat: no-repeat; background-position: center top; transition: all .6s cubic-bezier(0.76, 0, 0.24, 1); } .fancyButton75.fancyButton .textStyle1{ color: rgb(34, 60, 101); font-size: 1em; font-family: Mukta Malar; font-weight: 700; text-decoration: none; display: block; text-transform: uppercase; line-height: 1.3; transition: all .3s ease-in-out;} .fancyButton75.fancyButton:hover .textStyle1, .fancyButton75.fancyButton.hover .textStyle1{ text-decoration: underline; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><main data-cpRole="structuralContainer" id="mainSectionTS"> <div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap flexTS"> <div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap flexTS"> <div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> <div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"><script type='text/javascript'>$('#breadCrumbs').hide();</script></div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="2031" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <div id="ccfa891dbf-e9b1-4b24-a247-db91792ff9de" data-containerid="fa891dbf-e9b1-4b24-a247-db91792ff9de" class="pageContent cpGrid cpGrid24" > </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div> </div><div data-cpRole="structuralContainer" id="bgWrapTS"><div class="inner"> <div data-cpRole="structuralContainer" id="homeContainer1"> <div class="siteWrap3"><div data-cpRole="contentContainer" id="homeContent1a"> <div id="cc84bddb61-d78a-4cbe-9b4e-5d1b75246a62" data-containerid="84bddb61-d78a-4cbe-9b4e-5d1b75246a62" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="e39c035d-c069-4a43-a4f1-cf5fedeb3cd4"> <div class="row nest first last wide"> <div class="inner col col24 first last id0d321491-f588-41e7-987f-2de7d1f2b4a2" style="" data-widgetcontainerid="0d321491-f588-41e7-987f-2de7d1f2b4a2"> <div data-widget-id="68395ec0-bba6-4098-ad3a-448afe20c690" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv68395ec0-bba6-4098-ad3a-448afe20c690" class="widget widgetInfoAdvanced skin65 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="header68395ec0-bba6-4098-ad3a-448afe20c690"> <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"> <h2 class="subhead1">News & Updates</h2> </li> <li class="InfoAdvanced widgetItem fr-view"> <p>Stay up to date with Mount Rainier</p> </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) { $('#divInfoAdv68395ec0-bba6-4098-ad3a-448afe20c690 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="0957dcd6-a287-4a17-ae52-ee4adefcc76f"> <div class="row nest first last wide"> <div class="inner col col24 first last id74d46a98-9f0e-443d-bd2f-d3a0c793eebb" style="" data-widgetcontainerid="74d46a98-9f0e-443d-bd2f-d3a0c793eebb"> <div data-widget-id="0f421625-4287-4196-bd79-4520d1f9ec76" data-widget-controller-path="/NewsFlash/Widget"> <script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script> <script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script> <style scoped type="text/css">body:not(.doneLoading) .widgetOptionSet29 img.media { visibility: hidden; }</style> <section class="widget widgetNewsFlash skin64 widgetOptionSet29 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash0f421625-4287-4196-bd79-4520d1f9ec76" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid1 "> <div class="cpCarousel cpCarousel0f421625-4287-4196-bd79-4520d1f9ec76"> <div class="cpWindow cpWindow0f421625-4287-4196-bd79-4520d1f9ec76"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="/CivicAlerts.aspx?AID=454" target="_self"><img class="media cover" src="/ImageRepository/Document?documentID=1271" alt="(Spanish) (2)" data-delayed-image="" style="height: 300px"/></a> <div class="text"> <h4 id="newsFlashItemHeader454" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=454" target="_self">City of Mount Rainier Launches Organic Recycling Program </a> </h4> <div class="widgetDesc"> Organic Recycling is now offered to Mount Rainier residents as part of the City's initiative to promote environmental sustainability. Residents must o... <a id="newsFlashReadOn454" href="/CivicAlerts.aspx?AID=454" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader454 newsFlashReadOn454">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="/CivicAlerts.aspx?AID=464" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1371" alt="225 x 225 Newsflash CIVIC PLUS (1)" data-delayed-image="" style="height: 300px"/></a> <div class="text"> <h4 id="newsFlashItemHeader464" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=464" target="_self">Thanksgiving Holiday Waste Collection Schedule Update </a> </h4> <div class="widgetDesc"> Waste collection schedule adjustment during the Thanksgiving Holiday. <a id="newsFlashReadOn464" href="/CivicAlerts.aspx?AID=464" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader464 newsFlashReadOn464">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="2"> <a href="/CivicAlerts.aspx?AID=463" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1362" alt="Sustainable Maryland" data-delayed-image="" style="height: 300px"/></a> <div class="text"> <h4 id="newsFlashItemHeader463" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=463" target="_self">City of Mount Rainier Receives Prestigious Sustainable Maryland Certified Award </a> </h4> <div class="widgetDesc"> The City was awarded the Sustainable Maryland Certified Award for its green initiatives. The Mount Rainier Green Team in collaboration with the City C... <a id="newsFlashReadOn463" href="/CivicAlerts.aspx?AID=463" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader463 newsFlashReadOn463">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="3"> <a href="/CivicAlerts.aspx?AID=460" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1352" alt="FINANCIAL AUDIT 2024 (225 x 225 px)" data-delayed-image="" style="height: 300px"/></a> <div class="text"> <h4 id="newsFlashItemHeader460" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=460" target="_self">FY 2024 Financial Audit </a> </h4> <div class="widgetDesc"> The City of Mount Rainier has completed its Fiscal Year 2024 financial audit, ending June 30, with results reflecting a positive financial outlook. ... <a id="newsFlashReadOn460" href="/CivicAlerts.aspx?AID=460" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader460 newsFlashReadOn460">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="4"> <a href="https://mountrainiermd.org/379/Mural-Arts-Project" target="_blank"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1354" alt="Rhode Island Avenue Mural Project Call for Artists (940 x 788 px)" data-delayed-image="" style="height: 300px"/></a> <div class="text"> <h4 id="newsFlashItemHeader461" class="widgetTitle"> <a href="https://mountrainiermd.org/379/Mural-Arts-Project" target="_blank">Mural Arts Project </a> </h4> <div class="widgetDesc"> The City of Mount Rainier's Department of Economic Development invites artists to bring their designs to life with its newest mural project. <a href="https://mountrainiermd.org/379/Mural-Arts-Project" target="_blank" rel="noopener" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="5"> <a href="/CivicAlerts.aspx?AID=462" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1356" alt="Youth Scholarship Program " data-delayed-image="" style="height: 300px"/></a> <div class="text"> <h4 id="newsFlashItemHeader462" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=462" target="_self">Youth Scholarship Program Offers Assistance to Outstanding Students </a> </h4> <div class="widgetDesc"> Apply now for the second round of the Youth Scholarship Program. <a id="newsFlashReadOn462" href="/CivicAlerts.aspx?AID=462" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader462 newsFlashReadOn462">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="6"> <a href="/CivicAlerts.aspx?AID=459" target="_blank"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1332" alt="Thanksgiving Baskets 2024 (225 x 225 px)" data-delayed-image="" style="height: 300px"/></a> <div class="text"> <h4 id="newsFlashItemHeader459" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=459" target="_blank">The City Announces Annual Thanksgiving Distribution Program </a> </h4> <div class="widgetDesc"> The annual Thanksgiving Basket Distribution Program aims to give each household in Mount Rainier a feast to share during the Thanksgiving holiday. <a href="/CivicAlerts.aspx?AID=459" target="_blank" rel="noopener" class="readOn">Additional Info...</a> </div> </div> </li> <li class="widgetItem" data-index="7"> <a href="/CivicAlerts.aspx?AID=457" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1290" alt="School Zone Safety" data-delayed-image="" style="height: 300px"/></a> <div class="text"> <h4 id="newsFlashItemHeader457" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=457" target="_self">School Zone Safety in Mount Rainier: A Community Effort </a> </h4> <div class="widgetDesc"> The City is actively collaborating with Mount Rainier Elementary School and Thomas S Stone Elementary School to address road safety issues to ensure t... <a id="newsFlashReadOn457" href="/CivicAlerts.aspx?AID=457" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader457 newsFlashReadOn457">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="8"> <a href="/CivicAlerts.aspx?AID=455" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1282" alt="Animal Control Ordinance 2024 Campaign (1)" data-delayed-image="" style="height: 300px"/></a> <div class="text"> <h4 id="newsFlashItemHeader455" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=455" target="_self">Ordinance Reminder: Leash Your Dog in Public Spaces </a> </h4> <div class="widgetDesc"> By ordinance, dogs must be leashed in all public areas - including streets, sidewalks, roadways, and alleys to ensure a safe environment for everyone.... <a id="newsFlashReadOn455" href="/CivicAlerts.aspx?AID=455" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader455 newsFlashReadOn455">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="9"> <a href="/CivicAlerts.aspx?AID=456" target="_self"><img class="media cover" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1141" alt="Rhode Island Avenue and Eastern Avenue Traffic Lights" data-delayed-image="" style="height: 300px"/></a> <div class="text"> <h4 id="newsFlashItemHeader456" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=456" target="_self">Proposed Safety Changes on Eastern Avenue: Your Input Matters </a> </h4> <div class="widgetDesc"> The District Department of Transportation (DDOT) proposed safety improvements for Eastern Avenue, between 30th Street and Russell Avenue. Residents ar... <a id="newsFlashReadOn456" href="/CivicAlerts.aspx?AID=456" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader456 newsFlashReadOn456">Read on...</a> </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> //  </script> <a id="newsFlashViewAll0f421625-4287-4196-bd79-4520d1f9ec76" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1" aria-label="News Flash View All">View More News</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer2"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent2a"> <div id="ccdc243f5e-1768-45a8-9204-9a54671b9d90" data-containerid="dc243f5e-1768-45a8-9204-9a54671b9d90" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="52"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="0620a265-fca8-4788-8d1c-025c87fe25dd"> <div class="row nest first last wide"> <div class="inner col col24 first last id2577f5f4-b946-4f37-9621-2b79c044f508" style="" data-widgetcontainerid="2577f5f4-b946-4f37-9621-2b79c044f508"> <div data-widget-id="08f69f6a-c85e-4ad1-9f2f-f12a9dce51dc" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv08f69f6a-c85e-4ad1-9f2f-f12a9dce51dc" class="widget widgetInfoAdvanced skin65 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="header08f69f6a-c85e-4ad1-9f2f-f12a9dce51dc"> <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"> <h2 class="subhead1">Calendar & Events</h2> </li> <li class="InfoAdvanced widgetItem fr-view"> <p>Get connected with the community</p> </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) { $('#divInfoAdv08f69f6a-c85e-4ad1-9f2f-f12a9dce51dc .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col12 first" style="" data-widgetcontainerid="dc1d7de5-bafe-48b6-9c29-70a651d59b2b"> <div class="row nest first last wide"> <div class="inner col col12 first last idcb90ea13-ef74-4b6a-8ad3-5a00c54e2502" style="" data-widgetcontainerid="cb90ea13-ef74-4b6a-8ad3-5a00c54e2502"> <div id="divTabbede8b4f314-0b8b-425c-a56a-cdaa6c28a39c" class="widget widgetTabbed wide skin62" data-widgetid="e8b4f314-0b8b-425c-a56a-cdaa6c28a39c" role="tablist"> <ol class="tabbedWidget cpTabs " style=" "> <li style="width: 96%;" class="active"> <a href="#tabe8b4f314-0b8b-425c-a56a-cdaa6c28a39c_0" class="tabButton" role="tab" aria-controls="#tabe8b4f314-0b8b-425c-a56a-cdaa6c28a39c_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Meetings & Events" contenteditable="false">Meetings & Events</span></a> </li> </ol> <div class="cpTabPanels"> <ol class="tabbedWidgetNarrow cpTabs " style='display: none;'> <li class="active"> <a href="#tabe8b4f314-0b8b-425c-a56a-cdaa6c28a39c_0" class="tabButton" role="tab" aria-controls="#tabe8b4f314-0b8b-425c-a56a-cdaa6c28a39c_0" aria-selected="true" ><span class="tabName editable" data-sequence="0" data-tabname="Meetings & Events" contenteditable="false">Meetings & Events</span></a> </li> </ol> <div class="tabbedWidget cpTabPanel showing" style="" id="tabe8b4f314-0b8b-425c-a56a-cdaa6c28a39c_0" role="tabpanel"> <div data-widget-id="4eed0ae5-0a04-470f-9b1f-63f58e497af6" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <style scoped type="text/css">.widgetOptionSet28 .widgetDesc strong a { display: block; }</style> <div id="widgetCalendar4eed0ae5-0a04-470f-9b1f-63f58e497af6" class="widget widgetCalendar skin62 widgetOptionSet28 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetBody cpGrid cpGrid1 mediaLeft"> <div class="calendarInnerWrapper"> <div data-minicalendar="true" class="miniCalendar media" style="width: 55%; "> <input type="hidden" name="monthToRender" data-year="2024" data-month="11" /> <h3 class="miniCalendarHeader miniCalendarHeader--hasArrows" id="miniCalendarHeader4eed0ae5-0a04-470f-9b1f-63f58e497af6"><button aria-label="Previous Month" 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><div tabindex="0" class="cp-miniCalendar-title">November 2024</div><button aria-label="Next Month" 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> <table role="grid" aria-labelledby="miniCalendarHeader4eed0ae5-0a04-470f-9b1f-63f58e497af6" 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."> <thead> <tr> <th scope="col"><abbr title=" Sunday "> S </abbr></th> <th scope="col"><abbr title=" Monday "> M </abbr></th> <th scope="col"><abbr title=" Tuesday "> T </abbr></th> <th scope="col"><abbr title=" Wednesday "> W </abbr></th> <th scope="col"><abbr title=" Thursday "> T </abbr></th> <th scope="col"><abbr title=" Friday "> F </abbr></th> <th scope="col"><abbr title=" Saturday "> S </abbr></th> </tr> </thead> <tbody> <tr><td class="not"><span> </span></td> <td class="not"><span> </span></td> <td class="not"><span> </span></td> <td class="not"><span> </span></td> <td class="not"><span> </span></td> <td><span><time datetime="2024-11-01"> 1</time></span></td> <td><span><time datetime="2024-11-02"> 2</time></span></td> </tr> <tr><td><span><time datetime="2024-11-03"> 3</time></span></td> <td><span><time datetime="2024-11-04"> 4</time></span></td> <td><span><time datetime="2024-11-05"> 5</time></span></td> <td><span><time datetime="2024-11-06"> 6</time></span></td> <td><span><time datetime="2024-11-07"> 7</time></span></td> <td><span><time datetime="2024-11-08"> 8</time></span></td> <td><span><time datetime="2024-11-09"> 9</time></span></td> </tr> <tr><td><span><time datetime="2024-11-10">10</time></span></td> <td><span><time datetime="2024-11-11">11</time></span></td> <td><span><time datetime="2024-11-12">12</time></span></td> <td><span><time datetime="2024-11-13">13</time></span></td> <td><span><time datetime="2024-11-14">14</time></span></td> <td><span><time datetime="2024-11-15">15</time></span></td> <td><span><time datetime="2024-11-16">16</time></span></td> </tr> <tr><td><span><time datetime="2024-11-17">17</time></span></td> <td><span><time datetime="2024-11-18">18</time></span></td> <td><span><time datetime="2024-11-19">19</time></span></td> <td><span><time datetime="2024-11-20">20</time></span></td> <td><span><time datetime="2024-11-21">21</time></span></td> <td><span><time datetime="2024-11-22">22</time></span></td> <td><span><time datetime="2024-11-23">23</time></span></td> </tr> <tr><td><span><time datetime="2024-11-24">24</time></span></td> <td><span><time datetime="2024-11-25">25</time></span></td> <td><span><time datetime="2024-11-26">26</time></span></td> <td class="today"><a tabindex="0" href='/calendar.aspx?view=list&year=2024&month=11&day=27&CID=24,23'><time datetime="2024-11-27">27</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2024&month=11&day=28&CID=24,23'><time datetime="2024-11-28">28</time></a></td> <td><a tabindex="-1" href='/calendar.aspx?view=list&year=2024&month=11&day=29&CID=24,23'><time datetime="2024-11-29">29</time></a></td> <td><span><time datetime="2024-11-30">30</time></span></td> </tr> </tbody> </table> </div> <script src="/Areas/Calendar/Assets/Script/miniCalendar.js"></script> <script> $(function () { var miniCalendar = new MiniCalendar(); miniCalendar.init({ widgetId: "4eed0ae5-0a04-470f-9b1f-63f58e497af6", preventNavigationOnArrows: false, displayDatesOutsideOfCurrentMonth: false }); }); </script> <div class="row text narrow" style="margin-left: 60%;"> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="["2024-11-27","2024-11-28"]" name="day-list" /> <div class="col col1 first last"> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="1416" > <h4 class="widgetTitle">Wed, Nov. 27 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1416">Computer Basics at the Mount Rainier Library</a></strong> </div> <a href="/Calendar.aspx?EID=1416" class="readOn" style="display:block;"><span class="visuallyHidden">Computer Basics at the Mount Rainier Library</span><span aria-hidden="true">Read On...</span></a> </li> <li class="widgetItem " data-event-i-d="1775" > <h4 class="widgetTitle">Thu, Nov. 28 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1775">Thanksgiving (Offices Closed)</a></strong> </div> <a href="/Calendar.aspx?EID=1775" class="readOn" style="display:block;"><span class="visuallyHidden">Thanksgiving (Offices Closed)</span><span aria-hidden="true">Read On...</span></a> </li> <li class="widgetItem " data-event-i-d="1468" > <h4 class="widgetTitle">Thu, Nov. 28 </h4> <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=1468">Kids Achieve Club</a></strong> </div> <a href="/Calendar.aspx?EID=1468" class="readOn" style="display:block;"><span class="visuallyHidden">Kids Achieve Club</span><span aria-hidden="true">Read On...</span></a> </li> </ol> </div> </div> </div> <a id="calendarViewAll4eed0ae5-0a04-470f-9b1f-63f58e497af6" class="widgetViewAll" style="" href="/calendar.aspx?CID=24,23" aria-label="Calendar View All">View More Events</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div> </div> </div> <script type="text/javascript"> $.when(window.Pages.rwdReady).done(function () { var tabbedWidgetID = 'divTabbede8b4f314-0b8b-425c-a56a-cdaa6c28a39c'; var mediaQuerySize = 25; if (mediaQuerySize > 0) { var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)'; var $tabbedWidget = $('#' + tabbedWidgetID); window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, { deferSetup: false, setup: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); $tabbedWidget.data("tabHeightSet", false); } }, match: function () { $tabbedWidget.addClass('wide').removeClass('narrow'); cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').show(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide(); if($tabbedWidget.data("tabHeightSet") == false) { $tabbedWidget.data("tabHeightSet", true); var tabbedWidgetID = 'divTabbede8b4f314-0b8b-425c-a56a-cdaa6c28a39c'; setTabbedWidgetsTabHeight(tabbedWidgetID); } $('.cpTabPanels').unbind('click'); }, unmatch: function () { var liveEditEnabled = $.cookie("enableLiveEdit") === "true"; if (!liveEditEnabled) { $tabbedWidget.addClass('narrow').removeClass('wide'); cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery); $tabbedWidget.find('.tabbedWidget.cpTabs').hide(); $tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show(); } $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } }); } }); //Used for when page is initially loaded if($('#divTabbede8b4f314-0b8b-425c-a56a-cdaa6c28a39c').hasClass('narrow')) { $('.cpTabPanels').click(function() { this.scrollIntoView(); }); } //If responsive not enabled, execute this after a timeout if(!isResponsiveEnabled) { window.setTimeout(function(){ var tabbedWidgetID = 'divTabbede8b4f314-0b8b-425c-a56a-cdaa6c28a39c'; typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID); }, 1500); } function reinitCarousels() { if (window.carouselsToInit) { for (var i = 0; i < window.carouselsToInit.length; i++) { carouselsToInit[i](); } } } function sizeTabbedContent(element){ if(window.Pages){ if(window.Pages.onResizeHandlers){ var setTabbedInterval = setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 25) setTimeout(function () { clearInterval(setTabbedInterval); if ($.cookie("enableLiveEdit") === "true") { setInterval(function () { window.Pages.onResizeHandlers.forEach(function(car){car();}); }, 2000); } }, 2500); element.onclick="window.setTimeout(function(){reinitCarousels();},2);" } } } function adjustTab(e) { e.preventDefault(); window.setTimeout(function(){ reinitCarousels(); }, 2); sizeTabbedContent(this); } var tabButtons = document.querySelectorAll("#divTabbede8b4f314-0b8b-425c-a56a-cdaa6c28a39c .tabButton"); tabButtons.forEach(function (tabButton) { tabButton.addEventListener("click", adjustTab); }); </script> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="a1945e42-92a1-4e21-bda1-d08799433469"> <div class="row nest first last wide"> <div class="inner col col1 first last id87ac27e4-0d67-41ce-b0e1-20ee9bd53e52" style="" data-widgetcontainerid="87ac27e4-0d67-41ce-b0e1-20ee9bd53e52"> <div class="widget widgetSpacer" id="2b04742a-0bc6-4c4b-aaed-efd4d620650e"></div> </div>  </div>  </div><div class="outer col col11 last" style="" data-widgetcontainerid="34ebbeab-2db8-47d6-9a9e-648bfc5ece03"> <div class="row nest first last wide"> <div class="inner col col11 first last idad231c96-b43e-4096-8ec9-8413f887c1bb" style="" data-widgetcontainerid="ad231c96-b43e-4096-8ec9-8413f887c1bb"> <div class="widget slideShow skin63" role="region" aria-label="Slideshow" id="slideshowc66b3201-1e6b-40b5-99fc-89962500c911" aria-haspopup="false" data-widgetID="c66b3201-1e6b-40b5-99fc-89962500c911"> <input type="hidden" class="slideTiming" value="5"/> <input type="hidden" class="transitionTiming" value="1"/> <input type="hidden" class="hdnSlideshowUniqueID" value="366" /> <div id="divSlideshow366" class="cpSlideshow widgetBody cpSlideshowJS366 narrow"> <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" /> <script src="/718240160.js" type="text/javascript"></script> <div class="cpWindow cpWindowJS366 "> <ol class="semanticList cpSlider slide cpSliderJS366"> <li class="hidden" id="366_1703" data-index="0" aria-hidden="true"> <a href=" https://bit.ly/SweatySweater24" target="_blank"> <img src="/ImageRepository/Document?documentID=1359" class="" alt="Sweaty Sweater Fun Run Flyer" title="Sweaty Sweater Fun Run Flyer" data-delayed-image="" style="height: 1px" /> <h4 class="widgetTitle">Register for free for the 2nd Sweaty Sweater Fun Run!</h4> </a> </li> <li class="hidden" id="366_1704" data-index="1" aria-hidden="true"> <a href="https://mountrainiermd.org/Calendar.aspx?EID=1771&month=12&year=2024&day=14&calType=0" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1355" class="" alt="Breakfast and Photo with Santa Flyer" title="Breakfast and Photo with Santa Flyer" data-delayed-image="" style="height: 1px" /> <h4 class="widgetTitle">Enjoy a magical morning with Santa!</h4> </a> </li> <li class="hidden" id="366_1705" data-index="2" aria-hidden="true"> <a href="https://www.mountrainiermd.org/Calendar.aspx?EID=1777&month=12&year=2024&day=19&calType=0" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=1366" class="" alt="Holiday Food Distribution " title="Holiday Food Distribution " data-delayed-image="" style="height: 1px" /> <h4 class="widgetTitle">Register today for the City's Holiday Food Distribution Program.</h4> <p class="widgetDesc widgetItem">Holiday Food Distribution </p> </a> </li> </ol> <div class="contentSlideshowControls"> <button class="arrowNew next nextJS366 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;"> <svg style="color:#008000; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> </svg> </button> <button class="arrowNew prev prevJS366 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;"> <svg style="color:#008000; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> </svg> </button> </div> </div> <div aria-live="polite" aria-atomic="true" class="liveRegionJS366 visuallyhidden"></div> <script type="text/javascript"> //  </script> </div> <script type="text/javascript"> (function () { const widgetHandlers = function (e) { $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div> <script type="text/javascript"> function SlideshowWidgetCallback(widgetID, response) { if (window.ContentCollectionInstance.IsWorkingCopy) { //Remove this field since the partial view adds it back. $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); else $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); contentUpdated(); } else { ContentCollectionInstance.reloadContent(); } $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); } (function (){ const widgetHandlers = function () { var hasEditRights = false; if (window.File && window.FileList && window.FileReader && hasEditRights) { var SlideshowWidget = 3; makeWidgetAreaDroppable('c66b3201-1e6b-40b5-99fc-89962500c911', $('#slideshow' + 'c66b3201-1e6b-40b5-99fc-89962500c911'), SlideshowWidget, true, SlideshowWidgetCallback); } if(hasEditRights) browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + 'c66b3201-1e6b-40b5-99fc-89962500c911'), 'Click to start adding images.'); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div>  </div>  </div></div>  </div> </div></div> </div></div> </div> </main><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc09e778df-31b6-49c5-bd45-265069f0318c" data-containerid="09e778df-31b6-49c5-bd45-265069f0318c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="52"> <div class="row outer wide"><div class="outer col col6 first" style="" data-widgetcontainerid="c38c8e22-5fb7-4f68-91ff-e60f5d06d9d0"> <div class="row nest first last wide"> <div class="inner col col6 first last id1a64dea6-16ae-4cea-941a-75860e6b9c2e" style="" data-widgetcontainerid="1a64dea6-16ae-4cea-941a-75860e6b9c2e"> <div data-widget-id="f2c9c031-5c17-47c2-95ee-aa63214bf446" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvf2c9c031-5c17-47c2-95ee-aa63214bf446" class="widget widgetInfoAdvanced skin60 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headerf2c9c031-5c17-47c2-95ee-aa63214bf446"> <header class="widgetHeader" id="headerf2c9c031-5c17-47c2-95ee-aa63214bf446"> <div class=""> <h3 >Contact Us</h3> </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"> <p id="isPasted">1 Municipal Place<br>Mount Rainier, MD 20712<br><br>Temporary Address:<br><br>3503 Perry Street,<br>Mount Rainier, MD 20712 </p><p>Tel. Number: 301-985-6585</p> </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) { $('#divInfoAdvf2c9c031-5c17-47c2-95ee-aa63214bf446 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="38f124a7-b4f0-4540-99f9-2c345aaf376d"> <div class="row nest first last wide"> <div class="inner col col1 first last idb31b9653-e00c-4a43-a55e-67350f894dc5" style="" data-widgetcontainerid="b31b9653-e00c-4a43-a55e-67350f894dc5"> <div class="widget widgetSpacer" id="e00d7575-1a34-41f1-b4ad-da31c86f64b1"></div> </div>  </div>  </div><div class="outer col col6" style="" data-widgetcontainerid="87669515-01f1-4786-8aac-2de0d34e427c"> <div class="row nest first last wide"> <div class="inner col col6 first last id61d5515a-2d85-4d93-ab43-fd8b16d66e5d" style="" data-widgetcontainerid="61d5515a-2d85-4d93-ab43-fd8b16d66e5d"> <div data-widget-id="2d8f209a-c64d-4178-9510-676d321faac6" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink2d8f209a-c64d-4178-9510-676d321faac6" class="widget widgetQuickLinks skin60 widgetOptionSet27 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader2d8f209a-c64d-4178-9510-676d321faac6"> <header class="widgetHeader" id="quickLinksHeader2d8f209a-c64d-4178-9510-676d321faac6"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=15" >Quick 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="/AgendaCenter" target="_self" >Agendas & Minutes</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/180/City-Clerk" target="_self" >City Clerk</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/221/City-Council" target="_self" >City Council</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/279/Business-License-Permits" target="_self" >Business License & Permits</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/250/Arts-Culture" target="_self" >Arts & Culture</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://md-mountrainier.civicplus.com/FormCenter/Residents-9/Online-Payment-80" target="_self" >Online Payment</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>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="12f7330a-14c1-4072-85f9-3055d391e704"> <div class="row nest first last wide"> <div class="inner col col1 first last id6b2a21af-9a89-4ff5-80c8-8be1900b0fc5" style="" data-widgetcontainerid="6b2a21af-9a89-4ff5-80c8-8be1900b0fc5"> <div class="widget widgetSpacer" id="8ae44af0-6a6f-43eb-881c-fd9bd51c523e"></div> </div>  </div>  </div><div class="outer col col5" style="" data-widgetcontainerid="dbae466f-8ac0-4efb-8353-a58f2055cd95"> <div class="row nest first last wide"> <div class="inner col col5 first last id95ddad33-7272-4696-a80d-35379b2134aa" style="" data-widgetcontainerid="95ddad33-7272-4696-a80d-35379b2134aa"> <div data-widget-id="1c593491-cd2a-4c16-b8ff-9f929d21ae62" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink1c593491-cd2a-4c16-b8ff-9f929d21ae62" class="widget widgetQuickLinks skin60 widgetOptionSet27 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader1c593491-cd2a-4c16-b8ff-9f929d21ae62"> <header class="widgetHeader" id="quickLinksHeader1c593491-cd2a-4c16-b8ff-9f929d21ae62"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=16" >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="/" target="_self" >Home</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/directory.aspx" target="_self" >Contact Us</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/copyright" target="_self" >Copyright Notices</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/privacy" target="_self" >Privacy Policy</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>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="0e6ea02a-94c3-4509-8a79-f026ae6afe63"> <div class="row nest first last wide"> <div class="inner col col1 first last id7ee76503-6a21-4501-8f5f-19ea00bcadf8" style="" data-widgetcontainerid="7ee76503-6a21-4501-8f5f-19ea00bcadf8"> <div class="widget widgetSpacer" id="6b267528-dbc2-40a4-991c-364b7930b58d"></div> </div>  </div>  </div><div class="outer col col4 last" style="" data-widgetcontainerid="337b160d-baa6-49d7-97c1-219d7cda016d"> <div class="row nest first wide"> <div class="inner col col4 first last id8e685b20-b54a-43d1-b5f8-18d37118c0e3" style="" data-widgetcontainerid="8e685b20-b54a-43d1-b5f8-18d37118c0e3"> <div data-widget-id="422bf1b6-812a-43a4-9acf-ff48e1a03a3a" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv422bf1b6-812a-43a4-9acf-ff48e1a03a3a" class="widget widgetInfoAdvanced skin61 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="header422bf1b6-812a-43a4-9acf-ff48e1a03a3a"> <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"> <p><a href="/"><img src="/ImageRepository/Document?documentId=863" class="fr-dib" alt="Mount Ranier Maryland Homepage"></a></p> </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) { $('#divInfoAdv422bf1b6-812a-43a4-9acf-ff48e1a03a3a .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col4 first last iddc210b1e-6ac9-4fb7-bb26-4f4b97eec8b7" style="" data-widgetcontainerid="dc210b1e-6ac9-4fb7-bb26-4f4b97eec8b7"> <div data-widget-id="2ca5790a-9d9a-4e8f-b53d-13d08667bb96" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget2ca5790a-9d9a-4e8f-b53d-13d08667bb96" class="widget widgetGraphicLinks skin61 widgetOptionSet4 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 cpGrid4 "> <div class="row wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self" aria-label=" Facebook graphic"><img src="/ImageRepository/Document?documentID=48" class="graphicButtonLink" alt=" Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=48'" onmouseout="this.src='/ImageRepository/Document?documentID=48'" onfocus="this.src='/ImageRepository/Document?documentID=48'" onblur="this.src='/ImageRepository/Document?documentID=48'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/twitter" target="_self" aria-label="X graphic"><img src="/ImageRepository/Document?documentID=65" class="graphicButtonLink" alt="X" onmouseover="this.src='/ImageRepository/Document?documentID=65'" onmouseout="this.src='/ImageRepository/Document?documentID=65'" onfocus="this.src='/ImageRepository/Document?documentID=65'" onblur="this.src='/ImageRepository/Document?documentID=65'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self" aria-label=" Instagram graphic"><img src="/ImageRepository/Document?documentID=49" class="graphicButtonLink" alt=" Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=49'" onmouseout="this.src='/ImageRepository/Document?documentID=49'" onfocus="this.src='/ImageRepository/Document?documentID=49'" onblur="this.src='/ImageRepository/Document?documentID=49'"> </a></div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self" aria-label=" YouTube graphic"><img src="/ImageRepository/Document?documentID=51" class="graphicButtonLink" alt=" YouTube" onmouseover="this.src='/ImageRepository/Document?documentID=51'" onmouseout="this.src='/ImageRepository/Document?documentID=51'" onfocus="this.src='/ImageRepository/Document?documentID=51'" onblur="this.src='/ImageRepository/Document?documentID=51'"> </a></div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </footer><div data-cpRole="structuralContainer" id="poweredByContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc6783c85a-7bb4-44e3-a50b-e58b12b1c7c2" data-containerid="6783c85a-7bb4-44e3-a50b-e58b12b1c7c2" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="02441073-d81b-4de4-b249-18883b9e4c6a"> <div class="row nest first last wide"> <div class="inner col col24 first last id46202932-1304-4943-977b-c9b2c3cbf541" style="" data-widgetcontainerid="46202932-1304-4943-977b-c9b2c3cbf541"> <div data-widget-id='cc283c88-34b7-4d5b-863d-69eb28851902' data-moduleName="customHtml" id='widgetCustomHtmlcc283c88-34b7-4d5b-863d-69eb28851902' class="widget widgetCustomHtml skin56 narrow" > <div class="widgetBody pageStyles" id="widgetBodycc283c88-34b7-4d5b-863d-69eb28851902"> <div id="customHtmlcc283c88-34b7-4d5b-863d-69eb28851902"><div><style> /* CP icon */ .cpBylineIconTS { color: #fff; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:is(:link, :visited) { color: #fff; } .cpBylineTS { text-align: center; font-weight: 700; font-size: .75em; } .cpBylineIconTS { fill: currentColor; width: 39px; height: 26px; display: inline; vertical-align: middle; } </style> <div class="widgetItem cpBylineTS"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> </svg> <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);">CivicPlus®</a></span> </div> </div></div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> <div id="bannerImagesJSON61" class="hidden"></div> <div id="bannerSlideshowControls_banner2" class="bannerSlideshowControlsNew none " style="display:none"> <a id="arrowPrev_banner2" 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_banner2" 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('banner2', {"BannerOptionID":61,"ThemeID":21,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":72,"BannerOptionID":61,"FileName":"/ImageRepository/Document?documentID=836","Height":920,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":0,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Home/Images/', 'Rotating', '0'); }); }); </script> </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">  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: '1', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/-1645090117.js" type="text/javascript"></script>  <script> function getValueTS(elem, attr) { const val = elem.css(attr); if (val === undefined) return undefined; const num = parseInt(val, 10); if (num === NaN) return undefined; return num; } function clampTS(number, min, max) { return Math.min(Math.max(number, min), max); } function isPageEditingTS() { return ( $("#doneEditing").length > 0 || // In live edit typeof DesignCenter !== "undefined" // In theme manager ); } const bgColorRegexTS = /rgba$(\d+), (\d+), (\d+), (\d*\.?\d*)$/; function isTransparentTS(elem) { const bg = elem.css('background-color'); if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; const matchState = bg.match(bgColorRegexTS); if (!matchState || matchState.length !== 5) return false; const alpha = parseFloat(matchState[4], 10); if (!(alpha >= 0 && alpha < 1)) return false; return true; } function iterateLeftpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-leftpad') === null ) { cb(containerTS); } } } function iterateRightpads(cb) { const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); for (let i = 0; i < containersTS.length; i++) { const containerTS = containersTS[i]; // Skip the body container and anything with data-skip-leftpad if ( containerTS.id !== "bodyContainerTS" && containerTS.getAttribute('data-skip-rightpad') === null ) { cb(containerTS); } } } const anchor = $("#divToolbars"); // Outer banner padding (push banner down) const outerSizingTS = $("#bannerContainerTS"); // Inner banner padding (push banner content down) - Transparent header OR on attaching headers const innerSizingTS = $("#bannerSizingTS"); const bodyContainerTS = $("#bodyContainerTS"); const headerContainerTS = $("#headerContainerTS"); const forceUnfixClassTS = "forceUnfixTS"; const fixedTopTS = $(".fixedTopTS"); const fixedBottomTS = $(".fixedBottomTS"); const fixedLeftTS = $(".fixedLeftTS"); const fixedRightTS = $(".fixedRightTS"); var initialTopTS; var topAttachTS; if (fixedTopTS && fixedTopTS.length === 1) { initialTopTS = getValueTS(fixedTopTS, 'top'); const attachment = fixedTopTS.attr('data-attach'); if (attachment) topAttachTS = $("#" + attachment); if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; } function resizeAdjustmentTS() { const editing = isPageEditingTS(); // Fixed top script (function () { if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; if (editing) { fixedTopTS[0].classList.add(forceUnfixClassTS); } else { fixedTopTS[0].classList.remove(forceUnfixClassTS); } const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed') { if (topAttachTS) { scrollAdjustmentTS(); } else { const anchorHeight = anchor.outerHeight() - 1; fixedTopTS.css('top', anchorHeight + initialTopTS); } } else { fixedTopTS.css('top', initialTopTS); } if (topPosition === 'fixed' || topPosition === 'absolute') { // Bump the banner content down if (isTransparentTS(fixedTopTS)) { innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); outerSizingTS.css('padding-top', ''); try { window.Pages.onResizeHandlersExecute(); } catch (e) { } } else { outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); innerSizingTS.css('padding-top', ''); } } else { innerSizingTS.css('padding-top', ''); outerSizingTS.css('padding-top', ''); } })(); // Fixed bottom script (function () { if (!fixedBottomTS || fixedBottomTS.length === 0) return; // If the widget has gone narrow, force unfix if (editing || fixedBottomTS.outerHeight() > 200) { fixedBottomTS[0].classList.add(forceUnfixClassTS); } else { fixedBottomTS[0].classList.remove(forceUnfixClassTS); } if (fixedBottomTS.css('position') === 'fixed') { bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); } else { bodyContainerTS.css('padding-bottom', ''); } })(); // Fixed left script (function () { if (!fixedLeftTS || fixedLeftTS.length === 0) return; if (editing) { fixedLeftTS[0].classList.add(forceUnfixClassTS); } else { fixedLeftTS[0].classList.remove(forceUnfixClassTS); } if (fixedLeftTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; const headerHeight = headerContainerTS.outerHeight() - 1; fixedLeftTS.css('top', anchorHeight + headerHeight + 100); const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); iterateLeftpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= leftBoundingTS.right) { $(containerTS).css('padding-left', leftBoundingTS.width + 16); } }); } else { fixedLeftTS.css('top', ''); iterateLeftpads(function (containerTS) { $(containerTS).css('padding-left', ''); }); } })(); // Fixed right script (function () { if (!fixedRightTS || fixedRightTS.length === 0) return; if (editing) { fixedRightTS[0].classList.add(forceUnfixClassTS); } else { fixedRightTS[0].classList.remove(forceUnfixClassTS); } if (fixedRightTS.css('position') === 'fixed') { const anchorHeight = anchor.outerHeight() - 1; const headerHeight = headerContainerTS.outerHeight() - 1; fixedRightTS.css('top', anchorHeight + headerHeight + 100); const rightBoundingTS = fixedRightTS[0].getBoundingClientRect(); iterateRightpads(function (containerTS) { const containerBoundingTS = containerTS.getBoundingClientRect(); if (containerBoundingTS.left <= rightBoundingTS.right) { $(containerTS).css('padding-right', rightBoundingTS.width + 16); } }); } else { fixedRightTS.css('top', ''); iterateRightpads(function (containerTS) { $(containerTS).css('padding-right', ''); }); } })(); } function scrollAdjustmentTS() { if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; const topPosition = fixedTopTS.css('position'); if (topPosition === 'fixed' || topPosition === 'absolute') { const anchorBounding = anchor[0].getBoundingClientRect(); const attachBounding = topAttachTS[0].getBoundingClientRect(); const scrollTop = $(window).scrollTop(); fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); } else { fixedTopTS.css('top', initialTopTS); } } $(window).load(function () { setTimeout(function () { resizeAdjustmentTS(); }, 350); $(window).scroll(function () { scrollAdjustmentTS(); }); var adjustTimeoutTS; $(window).resize(function () { clearTimeout(adjustTimeoutTS); adjustTimeoutTS = setTimeout(function () { resizeAdjustmentTS(); }, 350); }); $.when(window.Pages.angularToolbarComplete).done(function () { resizeAdjustmentTS(); }); }); </script>    <script> function moveBannerToOuterWrap() { if ($(".fixedBannerTS #bannerDivbanner2").length) { $(".fixedBannerTS #bannerDivbanner2").appendTo("#outer-wrap"); } else { setTimeout(function () { moveBannerToOuterWrap(); }, 500); } } moveBannerToOuterWrap(); </script> <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=Mukta+Malar:500,600,700,800,regular|Open+Sans:600,700,italic,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>