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="category1" content="Our Community" /> <meta name="category2" content="Arts & Culture" /> <meta name="category3" content="Public Arts" /> <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>Public Arts | Mount Rainier, MD</title> <meta name="description" content="Mount Rainier is a city alive with art, featuring murals and public art installations that showcase the vibrant creativity of the community."> <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="/1340040574.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="#ccd8bc9605-e73c-4181-bf50-dbddf03921f1" 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="7" /> <input type="hidden" id="hdnContentCollectionID" value="d2a09fc5-309a-49b4-9851-e01f8ffaaeb9" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="16" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="254" /> <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="">    <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=16&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="cce54ece42-353e-4866-a1dd-df1ea37403df" data-containerid="e54ece42-353e-4866-a1dd-df1ea37403df" 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="cc490a37f3-9ecd-4f08-88dd-1d5841119ef4" data-containerid="490a37f3-9ecd-4f08-88dd-1d5841119ef4" 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="ccce0ec68b-32aa-4792-83e7-86c8ea743b74" data-containerid="ce0ec68b-32aa-4792-83e7-86c8ea743b74" 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="ccf9dcb281-5c58-4479-8ea3-134787fcb250" data-containerid="f9dcb281-5c58-4479-8ea3-134787fcb250" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav> </div><div data-cpRole="contentContainer" id="searchTS"> <div id="ccfa95a384-9406-4141-babd-f615ad3614c3" data-containerid="fa95a384-9406-4141-babd-f615ad3614c3" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="617de43a-96fb-4dd8-ab8a-c428e2d5c1fe"> <div class="row nest first last wide"> <div class="inner col col24 first last idc535d67b-0e5e-4310-bfe8-f8a920bd035d" style="" data-widgetcontainerid="c535d67b-0e5e-4310-bfe8-f8a920bd035d"> <div data-widget-id="b4773869-2f29-4d09-95c0-a47ad5e982cb" 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.widgetSearchButtonb4773869-2f29-4d09-95c0-a47ad5e982cb").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDeptb4773869-2f29-4d09-95c0-a47ad5e982cb").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchFieldb4773869-2f29-4d09-95c0-a47ad5e982cb").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDeptb4773869-2f29-4d09-95c0-a47ad5e982cb").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDeptb4773869-2f29-4d09-95c0-a47ad5e982cb").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchFieldb4773869-2f29-4d09-95c0-a47ad5e982cb").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDeptb4773869-2f29-4d09-95c0-a47ad5e982cb").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 ($("#searchFieldb4773869-2f29-4d09-95c0-a47ad5e982cb").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchFieldb4773869-2f29-4d09-95c0-a47ad5e982cb")); } } }); }, 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 widgetSearchBoxb4773869-2f29-4d09-95c0-a47ad5e982cb" cp5ph="true" id="searchFieldb4773869-2f29-4d09-95c0-a47ad5e982cb" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." title="Search..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtonb4773869-2f29-4d09-95c0-a47ad5e982cb" 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="searchFieldb4773869-2f29-4d09-95c0-a47ad5e982cb">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 .widgetSearchBoxb4773869-2f29-4d09-95c0-a47ad5e982cb { 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 .widgetSearchButtonb4773869-2f29-4d09-95c0-a47ad5e982cb { margin: 5px 5px 0 0; } .widgetSearch .widgetSearch-onlyDeptb4773869-2f29-4d09-95c0-a47ad5e982cb { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDeptb4773869-2f29-4d09-95c0-a47ad5e982cb { 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("searchFieldb4773869-2f29-4d09-95c0-a47ad5e982cb").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"> <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="siteSidebarTS" class="siteSidebar"> <aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cccb780130-25f9-4cab-9206-e09f41a1909a" data-containerid="cb780130-25f9-4cab-9206-e09f41a1909a" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav" aria-label="Secondary"> <ol role="menu" id="secondaryMenusecondaryNav" data-parent="250" class="rootNavMenu accordionNav"> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem251" data-pageid="251"> <div class="accordionNavItem"> <a href="https://www.gatewaycdc.org/#home" onkeypress="this.onclick();" onclick="return showExternalSiteDialog(this);" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Gateway Community Development Corporation</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem252" data-pageid="252"> <div class="accordionNavItem"> <a href="/252/Joes-Movement-Emporium" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Joe's Movement Emporium</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem253" data-pageid="253"> <div class="accordionNavItem"> <a href="/214/Arts-Commission" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Mount Rainier Arts Commission</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem254" data-pageid="254"> <div class="accordionNavItem"> <a href="/254/Public-Arts" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Public Arts</a> </div> </li> </ol> <script type="text/javascript"> $(document).ready(function () { //setup menu manager properties for secondary menu menuManager.isSideMenuEditable = false; menuManager.sideMenuMaxSubMenuLevels = 4; menuManager.sideMenuHasCustomLinks = false; }); </script> <script type="text/javascript"> $(document).ready(function () { $('*[id^="SideItem"]').each(function () { var ids = $('[id="' + this.id + '"]'); if (ids.length > 1) $.each(ids, function (index, value) { value.id = value.id + '_' + index; }); }); $('.hasAccordionChildren .openAccordionNav').click(function (e) { e.preventDefault(); showHideAccordionMenuForSecondaryNav($(this)); }); $("#secondaryNav .grippy").each(function () { menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); }); $("#secondaryNav li").each(function () { menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); }); }); </script> </nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc2504e662-78f9-4cd9-8031-edb5fd862c78" data-containerid="2504e662-78f9-4cd9-8031-edb5fd862c78" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside> </div><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"> <ol class="semanticList breadCrumbs"> <li><a class="breadCrumb" href="/">Home</a></li><li><a class="breadCrumb" href="/31/Our-Community">Our Community</a></li><li><a class="breadCrumb" href="/250/Arts-Culture">Arts & Culture</a></li><li id="currentBCPage" data-pageid="254">Public Arts</li> </ol> </div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="254" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="250" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="1911" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Public Arts" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <h1 id="versionHeadLine" class="headline"> Public Arts </h1> <div id="ccd8bc9605-e73c-4181-bf50-dbddf03921f1" data-containerid="d8bc9605-e73c-4181-bf50-dbddf03921f1" class="pageContent cpGrid cpGrid24" > <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="4b8ce3ca-34d7-4ee6-8357-4ca41cc4cc21"> <div class="row nest first last wide"> <div class="inner col col24 first last id0805ff24-afe2-442d-82ac-758217446154" style="" data-widgetcontainerid="0805ff24-afe2-442d-82ac-758217446154"> <div class="widget slideShow skin56" role="region" aria-label="Slideshow" id="slideshow1f1c2b2c-3f38-450f-9a43-17fe1b401ede" aria-haspopup="false" data-widgetID="1f1c2b2c-3f38-450f-9a43-17fe1b401ede"> <input type="hidden" class="slideTiming" value="5"/> <input type="hidden" class="transitionTiming" value="1"/> <input type="hidden" class="hdnSlideshowUniqueID" value="88" /> <div id="divSlideshow88" class="cpSlideshow widgetBody cpSlideshowJS88 narrow"> <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" /> <script src="/718240160.js" type="text/javascript"></script> <div class="cpWindow cpWindowJS88 "> <ol class="semanticList cpSlider fade cpSliderJS88"> <li class="hidden" id="88_522" data-index="0" aria-hidden="true"> <img src="/ImageRepository/Document?documentID=757" class="" alt="3840 Otis Street Mural" title="3840 Otis Street Mural" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="88_523" data-index="1" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=758" class="" alt="3708 Otis Street Mural" title="3708 Otis Street Mural" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="88_524" data-index="2" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=759" class="" alt="Otis Street Mural" title="Otis Street Mural" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="88_525" data-index="3" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=760" class="" alt="3201 Rhode Island Avenue Mural" title="3201 Rhode Island Avenue Mural" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="88_526" data-index="4" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=761" class="" alt="Mount Rainier Library Mural" title="Mount Rainier Library Mural" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="88_527" data-index="5" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=762" class="" alt="Pennyroyal Station Mural" title="Pennyroyal Station Mural" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="88_528" data-index="6" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=763" class="" alt="Otis Street Complex Mural" title="Otis Street Complex Mural" data-delayed-image="" style="height: 1px" /> </li> </ol> <div class="contentSlideshowControls"> <button class="arrowNew next nextJS88 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> </svg> </button> <button class="arrowNew prev prevJS88 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> </svg> </button> </div> </div> <ol class="semanticList pager dots"> <li class="active" id="dot88_522"> <a href="#targetImage" aria-label="Mapping dot for slide number 1" role="button" onclick=" return false; " class="dotJS88" data-targetImageli="88_522" data-dotNumber="1"> 1 <span class="visuallyhidden">3840 Otis Street Mural</span> </a> </li> <li class="" id="dot88_523"> <a href="#targetImage" aria-label="Mapping dot for slide number 2" role="button" onclick=" return false; " class="dotJS88" data-targetImageli="88_523" data-dotNumber="2"> 2 <span class="visuallyhidden">3708 Otis Street Mural</span> </a> </li> <li class="" id="dot88_524"> <a href="#targetImage" aria-label="Mapping dot for slide number 3" role="button" onclick=" return false; " class="dotJS88" data-targetImageli="88_524" data-dotNumber="3"> 3 <span class="visuallyhidden">Otis Street Mural</span> </a> </li> <li class="" id="dot88_525"> <a href="#targetImage" aria-label="Mapping dot for slide number 4" role="button" onclick=" return false; " class="dotJS88" data-targetImageli="88_525" data-dotNumber="4"> 4 <span class="visuallyhidden">3201 Rhode Island Avenue Mural</span> </a> </li> <li class="" id="dot88_526"> <a href="#targetImage" aria-label="Mapping dot for slide number 5" role="button" onclick=" return false; " class="dotJS88" data-targetImageli="88_526" data-dotNumber="5"> 5 <span class="visuallyhidden">Mount Rainier Library Mural</span> </a> </li> <li class="" id="dot88_527"> <a href="#targetImage" aria-label="Mapping dot for slide number 6" role="button" onclick=" return false; " class="dotJS88" data-targetImageli="88_527" data-dotNumber="6"> 6 <span class="visuallyhidden">Pennyroyal Station Mural</span> </a> </li> <li class="" id="dot88_528"> <a href="#targetImage" aria-label="Mapping dot for slide number 7" role="button" onclick=" return false; " class="dotJS88" data-targetImageli="88_528" data-dotNumber="7"> 7 <span class="visuallyhidden">Otis Street Complex Mural</span> </a> </li> </ol> <div aria-live="polite" aria-atomic="true" class="liveRegionJS88 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('1f1c2b2c-3f38-450f-9a43-17fe1b401ede', $('#slideshow' + '1f1c2b2c-3f38-450f-9a43-17fe1b401ede'), SlideshowWidget, true, SlideshowWidgetCallback); } if(hasEditRights) browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '1f1c2b2c-3f38-450f-9a43-17fe1b401ede'), '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 class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="7dc0601d-b5dc-4d8a-af3a-c9dc3f14497a"> <div class="row nest first last wide"> <div class="inner col col24 first last id0184042e-a39d-46b5-ba99-f9783990861b" style="" data-widgetcontainerid="0184042e-a39d-46b5-ba99-f9783990861b"> <div class="widget editor pageStyles narrow" id="divEditor72d647a1-066a-4e1a-a657-9ca2e5b559c8" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <p>Mount Rainier is a city alive with art, featuring murals and public art installations that showcase the vibrant creativity of the community. These works of art add color and character to the city, reflecting the diverse talents of local artists. As you explore Mount Rainier, you'll encounter stunning murals and art displays that celebrate the city's unique cultural identity and dynamic art scene. Whether you're strolling down the street or visiting a local business, you'll find inspiration around every corner in this thriving artistic hub.</p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '72d647a1-066a-4e1a-a657-9ca2e5b559c8')); }); </script> </div> </div>  </div>  </div></div>  </div> </div> <div class="newCP"> </div> </div> </div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="cca9f7e3c2-eaaa-4836-8087-ad0d7ff7ea5a" data-containerid="a9f7e3c2-eaaa-4836-8087-ad0d7ff7ea5a" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside> </div> </div></div> </div> </main> </div> </div> <div id="banner1-48" style="display: none"></div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderBanner('banner1-48', 'banner1', {"BannerOptionID":48,"ThemeID":16,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":false,"ImageAlignment":2,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":77,"BannerOptionID":48,"FileName":"/ImageRepository/Document?documentID=11","Height":1,"Width":1,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},{"BannerImageID":78,"BannerOptionID":48,"FileName":"/ImageRepository/Document?documentID=6","Height":112,"Width":974,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[{"BannerVideoID":1,"BannerOptionID":48,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202405131048413901.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, {"BannerImageID":77,"BannerOptionID":48,"FileName":"/ImageRepository/Document?documentID=11","Height":1,"Width":1,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}, '/App_Themes/Interior/Images/', '<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=11" />'); }); }); </script> </div></div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="ccd984f5bc-b2bd-4d94-bc32-d713d62cacd9" data-containerid="d984f5bc-b2bd-4d94-bc32-d713d62cacd9" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="9da7e6fe-da59-42ab-984a-c82f666af067"> <div class="row nest first last wide"> <div class="inner col col8 first last idc452fa2a-0bf7-44bf-ae4c-32520c6ba3dc" style="" data-widgetcontainerid="c452fa2a-0bf7-44bf-ae4c-32520c6ba3dc"> <div data-widget-id="11488092-256a-4090-9cd3-d9da8d7e8787" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget11488092-256a-4090-9cd3-d9da8d7e8787" 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="d6457623-d0b6-4f59-bfa8-76293c0139f9"> <div class="row nest first last wide"> <div class="inner col col8 first last id8f8cdd35-9d59-4719-a311-7ba22bea48a4" style="" data-widgetcontainerid="8f8cdd35-9d59-4719-a311-7ba22bea48a4"> <div data-widget-id="ce2dec41-ad74-4c61-90ac-eae7e5de49e5" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetce2dec41-ad74-4c61-90ac-eae7e5de49e5" 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="79f03f33-f1f8-47e3-a818-c82838f056f3"> <div class="row nest first last wide"> <div class="inner col col8 first last idf3abfa9e-5ab4-4f80-a50d-169728efb033" style="" data-widgetcontainerid="f3abfa9e-5ab4-4f80-a50d-169728efb033"> <div data-widget-id="4390e8a0-fec9-4522-8708-deb4f62bad40" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget4390e8a0-fec9-4522-8708-deb4f62bad40" 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><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc45763ba4-b849-4ee5-8f44-88da1f0cf195" data-containerid="45763ba4-b849-4ee5-8f44-88da1f0cf195" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="52"> <div class="row outer wide"><div class="outer col col6 first" style="" data-widgetcontainerid="c4d41de5-a47e-4cf9-9d80-f0b6b594e515"> <div class="row nest first last wide"> <div class="inner col col6 first last id3579c8c1-97da-4b4e-b3f1-e49372059316" style="" data-widgetcontainerid="3579c8c1-97da-4b4e-b3f1-e49372059316"> <div data-widget-id="85e708ff-90b3-450b-aea1-9ed6ea0499b9" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv85e708ff-90b3-450b-aea1-9ed6ea0499b9" class="widget widgetInfoAdvanced skin60 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header85e708ff-90b3-450b-aea1-9ed6ea0499b9"> <header class="widgetHeader" id="header85e708ff-90b3-450b-aea1-9ed6ea0499b9"> <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) { $('#divInfoAdv85e708ff-90b3-450b-aea1-9ed6ea0499b9 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="b492536d-44ad-499e-a978-20aa422536ca"> <div class="row nest first last wide"> <div class="inner col col1 first last idca9e4967-c0f5-49a1-b11d-8253790758d6" style="" data-widgetcontainerid="ca9e4967-c0f5-49a1-b11d-8253790758d6"> <div class="widget widgetSpacer" id="2261de32-aac4-424b-9701-0dbb7deb9669"></div> </div>  </div>  </div><div class="outer col col6" style="" data-widgetcontainerid="1b5596e9-5901-4566-baf3-3b8875c24660"> <div class="row nest first last wide"> <div class="inner col col6 first last id0840063b-4868-4e77-b609-7de9e859f35c" style="" data-widgetcontainerid="0840063b-4868-4e77-b609-7de9e859f35c"> <div data-widget-id="0f2c8646-7ca9-4a55-a7f7-d58b66152f72" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink0f2c8646-7ca9-4a55-a7f7-d58b66152f72" class="widget widgetQuickLinks skin60 widgetOptionSet27 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader0f2c8646-7ca9-4a55-a7f7-d58b66152f72"> <header class="widgetHeader" id="quickLinksHeader0f2c8646-7ca9-4a55-a7f7-d58b66152f72"> <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="c371d119-5444-43e6-ba9c-46b929646ab6"> <div class="row nest first last wide"> <div class="inner col col1 first last id41e9cd72-8be9-4dc1-b92a-7b940d6b85d4" style="" data-widgetcontainerid="41e9cd72-8be9-4dc1-b92a-7b940d6b85d4"> <div class="widget widgetSpacer" id="ab496d9b-e57b-4899-a4e9-bc1c7d9a6624"></div> </div>  </div>  </div><div class="outer col col5" style="" data-widgetcontainerid="8e7b7801-0a37-4ea8-878b-1e0bc3b65d31"> <div class="row nest first last wide"> <div class="inner col col5 first last idfa5763f3-eb65-4e78-bf30-e2c3e779e4f2" style="" data-widgetcontainerid="fa5763f3-eb65-4e78-bf30-e2c3e779e4f2"> <div data-widget-id="9c91d7ca-2410-4374-b4fa-69adcfd9ed19" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink9c91d7ca-2410-4374-b4fa-69adcfd9ed19" class="widget widgetQuickLinks skin60 widgetOptionSet27 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader9c91d7ca-2410-4374-b4fa-69adcfd9ed19"> <header class="widgetHeader" id="quickLinksHeader9c91d7ca-2410-4374-b4fa-69adcfd9ed19"> <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="91e9925a-9a47-4f9b-81ce-4ca3dab09503"> <div class="row nest first last wide"> <div class="inner col col1 first last id3c2638b1-2563-4a0a-bb58-ebf41f22d658" style="" data-widgetcontainerid="3c2638b1-2563-4a0a-bb58-ebf41f22d658"> <div class="widget widgetSpacer" id="e081e593-269f-4a21-8d92-0093bcfab475"></div> </div>  </div>  </div><div class="outer col col4 last" style="" data-widgetcontainerid="7a18162d-1382-4534-b74c-fcab05f12981"> <div class="row nest first wide"> <div class="inner col col4 first last id7a2b8299-e704-42b2-8ecb-050545462f8e" style="" data-widgetcontainerid="7a2b8299-e704-42b2-8ecb-050545462f8e"> <div data-widget-id="6c7d7290-d802-4bb6-98be-80da6681cee8" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv6c7d7290-d802-4bb6-98be-80da6681cee8" 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="header6c7d7290-d802-4bb6-98be-80da6681cee8"> <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) { $('#divInfoAdv6c7d7290-d802-4bb6-98be-80da6681cee8 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col4 first last idb2c75a1d-9560-496f-85c0-fea7de17a456" style="" data-widgetcontainerid="b2c75a1d-9560-496f-85c0-fea7de17a456"> <div data-widget-id="a50232c7-a284-4db0-be2a-26ffcf987e17" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgeta50232c7-a284-4db0-be2a-26ffcf987e17" 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="ccee3134b7-7486-400e-85c4-756fd05d0f95" data-containerid="ee3134b7-7486-400e-85c4-756fd05d0f95" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="d27e3c49-708c-41bc-94d8-7ba1c86006f8"> <div class="row nest first last wide"> <div class="inner col col24 first last ide6ce8458-9c7d-484a-a35c-bbf45276a3f7" style="" data-widgetcontainerid="e6ce8458-9c7d-484a-a35c-bbf45276a3f7"> <div data-widget-id='eab542d1-6e13-42a8-a817-3e164568e073' data-moduleName="customHtml" id='widgetCustomHtmleab542d1-6e13-42a8-a817-3e164568e073' class="widget widgetCustomHtml skin56 narrow" > <div class="widgetBody pageStyles" id="widgetBodyeab542d1-6e13-42a8-a817-3e164568e073"> <div id="customHtmleab542d1-6e13-42a8-a817-3e164568e073"><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="bannerImagesJSON49" 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":49,"ThemeID":16,"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":60,"BannerOptionID":49,"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":[{"BannerVideoID":2,"BannerOptionID":49,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202405131048413901.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Interior/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: '254', 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>