CINXE.COM
Contact us - Mammoth Community Water District - Municipal Online Services
<!DOCTYPE html> <!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en" style="font-family: Roboto !important;"> <![endif]--> <!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en" style="font-family: Roboto !important;"> <![endif]--> <!--[if IE 8]> <html class="lt-ie9" lang="en" style="font-family: Roboto !important;"> <![endif]--> <!--[if gt IE 8]><!--> <html lang="en" style="font-family: Roboto !important;"> <!--<![endif]--> <style> @media (max-width: 392px) { #forge_layout_body forge-popup { right: 18px !important; } } :not(:defined) { visibility: hidden; } .skip-to-content-link { background: var(--mdc-theme-secondary); color: var(--mdc-theme-text-primary-on-light); height: 30px; left: 16px; padding: 8px; position: absolute; transform: translateY(-110%); transition: transform 300ms; z-index: var(--forge-z-index-tooltip); display: flex; align-items: center; justify-content: center; } .skip-to-content-link:focus { transform: translateY(0%); } .impersonation-banner { margin-bottom: 0 !important; } @media (max-width: 767px) { .navbar-brand { padding: 5px !important; display: block; justify-content: center; align-items: center; } .navbar-brand > img { height: 100%; width: 100%; object-fit: contain; overflow-x: visible; } .impersonation-banner { height: 70px !important; } } .UB-Page { height: calc(100% - 56px); background-color: #fafafa; } .UB-Landing-Page { height: 100vh; overflow-y: auto; background-color: #fafafa; } .banner-image-formatting img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } @media (min-width: 791px){ #titleSection{ width: 100%; overflow-x: visible; overflow-y: hidden; color: #333; vertical-align: middle; } } @media (max-width: 790px){ #titleSection{ display: none; } } </style> <head> <meta charset="utf-8" /> <title>Contact us - Mammoth Community Water District - Municipal Online Services</title> <link rel="shortcut icon" href="/Content/images/favicon.ico" type="image/x-icon" /> <link rel="icon" href="/Content/images/favicon.ico" type="image/x-icon" /> <link rel="apple-touch-icon-precomposed" sizes="152x152" href="/mammothcwdca/images/AppleIcon?width=152&height=152&v=637885790908667820"> <!-- For iPad with high-resolution Retina display running iOS ≤ 6: --> <link rel="apple-touch-icon-precomposed" sizes="144x144" href="/mammothcwdca/images/AppleIcon?width=144&height=144&v=637885790908667820"> <!-- For iPhone with high-resolution Retina display running iOS ≥ 7: --> <link rel="apple-touch-icon-precomposed" sizes="120x120" href="/mammothcwdca/images/AppleIcon?width=120&height=120&v=637885790908667820"> <!-- For iPhone with high-resolution Retina display running iOS ≤ 6: --> <link rel="apple-touch-icon-precomposed" sizes="114x114" href="/mammothcwdca/images/AppleIcon?width=114&height=114&v=637885790908667820"> <!-- For the iPad mini and the first- and second-generation iPad on iOS ≥ 7: --> <link rel="apple-touch-icon-precomposed" sizes="76x76" href="/mammothcwdca/images/AppleIcon?width=76&height=76&v=637885790908667820"> <!-- For the iPad mini and the first- and second-generation iPad on iOS ≤ 6: --> <link rel="apple-touch-icon-precomposed" sizes="72x72" href="/mammothcwdca/images/AppleIcon?width=72&height=72&v=637885790908667820"> <!-- For non-Retina iPhone, iPod Touch, and Android 2.1+ devices: --> <link rel="apple-touch-icon-precomposed" href="/mammothcwdca/images/AppleIcon?width=72&height=72&v=637885790908667820"> <meta name="viewport" content="width=device-width" /> <link href="https://static.municipalonlinepayments.com/content/style-min-20240513" rel="stylesheet" type="text/css" /> <link href="https://static.municipalonlinepayments.com/content/bootstrap-css-min-20240513" rel="stylesheet" type="text/css" /> <link href="https://static.municipalonlinepayments.com/content/forge-latest-min-css-20240513" rel="stylesheet" type="text/css" /> <link href="https://static.municipalonlinepayments.com/content/forge-custom-min-css-20240513" rel="stylesheet" type="text/css" /> <script src="/Content/ForgeScripts/tyler-forge.js" type="module"></script> <link href="/mammothcwdca/themes/Styles?t=637885790908667820&v=20240513" rel="stylesheet" type="text/css" /> <script type="text/javascript" src="https://static.municipalonlinepayments.com/scripts/browser-check.js"></script> <script type="text/javascript" src="https://static.municipalonlinepayments.com/content/modernizr-min-20240513"></script> <script type="text/javascript" src="https://static.municipalonlinepayments.com/content/jQuery-min-20240513"></script> <script type="text/javascript" src="https://static.municipalonlinepayments.com/content/bootstrap-js-min-20240513"></script> <script type="text/javascript"> get_browser("/mammothcwdca/unsupportedbrowser?httproute=True"); </script> <script> createDialog = function () { var capitalDialog = document.createElement('forge-dialog'); capitalDialog.escapeClose = true; capitalDialog.backdropClose = true; return { dialog: capitalDialog, open: openCapitalDialog, close: closeCapitalDialog }; } openCapitalDialog = function (dialog) { dialog.open = true; } closeCapitalDialog = function (dialog) { dialog.open = false; } </script> <script src="https://static.municipalonlinepayments.com/content/vendor-min-20240513" type="text/javascript"></script> <script src="https://static.municipalonlinepayments.com/content/lib-min-20240513" type="text/javascript"></script> <script src="https://static.municipalonlinepayments.com/content/app-min-20240513" type="text/javascript"></script> <script src="https://static.municipalonlinepayments.com/scripts/forgeCustom.js" type="text/javascript"></script> <script src="https://cdn.forge.tylertech.com/v1/libs/%40tylertech/forge-internal@2.2.2/index.js" type="module"></script> <script async src="https://www.googletagmanager.com/gtag/js?id=UA-6128121-7"></script> <script> window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag('js', new Date()); gtag('config', 'UA-6128121-7'); </script> <script type="text/javascript"> var ua = window.navigator.userAgent; var msie = ua.indexOf("MSIE "); var oldEdge = ua.indexOf("Edge"); //old EdgeHTML-based browser if (msie > 0 || !!navigator.userAgent.match(/Trident.*rv\:11\./) || oldEdge > 0) { window.location = "/mammothcwdca/unsupportedbrowser?httproute=True"; } </script> <style> .forge-button--raised:focus-visible { outline: 3px solid black; border-radius: 3px; box-shadow: 0 0 0 2px black, 0 0 0 3px white; } .tyler-icons:focus-visible { outline: 3px solid black; border-radius: 50%; } .forge-icon-button:focus-visible { outline: 3px solid black; border-radius: 50%; } </style> </head> <body id="forge_layout_body" style="font-family: Roboto !important; overflow-y:hidden"> <div id="progress" class="flex-row align--center justify--center"> <forge-circular-progress></forge-circular-progress> </div> <forge-scaffold> <noscript> <forge-banner class="forge-message danger" id="message-block"> <div>This page may not function properly because javascript is disabled. Please enable javascript in your browser for full functionality.</div> </forge-banner> </noscript> <forge-app-bar slot="header" id='omnibar' style="color: #333;"> <div slot="title" id="titleSection"> <a href=https://www.municipalonlinepayments.com/mammothcwdca class="navbar-brand" accesskey="h"> <img alt="MCWD" src="/mammothcwdca/images/logo?filetype=png&v=637885790908667820" /> </a> <h1 class="forge-typography--headline5" style="margin-top:9px"></h1> </div> <forge-app-bar-menu-button class="show-menu" slot="start" style="color: #333;" onclick="toggleMenu()"></forge-app-bar-menu-button> <i class="tyler-icons" slot="end" style="color: #333; margin-left: 12px; margin-right: -36px">apps</i> <forge-app-launcher-button id="omniapplauncher" slot="end" profile-button="true"></forge-app-launcher-button> <forge-button slot="end" type="raised"> <button type="button" class="translucent-button" onclick="onSignInClicked()"> Sign In / Register </button> </forge-button> </forge-app-bar> <div slot="header"> </div> <div slot="body" style="overflow-x: hidden;"> <style> .forge-layout-footer { height: 96px; margin: 0; } .body-container { height: calc(100vh - 56px); display: flex; flex-direction: column; background-color: #FAFAFA; overflow-y: hidden } .body-main { overflow: auto; } </style> <div class="body-container"> <div slot="body-header" style="background-color: #FFFFFF"> <div class="flex-row flex-wrap border-bottom"> <forge-icon-button style="margin-top: 4px;"> <button type="button" class="tyler-icons" onclick="history.go(-1)">arrow_back</button> <forge-tooltip>Back</forge-tooltip> </forge-icon-button> <div class="page-heading flex-row justify--space-between"> Contact us </div> </div> </div> <div class="flex-row flex-wrap justify--center body-main"> <div class="main-column"> <div class="flex-column"> <forge-card style="--forge-card-padding: 0;" class="card-margin"> <forge-scaffold class="card-padding"> <div slot="header" class="forge-typography--headline5">Contact by email</div> <img slot="left" style="width: 70px; margin-right: 16px" src="https://cdn.forge.tylertech.com/v1/images/spot/mail-spot.svg" alt=""/> <div slot="body" class="flex-column"> <dl> <dt class="forge-typography--subtitle1-secondary" style="margin-top: 8px;" tabindex="0"> General information </dt> <dd> <a href="mailto:support@mcwd.dst.ca.us" class="forge-link">support@mcwd.dst.ca.us</a> </dd> <dt class="forge-typography--subtitle1-secondary" style="margin-top: 8px;" tabindex="0"> Other Services </dt> <dd> <a href="mailto:mbretz@mcwd.dst.ca.us" class="forge-link">mbretz@mcwd.dst.ca.us</a> </dd> <dt class="forge-typography--subtitle1-secondary" style="margin-top: 8px;" tabindex="0"> Water and Sewer </dt> <dd> <a href="mailto:billing@mcwd.dst.ca.us" class="forge-link">billing@mcwd.dst.ca.us</a> </dd> </dl> </div> <forge-toolbar no-border no-padding slot="footer"> <div slot="start" class="forge-typography--subtitle2" style="margin-right: 8px">Sign in to contact us through the portal</div> <forge-button slot="end" type="raised"> <button type="button" onclick="location.href='/mammothcwdca/login'">Sign In</button> </forge-button> </forge-toolbar> </forge-scaffold> </forge-card> </div> </div> <div class="flex-column right-column"> <forge-card class="card-margin full-mobile"> <forge-scaffold> <div slot="header" class="forge-typography--headline5">Contact by phone</div> <img style="width: 70px; margin-right: 16px" slot="left" src="https://static.municipalonlinepayments.com/content/images/forge/phone.png?v=20240513" alt=""/> <div slot="body" class="flex-column"> <dl> <dt class="forge-typography--subtitle1-secondary" style="margin-top: 8px;" tabindex="0"> General information </dt> <dd class="">760-934-2596</dd> <dt class="forge-typography--subtitle1-secondary" style="margin-top: 8px;" tabindex="0"> Other Services </dt> <dd class="">760-934-2596</dd> <dt class="forge-typography--subtitle1-secondary" style="margin-top: 8px;" tabindex="0"> Water and Sewer </dt> <dd class="">760-924-4520</dd> </dl> </div> </forge-scaffold> </forge-card> <forge-card class="card-margin full-mobile top-side-margin"> <h2 class="forge-typography--headline5">Available services</h2> <div style="margin: 8px;" class="flex-column"> <div class="forge-link"> <a href="/mammothcwdca/accountsreceivable">Other Services</a> </div> <div class="forge-link"> <a href="/mammothcwdca/utilities">Water and Sewer</a> </div> </div> </forge-card> </div> </div> <div style="margin-top: 16px;" class="forge-landing-page-layout__footer"> <div class="flex-row justify--space-around forge-layout-footer"> <div class="flex-row-mobile-to-column justify--space-between"> <div class="footer-link"> <a target="_blank" href="https://mcwd.dst.ca.us/">Mammoth Community Water District Homepage</a> </div> <div class="line-space desktop-only">|</div> <div class="footer-link"> <a target="_blank" href="https://mcwd.dst.ca.us/">Mammoth Community Water District Homepage</a> </div> <div class="line-space desktop-only">|</div> <div tabindex="0">1315 Meridian Blvd., Mammoth Lakes, CA | 760-934-2596</div> <div class="line-space desktop-only">|</div> <div class="footer-link"> <a href="/mammothcwdca/terms">Terms and conditions</a> </div> <div class="line-space desktop-only">|</div> <div class="footer-link"> <a href="/mammothcwdca/contact?returnUrl=%2Fmammothcwdca%2Fcontact%3FreturnUrl%3D%252Fmammothcwdca">Contact us</a> </div> <div class="line-space desktop-only">|</div> <div class="footer-link" onclick="location.href='http://tylertech.com/'">©2025 Tyler Technologies</div> </div> </div> </div> </div> </div> </forge-scaffold> <div style="display: none"> </div> <div> <forge-dialog id="tidc-dialog-template" style="display: none"> <div class="forge-dialog-container"> <div slot="body" class="card-padding"> <b>Note:</b> <div> We are thrilled to introduce our brand new identity service.</div> <div>You can seamlessly Sign-in using your existing username and password.</div> <div>Experience the enhanced feature and security today!</div> <div> <forge-checkbox> <input type="checkbox" id="dontShowAgainChkBox" onchange="setBaseCheckBox(this)" /> </forge-checkbox> <label for="dontShowAgainChkBox">Don't show this message again</label> </div> <div style="margin-top: 16px"> <forge-button type="raised"> <button onclick="location.href='/mammothcwdca/signinfaq'">Learn about the new Identity Service</button> </forge-button> <forge-button type="raised"> <button onclick="location.href='/mammothcwdca/login?returnUrl=%2Fmammothcwdca%2Fcontact%3FreturnUrl%3D%252Fmammothcwdca'">Proceed to Sign-in/Register</button> </forge-button> </div> </div> </div> </forge-dialog> </div> <script> function onSignInClicked() { if (false && !getTidcPopupCookie()) { document.getElementById('dontShowAgainChkBox').checked = false var tidcDialogTemplate = document.getElementById('tidc-dialog-template') var tidcDialog = tidcDialogTemplate.cloneNode(true) var parent = tidcDialogTemplate.parentElement parent.appendChild(tidcDialog) tidcDialog.style.display = 'block' tidcDialog.open = true } else { location.href = '/mammothcwdca/login?returnUrl=%2Fmammothcwdca%2Fcontact%3FreturnUrl%3D%252Fmammothcwdca'; } } function setTidcPopupCookie() { if (document.getElementById('dontShowAgainChkBox').checked) { $.cookie('dontShowTidcPopup', 'true', { expires: 365 }); } } function getTidcPopupCookie() { return ($.cookie('dontShowTidcPopup') == 'true') } function setBaseCheckBox(element) { var baseCheckBox = document.getElementById('dontShowTidcPopup') if (element.checked) { document.getElementById('dontShowAgainChkBox').checked = true } else { document.getElementById('dontShowAgainChkBox').checked = false } } function tidcPopupOnMoreInfoClicked() { setTidcPopupCookie() location.href='/mammothcwdca/tidcfaq' } function tidcPopupOnSignInClicked() { setTidcPopupCookie() location.href = '/mammothcwdca/login?returnUrl=%2Fmammothcwdca%2Fcontact%3FreturnUrl%3D%252Fmammothcwdca'; } //Controls automatic redirect to timeout page when a user is away for the specified time function timeoutRedirectCheck() { if (false) { location.href = '/mammothcwdca/member/membertimeout?returnUrl=%2Fmammothcwdca%2Fcontact%3FreturnUrl%3D%252Fmammothcwdca'; } } setTimeout(timeoutRedirectCheck, (15)*60000); $(document).ready(function () { checkScreenSize(); let profile = $("#omniprofile"); if (profile[0] != null && profile[0] != undefined) { profile[0].profileCardBuilder = function () { let scaffold = document.createElement("forge-scaffold"); scaffold.innerHTML = ` <forge-button slot="left"> <button id="payment-button" aria-label="Payment info button" onclick="javascript:location.href='/mammothcwdca/member/PaymentInfo'">Payment Info</button> </forge-button> ` scaffold.style.marginBottom = "8px"; // Sign out and Profile translations return scaffold; }; $("forge-app-bar-profile-button").find("button").mouseover(function () { $(this).css("box-shadow", "rgba(0, 0, 0, 0.08) 0px 1px 1pt 10pt inset"); $(this).css("border-radius", "50%"); }).mouseout(function () { $(this).css("box-shadow", ""); }); } }); $(window).on('resize', function(){ checkScreenSize(); }); $("#omniprofile").on('forge-profile-card-profile', function() { window.open("/mammothcwdca/member", "_blank"); }); $("#omniprofile").on('forge-profile-card-sign-out', function() { window.location.replace("/mammothcwdca/logout"); }); $("#omniprofile").on('forge-profile-card-payment', function() { window.location.replace("/mammothcwdca/member/paymentinfo"); }); $("#omniprofile").on('forge-profile-card-find-services', function() { window.location.replace("/"); }); $("#omniprofile").on('forge-profile-card-my-services', function() { window.location.replace("/mammothcwdca/member/services"); }); document.getElementById('omniapplauncher').optionsCallback = function() { var promise = $.ajax({ type: 'POST', url: "/mammothcwdca/ninebox" }); return promise.then(function(d){ var array = JSON.parse(d); return { options: array}; }); }; var windowWidth = 0; var navDrawer = $('#navDrawer'); checkScreenSize = function () { var width = $(window).width(); if (windowWidth !== width) { updateSideNav(width); windowWidth = width; if (width < 992) { setSmallScreen(); } else { setLargeScreen(); } } } updateSideNav = function (width) { if (width <= 786) { navDrawer.css('position', 'fixed'); navDrawer.css('z-index', '1'); navDrawer.css('box-shadow', '0px 0px 15px 20px rgba(0,0,0,0.2)'); } else { navDrawer.css('position', ''); navDrawer.css('z-index', ''); navDrawer.css('box-shadow', ''); } } setSmallScreen = function () { navDrawer.prop("type", "modal"); navDrawer.prop("open", false); navDrawer.hide(); } setLargeScreen = function () { navDrawer.prop("type", "standard"); navDrawer.prop("open", true); navDrawer.show(); } toggleMenu = function () { if(navDrawer.prop("open") !== undefined) { var isOpen = navDrawer.prop("open"); navDrawer.prop("open", !isOpen); if (isOpen) navDrawer.hide(); else navDrawer.show(); } else { navDrawer.prop("open", false) navDrawer.hide(); } } // Formatting for invalid inputs var errors = document.getElementsByClassName("input-validation-error"); for (var i = 0, l = errors.length; i < l; i++) { errors[i].parentElement.setAttribute("invalid", true); } </script> </body> </html>