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-WB6KX21614';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’s type: if (!false) { //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that if (envelope.name.indexOf('.Event') == -1) return false; } }); }); appInsights.trackPageView(); </script> <script> function populateAntiForgery(token) { var input = document.createElement("input"); input.name = "__RequestVerificationToken"; input.type = "hidden"; input.value = token; var absPat = /^https?:\/\/|^\/\//i; var forms = document.getElementsByTagName("form"); for (var i = 0; i < forms.length; i++) { if (forms[i].method == "post" && !forms[i].querySelector('[name="__RequestVerificationToken"]') && !absPat.test(forms[i].getAttribute("action"))) { forms[i].appendChild(input.cloneNode()); } } } function getAntiForgeryToken(callback, error) { var xhr = new XMLHttpRequest(); xhr.open("GET", "/antiforgery"); xhr.addEventListener("load", function() { try { if (this.status !== 200) { throw Error("Invalid status. Could not retrieve antiforgery token."); } var obj = JSON.parse(this.responseText); callback(obj.token); } catch (e) { typeof error === "function" && error(e); } }); xhr.send(); } getAntiForgeryToken(function(token) { if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { populateAntiForgery(token); return; } document.addEventListener("DOMContentLoaded", function() { populateAntiForgery(token); }, false); }, console.error); </script> <script type="text/javascript"> window.departmentHeader = {}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= false; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = false; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="google-site-verification" content="B98-_153U5McxjbDA9JGpT_Y1L_Ks55KNqoKTAZ_YiQ" /> <meta name= ”description” content=”A community surrounded by three national parks, in Cedar City (pop. 31,000) you will discover a unique city complete with world-renowned theatricals, astounding beauty, and unbelievable outdoor recreation. It is the home of Southern Utah University, the Utah Shakespeare Festival, the Utah Summer Games as well as many other outdoor recreational events and festivals.”> <meta name="category0" content="Home" /> <meta name="category1" content="Departments" /> <meta name="category2" content="Engineering " /> <meta name="category3" content="Maps" /> <meta name="theme-color" content="#005b99"> <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> <title>Maps | Cedar City, UT - Official Website</title> <meta name="description" content=""> <script src="/Assets/Scripts/jQuery/jquery-2.2.4.min.js"></script> <script src="/Assets/Scripts/jQuery/jQuery-migrate-1.4.1.js" type="text/javascript"></script>     <script type="text/javascript"></script> <link href="/2045813088.css" rel="stylesheet" type="text/css" /> <link href="/278493648.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="/-980062917.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="#ccce9c2658-736d-4918-8fce-8c8daa93e5ff" 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="5" /> <input type="hidden" id="hdnContentCollectionID" value="a3bb71d7-bb8b-486e-a2a1-d5a830754654" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="10" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="128" /> <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> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> <div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a id="bannerLogoTS-30" style=" display: block; text-align: center; " class="bannerObject" href="/" target="_self"><img alt="Home page" class="bannerObject" height="184" src="/ImageRepository/Document?documentID=16274" width="176" /></a> </div><div data-cpRole="contentContainer" id="socialTS"> <div id="cc1d59be1d-66e0-43d7-af62-1516c92ccf68" data-containerid="1d59be1d-66e0-43d7-af62-1516c92ccf68" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="81959db0-bb03-4135-a553-44f176a2bafa"> <div class="row nest first last wide"> <div class="inner col col24 first last id83bfb4c4-b3bc-46c6-82ad-abb626957d20" style="" data-widgetcontainerid="83bfb4c4-b3bc-46c6-82ad-abb626957d20"> <div data-widget-id="fa057858-9750-459b-a0fb-29a8b7090106" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetfa057858-9750-459b-a0fb-29a8b7090106" class="widget widgetGraphicLinks skin20 widgetOptionSet31 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> </div> </div> <div class="widgetBody cpGrid cpGrid4 "> <div class="row autoWidths center wide"><div class="col col1 first "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_blank" aria-label="Facebook graphic opens in new window"><img src="/ImageRepository/Document?documentID=16280" class="graphicButtonLink" alt="Facebook" onmouseover="this.src='/ImageRepository/Document?documentID=16280'" onmouseout="this.src='/ImageRepository/Document?documentID=16280'" onfocus="this.src='/ImageRepository/Document?documentID=16280'" onblur="this.src='/ImageRepository/Document?documentID=16280'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.instagram.com/officialcedarcity/" target="_blank" aria-label="Instagram graphic opens in new window"><img src="/ImageRepository/Document?documentID=16281" class="graphicButtonLink" alt="Instagram" onmouseover="this.src='/ImageRepository/Document?documentID=16281'" onmouseout="this.src='/ImageRepository/Document?documentID=16281'" onfocus="this.src='/ImageRepository/Document?documentID=16281'" onblur="this.src='/ImageRepository/Document?documentID=16281'"> </a></div></div></div><div class="col col1 "><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://twitter.com/CedarCityUtah" target="_blank" aria-label="X graphic opens in new window"><img src="/ImageRepository/Document?documentID=16288" class="graphicButtonLink" alt="X" onmouseover="this.src='/ImageRepository/Document?documentID=16288'" onmouseout="this.src='/ImageRepository/Document?documentID=16288'" onfocus="this.src='/ImageRepository/Document?documentID=16288'" onblur="this.src='/ImageRepository/Document?documentID=16288'"> </a></div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="https://www.youtube.com/channel/UCvv1r4z0JQJjAIgeLmMGmbA" target="_blank" aria-label="YouTube graphic opens in new window"><img src="/ImageRepository/Document?documentID=16290" class="graphicButtonLink" alt="YouTube" onmouseover="this.src='/ImageRepository/Document?documentID=16290'" onmouseout="this.src='/ImageRepository/Document?documentID=16290'" onfocus="this.src='/ImageRepository/Document?documentID=16290'" onblur="this.src='/ImageRepository/Document?documentID=16290'"> </a></div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation"> <ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1" href="/27/Government" target = "_self" > Government </a> </li><li id="MainItem8" class="topMenuItem" role="none" data-pageid="8" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavDepartments" class="navMainItem mainNavItem mainNavItem2" href="/8/Departments" target = "_self" > Departments </a> </li><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavLivingVisiting" class="navMainItem mainNavItem mainNavItem3" href="/31/Living-Visiting" target = "_self" > Living & Visiting </a> </li><li id="MainItem1089" class="topMenuItem" role="none" data-pageid="1089" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4" href="/1089/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=10&menuContainerID=mainNav'; menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); menuManager.mainMenuInit = true; menuManager.mainMenuTextResizer = false; 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></nav></div> </header><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div data-cpRole="structuralContainer" id="bannerSearchTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="searchTS"> <div id="cce21ca2c9-4d56-4346-9fa4-3393dbea902b" data-containerid="e21ca2c9-4d56-4346-9fa4-3393dbea902b" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="9f551f43-0e3e-4304-a106-4f9615ce2a3d"> <div class="row nest first last wide"> <div class="inner col col24 first last id009f21af-95dc-4461-81a6-968e8e0a399b" style="" data-widgetcontainerid="009f21af-95dc-4461-81a6-968e8e0a399b"> <div data-widget-id="1823bfba-1f2c-4128-a819-ef09beabe227" data-widget-controller-path="/Layout/WidgetSearch"> <script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.1/jquery-ui.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.widgetSearchButton1823bfba-1f2c-4128-a819-ef09beabe227").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept1823bfba-1f2c-4128-a819-ef09beabe227").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField1823bfba-1f2c-4128-a819-ef09beabe227").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept1823bfba-1f2c-4128-a819-ef09beabe227").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept1823bfba-1f2c-4128-a819-ef09beabe227").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField1823bfba-1f2c-4128-a819-ef09beabe227").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept1823bfba-1f2c-4128-a819-ef09beabe227").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 ($("#searchField1823bfba-1f2c-4128-a819-ef09beabe227").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField1823bfba-1f2c-4128-a819-ef09beabe227")); } } }); }, 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 skin15 widgetOptionSet30" style="display: block;" aria-label="Search">  <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBox1823bfba-1f2c-4128-a819-ef09beabe227" cp5ph="true" id="searchField1823bfba-1f2c-4128-a819-ef09beabe227" name="searchField" onchange="searchBtnApplyQuery();" placeholder="I'm Looking For..." title="I'm Looking For..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton1823bfba-1f2c-4128-a819-ef09beabe227" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=16277" data-image="/ImageRepository/Document?documentID=16278" src="/ImageRepository/Document?documentID=16278" /></a> <label class="searchLabel" for="searchField1823bfba-1f2c-4128-a819-ef09beabe227">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #070707; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #070707; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #070707; } .widgetSearch :-ms-input-placeholder { color: #070707; } .widgetSearch .widgetBody .widgetSearchBox1823bfba-1f2c-4128-a819-ef09beabe227 { color: #070707; background: #FFFFFF; border: 10px solid #ffffff80; border-radius: 40px; height: 74px; background-clip: padding-box; font-family: PT Sans; font-style: italic; font-size: 1.1em; padding: 0 75px 0 25px; } .widgetSearch .widgetBody .widgetSearchButton1823bfba-1f2c-4128-a819-ef09beabe227 { margin: 12px 12px 0 0; } .widgetSearch .widgetSearch-onlyDept1823bfba-1f2c-4128-a819-ef09beabe227 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept1823bfba-1f2c-4128-a819-ef09beabe227 { position: relative; top: .125em; } </style> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.css"> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.theme.min.css"> <script type="text/javascript"> //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField1823bfba-1f2c-4128-a819-ef09beabe227").value; } </script> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> <div id="bannerImagesJSON31" class="hidden"></div> <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> <a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a> <a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a> </div> <script type="text/javascript"> $(window).on("load", function () { $.when(window.Pages.rwdSetupComplete) .done(function () { renderExternalBannerSlideshow('banner1', {"BannerOptionID":31,"ThemeID":10,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":314,"BannerOptionID":31,"FileName":"/ImageRepository/Document?documentID=16275","Height":326,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":11,"BannerOptionID":31,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202301061442337557.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'); }); }); </script> </div> </div><div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> <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="/8/Departments">Departments</a></li><li><a class="breadCrumb" href="/124/Engineering">Engineering </a></li><li id="currentBCPage" data-pageid="128">Maps</li> </ol> </div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="128" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="124" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="12764" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Maps" /> <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"> Maps </h1> <div id="ccce9c2658-736d-4918-8fce-8c8daa93e5ff" data-containerid="ce9c2658-736d-4918-8fce-8c8daa93e5ff" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="30" > <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="7fa3cd5b-e01d-4466-80a8-ba570cd98cde"> <div class="row nest first last wide"> <div class="inner col col24 first last id95132c0b-3435-45a3-89a0-b5491873709b" style="" data-widgetcontainerid="95132c0b-3435-45a3-89a0-b5491873709b"> <div data-widget-id="abad5d8e-d8a5-4f06-a0c3-82a7f4d38021" data-moduleName="list" id="widgetTextabad5d8e-d8a5-4f06-a0c3-82a7f4d38021" class="widget widgetText"> <div class="widgetBody pageStyles" id="divabad5d8e-d8a5-4f06-a0c3-82a7f4d38021"> <div style="min-height: 18px;"> <div class="textContent" ><h2>Planning Maps (PDF)</h2></div> </div> </div> </div> <style> .widget .textContent p:first-child { padding-top: 0px; margin-top: 0px; } </style> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col6 first" style="" data-widgetcontainerid="7602b414-af56-469a-9127-3fa727662ceb"> <div class="row nest first last wide"> <div class="inner col col6 first last id6f763561-b31c-406e-b3f4-6674dca812e5" style="" data-widgetcontainerid="6f763561-b31c-406e-b3f4-6674dca812e5"> <div class="widget image pageStyles" id="divImageOuter9dc3303c-7474-49c7-a84a-f292fc20add3" data-widget-id="9dc3303c-7474-49c7-a84a-f292fc20add3"> <div class="widgetBody imageBorder" id="divImage9dc3303c-7474-49c7-a84a-f292fc20add3"> <a href="https://www.cedarcityut.gov/DocumentCenter/View/286/Map-Zoning?bidId=" target="_blank"><img src="/ImageRepository/Document?documentID=17328" alt="current zoning" title="current zoning"/></a> </div> </div> </div>  </div>  </div><div class="outer col col6" style="" data-widgetcontainerid="fea71335-467b-4a80-8835-c25ba1dd184e"> <div class="row nest first last wide"> <div class="inner col col6 first last idfebcf8c8-5d9b-4f74-a61b-aad8a5eaeb04" style="" data-widgetcontainerid="febcf8c8-5d9b-4f74-a61b-aad8a5eaeb04"> <div class="widget image pageStyles" id="divImageOuterf8e876a7-ae84-447f-9dc7-45dbfc52195c" data-widget-id="f8e876a7-ae84-447f-9dc7-45dbfc52195c"> <div class="widgetBody imageBorder" id="divImagef8e876a7-ae84-447f-9dc7-45dbfc52195c"> <a href="https://www.cedarcityut.gov/DocumentCenter/View/268/Map-General-Landuse" target="_blank"><img src="/ImageRepository/Document?documentID=17330" alt="General Plan2" title="General Plan2"/></a> </div> </div> </div>  </div>  </div><div class="outer col col6" style="" data-widgetcontainerid="04f96e28-e48e-4a77-b1b0-d14fd09048f1"> <div class="row nest first last wide"> <div class="inner col col6 first last id9bfa353d-a8c1-489a-a964-468a569c6bf4" style="" data-widgetcontainerid="9bfa353d-a8c1-489a-a964-468a569c6bf4"> <div class="widget widgetSpacer" id="2ab420f6-2b40-470a-9c4c-a94899dfc4f6"></div> </div>  </div>  </div><div class="outer col col6 last" style="" data-widgetcontainerid="b863e4ee-2e91-4958-ac42-febf97ddd232"> <div class="row nest first last wide"> <div class="inner col col6 first last idec5dceaa-068f-4cbc-981e-81720742e0cc" style="" data-widgetcontainerid="ec5dceaa-068f-4cbc-981e-81720742e0cc"> <div class="widget widgetSpacer" id="0a0a9b26-abdf-48a2-9033-5a44fdf6fb16"></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="c13a8604-a65c-4048-b45e-ee81498c974d"> <div class="row nest first last wide"> <div class="inner col col24 first last ida96f7e44-6f68-4bad-9561-0bd20c5d22ce" style="" data-widgetcontainerid="a96f7e44-6f68-4bad-9561-0bd20c5d22ce"> <div data-widget-id="3fd2841e-1711-48c6-be8c-9bfba36b38fe" data-moduleName="list" id="widgetText3fd2841e-1711-48c6-be8c-9bfba36b38fe" class="widget widgetText"> <div class="widgetBody pageStyles" id="div3fd2841e-1711-48c6-be8c-9bfba36b38fe"> <div style="min-height: 18px;"> <div class="textContent" ><p>These pdf files are for GENERAL REFERENCE ONLY. These maps are not updated frequently. The information may be out of date as the city amends zoning and general land use plans from time to time. To find the most current & accurate information Please use the interactive maps below. They are updated more frequently, and/or call the engineering department 435-586-2963</p></div> </div> </div> </div> <style> .widget .textContent p:first-child { padding-top: 0px; margin-top: 0px; } </style> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="b3044ca0-2fdc-4f3e-bf8f-597e3f120c4f"> <div class="row nest first last wide"> <div class="inner col col24 first last id39a4df42-203f-481a-a31a-9dc1731f0cbe" style="" data-widgetcontainerid="39a4df42-203f-481a-a31a-9dc1731f0cbe"> <div class="widget widgetSpacer" id="c8062403-a042-42b3-bc43-b42d94d810a8"></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="11bf124a-c573-4168-b403-78038be49983"> <div class="row nest first last wide"> <div class="inner col col24 first last id6da98dfd-af81-4e65-ae0d-e6d8d6c1727a" style="" data-widgetcontainerid="6da98dfd-af81-4e65-ae0d-e6d8d6c1727a"> <div data-widget-id="224b110f-891c-4469-8a7a-2e5052a8d773" data-moduleName="list" id="widgetText224b110f-891c-4469-8a7a-2e5052a8d773" class="widget widgetText"> <div class="widgetBody pageStyles" id="div224b110f-891c-4469-8a7a-2e5052a8d773"> <div style="min-height: 18px;"> <div class="textContent" ><h2>Interactive Maps</h2></div> </div> </div> </div> <style> .widget .textContent p:first-child { padding-top: 0px; margin-top: 0px; } </style> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col6 first" style="" data-widgetcontainerid="e19e626d-4eac-42d0-b130-fede12439930"> <div class="row nest first wide"> <div class="inner col col6 first last id51ff00f9-2168-4c74-be6d-a554c31c4241" style="" data-widgetcontainerid="51ff00f9-2168-4c74-be6d-a554c31c4241"> <div class="widget image pageStyles" id="divImageOuter0e17bc98-3b35-48a3-adb5-050e1ecd9cc7" data-widget-id="0e17bc98-3b35-48a3-adb5-050e1ecd9cc7"> <div class="widgetBody " id="divImage0e17bc98-3b35-48a3-adb5-050e1ecd9cc7"> <a href="https://experience.arcgis.com/experience/8bea50fbfc8040b0956bd8219572ea52/" target="_blank"><img src="/ImageRepository/Document?documentID=16841" alt="Cedar City Zoning App" title="Cedar City Zoning App"/></a> </div> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col6 first last id9d707cac-e165-420b-afc9-7c8358241bdf" style="" data-widgetcontainerid="9d707cac-e165-420b-afc9-7c8358241bdf"> <div class="widget image pageStyles" id="divImageOuter6ba30bdd-d0fd-4a4d-b1d8-0ebbc9d1db67" data-widget-id="6ba30bdd-d0fd-4a4d-b1d8-0ebbc9d1db67"> <div class="widgetBody " id="divImage6ba30bdd-d0fd-4a4d-b1d8-0ebbc9d1db67"> <a href="https://cedarcitygis.maps.arcgis.com/apps/View/index.html?appid=60d9a65988aa454dacd5fba4fedd0545" target="_blank"><img src="/ImageRepository/Document?documentID=16847" alt="Cedar City Solid Waste pickup" title="Cedar City Solid Waste pickup"/></a> </div> </div> </div>  </div>  </div><div class="outer col col6" style="" data-widgetcontainerid="da8f7b0e-7c53-42a0-bf07-36246d785d49"> <div class="row nest first wide"> <div class="inner col col6 first last id045072e1-2029-4fb7-8b29-f336cbfef62d" style="" data-widgetcontainerid="045072e1-2029-4fb7-8b29-f336cbfef62d"> <div class="widget image pageStyles" id="divImageOutercb300ab3-29c2-44c7-9143-9ef0203daecc" data-widget-id="cb300ab3-29c2-44c7-9143-9ef0203daecc"> <div class="widgetBody " id="divImagecb300ab3-29c2-44c7-9143-9ef0203daecc"> <a href="https://experience.arcgis.com/experience/b845649c41df4b16a0f1751716665aee/" target="_blank"><img src="/ImageRepository/Document?documentID=16842" alt="Water Acquisition App" title="Water Acquisition App"/></a> </div> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col6 first last idc57b5490-cbb6-457c-a9de-d697b83d470e" style="" data-widgetcontainerid="c57b5490-cbb6-457c-a9de-d697b83d470e"> <div class="widget image pageStyles" id="divImageOuter349d9a12-87c0-4b7c-b86f-3179e58d689b" data-widget-id="349d9a12-87c0-4b7c-b86f-3179e58d689b"> <div class="widgetBody " id="divImage349d9a12-87c0-4b7c-b86f-3179e58d689b"> <a href="https://cedarcitygis.maps.arcgis.com/apps/View/index.html?appid=915987b2909c429ebe4d3e749648c535" target="_blank"><img src="/ImageRepository/Document?documentID=16845" alt="Cedar City WUI" title="Cedar City WUI"/></a> </div> </div> </div>  </div>  </div><div class="outer col col6" style="" data-widgetcontainerid="e7355f89-6a27-4ba9-b250-73bdd819354b"> <div class="row nest first wide"> <div class="inner col col6 first last id72ce264d-85a9-4cc2-8b2f-a791822656cd" style="" data-widgetcontainerid="72ce264d-85a9-4cc2-8b2f-a791822656cd"> <div class="widget image pageStyles" id="divImageOuterc40dcdf6-abb1-4c18-ad23-896e3ccc6e4b" data-widget-id="c40dcdf6-abb1-4c18-ad23-896e3ccc6e4b"> <div class="widgetBody " id="divImagec40dcdf6-abb1-4c18-ad23-896e3ccc6e4b"> <a href="https://experience.arcgis.com/experience/a945d1f5e98e4e21bde48828e66356a0/" target="_blank"><img src="/ImageRepository/Document?documentID=17154" alt="Utilities Web" title="Utilities Web"/></a> </div> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col6 first last id208f7ef8-633c-48e7-a290-0b5097149d2b" style="" data-widgetcontainerid="208f7ef8-633c-48e7-a290-0b5097149d2b"> <div class="widget image pageStyles" id="divImageOuterd76afa1d-f995-4100-b2d9-4830f17ffc12" data-widget-id="d76afa1d-f995-4100-b2d9-4830f17ffc12"> <div class="widgetBody " id="divImaged76afa1d-f995-4100-b2d9-4830f17ffc12"> <a href="https://cedarcitygis.maps.arcgis.com/apps/View/index.html?appid=4e2f2d51e63742adb4c7eb3a34b6bbe8" target="_blank"><img src="/ImageRepository/Document?documentID=16846" alt="Cedar City Subdivision App" title="Cedar City Subdivision App"/></a> </div> </div> </div>  </div>  </div><div class="outer col col6 last" style="" data-widgetcontainerid="c1807649-3316-497b-8537-9ab2e2f425cd"> <div class="row nest first wide"> <div class="inner col col6 first last id6be8e936-0514-427e-b885-452e99bf52b1" style="" data-widgetcontainerid="6be8e936-0514-427e-b885-452e99bf52b1"> <div class="widget image pageStyles" id="divImageOuterc59735a6-3209-42c5-99e3-55613eaee5d2" data-widget-id="c59735a6-3209-42c5-99e3-55613eaee5d2"> <div class="widgetBody " id="divImagec59735a6-3209-42c5-99e3-55613eaee5d2"> <a href="https://experience.arcgis.com/experience/344118595df04bdea4af7bca2e09b1b1" target="_blank"><img src="/ImageRepository/Document?documentID=16844" alt="Cedar City Master plan" title="Cedar City Master plan"/></a> </div> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col6 first last id361c2e2d-fabd-43f6-966d-1f09f521818b" style="" data-widgetcontainerid="361c2e2d-fabd-43f6-966d-1f09f521818b"> <div class="widget image pageStyles" id="divImageOutereb7ae656-b4a3-4c39-80e2-57e6c7c27885" data-widget-id="eb7ae656-b4a3-4c39-80e2-57e6c7c27885"> <div class="widgetBody " id="divImageeb7ae656-b4a3-4c39-80e2-57e6c7c27885"> <a href="https://cedarcitygis.maps.arcgis.com/apps/webappviewer/index.html?id=14e0ef9cef0041a0ba7f00f7fb196d12" target="_blank"><img src="/ImageRepository/Document?documentID=16848" alt="Cedar City FEMA Flood Info" title="Cedar City FEMA Flood Info"/></a> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="0701de4b-44e4-4378-95e4-fd843d703e83"> <div class="row nest first last wide"> <div class="inner col col24 first last id3fedda18-d828-4c61-80cd-7ab4fecb6b2e" style="" data-widgetcontainerid="3fedda18-d828-4c61-80cd-7ab4fecb6b2e"> <div class="widget editor pageStyles narrow" id="divEditor70caf3ff-2524-4387-b909-aa8db99efe09" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> <h3 class="subhead2">Cedar City - Interactive Maps</h3><ul><li><a aria-label="Google Map of Cedar City boundaries and streets Opens in new window" class="Hyperlink" href="https://www.google.com/maps/place/Cedar+City,+UT/@37.6849085,-113.10205,13z/data=!3m1!4b1!4m2!3m1!1s0x80b5617fe05ec2d1:0xef14cae28073d1e9" target="_blank">Google Map of Cedar City boundaries and streets</a></li><li><a aria-label="FEMA Flood Zones Opens in new window" class="Hyperlink" href="https://cedarcitygis.maps.arcgis.com/apps/webappviewer/index.html?id=14e0ef9cef0041a0ba7f00f7fb196d12" style="font-size: 0.9em;" target="_blank" title="FEMA Flood Map">FEMA Flood Zones</a><a class="Hyperlink" href="http://184.60.189.111/GISCedar/index.html" target="_self"></a></li></ul><p>Cedar City Corporation assumes no liability for the accuracy of this map. Intent is for viewing purposes only.</p><p><br></p><h3 class="subhead2">Cedar City - Downloadable PDF Maps</h3><ul><li><a aria-label="Airport Compatible Land Use Opens in new window" class="Hyperlink" href="/DocumentCenter/Home/View/271" style="font-size: 0.9em;" target="_blank" title="Airport Compatible Land Use">Airport Compatible Land Use</a></li><li><a class="Hyperlink" href="/DocumentCenter/Home/View/270" target="_blank" title="Airport Height Restriction" aria-label="Airport Height Restriction Opens in new window">Airport Height Restriction</a></li><li><a aria-label="Annexation Declaration Opens in new window" class="Hyperlink" href="/DocumentCenter/Home/View/272" target="_blank" title="Annexation Declaration">Annexation Declaration</a></li><li><a class="Hyperlink" href="/DocumentCenter/View/337" target="_self">ATV Route</a></li><li><a aria-label="Cedar City Coordinate Control Opens in new window" class="Hyperlink" href="/DocumentCenter/View/12012" target="_blank">Cedar City Coordinate Control</a></li><li><a class="Hyperlink" href="/DocumentCenter/View/15753/COAL-CREEK-IRRIGATION-SYSTEM" style="font-size: 0.9em;" target="_blank" title="Irrigation Map">Irrigation Map</a></li><li><a aria-label="Relative Hydrocompaction Susceptibility Map (Soil Subsidence) Opens in new window" class="Hyperlink" href="/DocumentCenter/Home/View/277" style="font-size: 0.9em;" target="_blank" title="Relative Hydrocompaction Susceptibility Map (Soil Subsidence)">Relative Hydrocompaction Susceptibility Map (Soil Subsidence)</a></li><li><a class="Hyperlink" href="/DocumentCenter/Home/View/276" target="_blank" title="Sewer Lines">Sewer Lines</a></li><li><a class="Hyperlink" href="/DocumentCenter/Home/View/279" target="_blank" title="Streets *">Streets *</a></li><li><a aria-label="Street Sweeping Schedule Opens in new window" class="Hyperlink" href="/DocumentCenter/Home/View/282" style="font-size: 0.9em;" target="_blank" title="Street Sweeping Schedule">Street Sweeping Schedule</a></li><li><a class="Hyperlink" href="/DocumentCenter/Home/View/283" style="font-size: 0.9em;" target="_blank" title="Subdivision">Subdivision</a></li><li><a aria-label="Voter Precinct Opens in new window" class="Hyperlink" href="https://ironcounty.net/government/departments/clerk/elections" target="_blank" title="Voter Precinct" rel="noopener">Voter Precinct</a></li><li><a aria-label="Water Lines Opens in new window" class="Hyperlink" href="/DocumentCenter/View/285" target="_blank" title="Water Lines">Water Lines</a></li><li><a aria-label="Wildland Urban Interface Zone Opens in new window" class="Hyperlink" href="/DocumentCenter/View/14281/Map-WUI" target="_blank">Wildland Urban Interface Zone</a></li><li><a aria-label="Zoning * Opens in new window" class="Hyperlink" href="/DocumentCenter/Home/View/286" target="_blank" title="Zoning *">Zoning *</a><ul><li><a href="/DocumentCenter/View/16250" rel="noopener" target="_blank" aria-label="Fiddlers Canyon RDO Opens in new window">Fiddlers Canyon RDO</a></li><li id="isPasted"><a aria-label="Iron Horse RDO Opens in new window" href="/DocumentCenter/View/16251" rel="noopener" target="_blank">Iron Horse RDO</a></li><li id="isPasted"><a href="/DocumentCenter/View/16252" rel="noopener" target="_blank" aria-label="Bauer Meadows RDO Opens in new window">Bauer Meadows RDO</a></li><li id="isPasted"><a href="/DocumentCenter/View/17913/Cordero-development-agreement">Cordero RDO</a></li></ul></li></ul><h3 class="subhead2" style="font-family: Roboto; font-weight: 700;">Cedar City - Master Plan PDF Maps</h3><p><br></p><ul style="font-size: 14.4px;"><li><a class="Hyperlink" href="https://www.cedarcityut.gov/DocumentCenter/View/15958/Map-Active_Trans" target="_self">Active Transportation Master Plan</a></li><li><span style="outline-color: initial; outline-style: initial; color: rgb(163, 117, 0);"><a aria-label="General Land Use 2022 Opens in new window" class="Hyperlink" href="/DocumentCenter/View/268/Map-General-Landuse" style="outline: 0px; color: rgb(163, 117, 0);" target="_blank" title="General Land Use 2012 ">General Land Use 2022</a></span></li><li><a title="General Land Use 2012 " class="Hyperlink" href="https://www.cedarcityut.gov/DocumentCenter/View/268" target="_blank" style="outline: 0px; color: rgb(163, 117, 0);"></a><a aria-label="Master Plan Trail System Opens in new window" class="Hyperlink" href="https://www.cedarcityut.gov/DocumentCenter/Home/View/274" style="font-size: 14.4px;" target="_blank" title="Master Plan Trail System">Master Plan Trail System</a></li><li><a title="Master Plan Trail System" class="Hyperlink" href="https://www.cedarcityut.gov/DocumentCenter/Home/View/274" target="_blank" style="font-size: 14.4px;"></a><a class="Hyperlink" href="https://www.cedarcityut.gov/DocumentCenter/Home/View/1026" style="font-size: 14.4px;" target="_blank" title="Sewer Master Plan">Sewer Master Plan</a></li><li><a title="Sewer Master Plan" class="Hyperlink" href="https://www.cedarcityut.gov/DocumentCenter/Home/View/1026" target="_blank" style="font-size: 14.4px;"></a><a aria-label="Street Master Plan Opens in new window" class="Hyperlink" href="https://www.cedarcityut.gov/DocumentCenter/Home/View/280" style="font-size: 14.4px;" target="_blank" title="Street Master Plan">Street Master Plan</a></li><li><a title="Street Master Plan" class="Hyperlink" href="https://www.cedarcityut.gov/DocumentCenter/Home/View/280" target="_blank" style="font-size: 14.4px;"></a><a aria-label="Storm Drain Master Plan Opens in new window" class="Hyperlink" href="https://www.cedarcityut.gov/DocumentCenter/Home/View/1027" style="font-size: 14.4px;" target="_blank" title="Storm Drain Master Plan">Storm Drain Master Plan</a></li><li><a href="/DocumentCenter/View/17583/Map_CulinaryMaster">Culinary Water Master Plan</a></li></ul><p> * Black and white full size version can be purchased at City Hall in the Cashier's Office for $5.</p><p><br></p><p><br></p><h3 class="subhead2">Other Interactive maps</h3><p><a aria-label="ADA Ramp Map Opens in new window" class="Hyperlink" href="http://www.arcgis.com/apps/View/index.html?appid=b411295df17940b38c8ead357fad55af" target="_blank">ADA Ramp Map</a></p><h3 class="subhead2"><a class="Hyperlink" href="/DocumentCenter/View/9815" target="_self"></a></h3><p><br></p><p><br></p><p><br></p> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '70caf3ff-2524-4387-b909-aa8db99efe09')); }); </script> </div> </div>  </div>  </div></div>  </div> </div> <div class="newCP"> </div> </div> </div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccfcc37fad-26c2-4e7e-a092-583fcf381025" data-containerid="fcc37fad-26c2-4e7e-a092-583fcf381025" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside> </div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> <aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc627730d9-1c48-4524-abe4-b1eb99e96375" data-containerid="627730d9-1c48-4524-abe4-b1eb99e96375" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> <ol role="menu" id="secondaryMenusecondaryNav" data-parent="124" class="rootNavMenu accordionNav"> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1055" data-pageid="1055"> <div class="accordionNavItem"> <a href="/1055/Engineering-Standards" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Engineering Standards </a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem362" data-pageid="362"> <div class="accordionNavItem"> <a href="/663/Bids-Projects" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Bids and Projects</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem128" data-pageid="128"> <div class="accordionNavItem"> <a href="/128/Maps" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Maps</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem223" data-pageid="223"> <div class="accordionNavItem"> <a href="/223/Applications--Checklists---Design-Data" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Applications- Checklists - Design Data</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem317" data-pageid="317"> <div class="accordionNavItem"> <a href="/317/Planning-Commission" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Planning Commission</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem364" data-pageid="364"> <div class="accordionNavItem"> <a href="/364/General-Plan" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">General Plan </a> <a href="#" class="openAccordionNav accordionSecondaryNavItem" title="Expand General Plan Submenu"></a> </div> <ol role="menu" aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" style="display: none;" data-parent="364"> <li role="menuitem" aria-haspopup="true" class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem1336" data-pageid="1336"> <div class="accordionNavItem"> <a href="/DocumentCenter/View/15741/moderatehousingreportingform-11302021" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Moderate Housing Reporting Form 11/30/2021</span></a> </div> </li> </ol> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1356" data-pageid="1356"> <div class="accordionNavItem"> <a href="/DocumentCenter/View/16218/Cedar-City-Stormwater-Master-Plan" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">2022 Storm Water Master Plan</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1279" data-pageid="1279"> <div class="accordionNavItem"> <a href="/DocumentCenter/View/14333/Water-Conservation-Plan-2019---Cedar-City" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">2024 Water Conservation Plan</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2436" data-pageid="2436"> <div class="accordionNavItem"> <a href="/DocumentCenter/View/15135/2022-Water-Report" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">2022 Water Report</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem1346" data-pageid="1346"> <div class="accordionNavItem"> <a href="/DocumentCenter/View/15895/CedarCity_TMP_Report_Final_Reduced" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Cedar City Transportation Master Plan</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2463" data-pageid="2463"> <div class="accordionNavItem"> <a href="https://cedarcity.org/DocumentCenter/View/17231/Drinking-Water-Master-Plan" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">2023 Drinking Water Master Plan</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2468" data-pageid="2468"> <div class="accordionNavItem"> <a href="/DocumentCenter/View/17384/Sewer-Collection-System-Master-Plan-2024" target="_blank" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">2024 Cedar City Sewer Collection System Master Plan</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem2487" data-pageid="2487"> <div class="accordionNavItem"> <a href="/2487/Proposed-Zone-Changes" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Proposed Zone Changes</a> </div> </li> </ol> <script type="text/javascript"> window.addEventListener('load', function () { //setup menu manager properties for secondary menu menuManager.isSideMenuEditable = false; menuManager.sideMenuMaxSubMenuLevels = 4; menuManager.sideMenuHasCustomLinks = false; }); </script> <script type="text/javascript"> window.addEventListener('load', 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="cc8f3b6585-b09a-4a84-be19-da04116f70f2" data-containerid="8f3b6585-b09a-4a84-be19-da04116f70f2" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside> </div> </div></div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc05bafb0e-2b6d-4ada-8b9f-d3e76e01a7fe" data-containerid="05bafb0e-2b6d-4ada-8b9f-d3e76e01a7fe" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="30"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="2d3c244e-f260-4583-8664-70dc74485988"> <div class="row nest first last wide"> <div class="inner col col8 first last idac7e5d88-2253-4eb3-a6b5-a4cac34b6d45" style="" data-widgetcontainerid="ac7e5d88-2253-4eb3-a6b5-a4cac34b6d45"> <div data-widget-id="a1e44e8a-710c-46b2-9781-b1daa04cfda5" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgeta1e44e8a-710c-46b2-9781-b1daa04cfda5" class="widget widgetGraphicLinks skin17 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="https://www.xpressbillpay.com/#/?org=CedarCity10011" target="_self" class="fancyButton fancyButton281 " > <span> <span><span class="text">Online Payments</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton281.fancyButton:link,.fancyButton281.fancyButton:visited, .fancyButton281div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16306'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton281.fancyButton:hover,.fancyButton281.fancyButton:focus,.fancyButton281.fancyButton:active,.fancyButton281.fancyButton.hover{ background-position: center 0px ; } .fancyButton281.fancyButton:link > span,.fancyButton281.fancyButton:visited > span, .fancyButton281div.fancyButton > span{ } .fancyButton281.fancyButton:hover > span,.fancyButton281.fancyButton:focus > span,.fancyButton281.fancyButton:active > span,.fancyButton281.fancyButton.hover > span{ } .fancyButton281.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-image: url('/ImageRepository/Document?documentID=16309'); background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton281.fancyButton:hover .text,.fancyButton281.fancyButton:focus .text,.fancyButton281.fancyButton:active .text,.fancyButton281.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://cedarcity.applicantpro.com/jobs/" target="_blank" class="fancyButton fancyButton282 " aria-label="Employment Opportunities Opens in new window"> <span> <span><span class="text">Employment<br>Opportunities</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton282.fancyButton:link,.fancyButton282.fancyButton:visited, .fancyButton282div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16306'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton282.fancyButton:hover,.fancyButton282.fancyButton:focus,.fancyButton282.fancyButton:active,.fancyButton282.fancyButton.hover{ background-position: center 0px ; } .fancyButton282.fancyButton:link > span,.fancyButton282.fancyButton:visited > span, .fancyButton282div.fancyButton > span{ } .fancyButton282.fancyButton:hover > span,.fancyButton282.fancyButton:focus > span,.fancyButton282.fancyButton:active > span,.fancyButton282.fancyButton.hover > span{ } .fancyButton282.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-image: url('/ImageRepository/Document?documentID=16307'); background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton282.fancyButton:hover .text,.fancyButton282.fancyButton:focus .text,.fancyButton282.fancyButton:active .text,.fancyButton282.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col8" style="" data-widgetcontainerid="16a03d35-ead8-4879-a576-a5e423fcbae6"> <div class="row nest first last wide"> <div class="inner col col8 first last id3a8d0f73-9ead-4762-a812-a7c42f686bf3" style="" data-widgetcontainerid="3a8d0f73-9ead-4762-a812-a7c42f686bf3"> <div data-widget-id="9ea4051e-8f7d-4433-9878-222573ed38ec" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget9ea4051e-8f7d-4433-9878-222573ed38ec" class="widget widgetGraphicLinks skin17 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="/FormCenter/Administration-3/General-Inquiry-Request-for-Service-Comp-36" target="_self" class="fancyButton fancyButton283 " > <span> <span><span class="text">Report a Concern</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton283.fancyButton:link,.fancyButton283.fancyButton:visited, .fancyButton283div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16306'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton283.fancyButton:hover,.fancyButton283.fancyButton:focus,.fancyButton283.fancyButton:active,.fancyButton283.fancyButton.hover{ background-position: center 0px ; } .fancyButton283.fancyButton:link > span,.fancyButton283.fancyButton:visited > span, .fancyButton283div.fancyButton > span{ } .fancyButton283.fancyButton:hover > span,.fancyButton283.fancyButton:focus > span,.fancyButton283.fancyButton:active > span,.fancyButton283.fancyButton.hover > span{ } .fancyButton283.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-image: url('/ImageRepository/Document?documentID=16310'); background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton283.fancyButton:hover .text,.fancyButton283.fancyButton:focus .text,.fancyButton283.fancyButton:active .text,.fancyButton283.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/agendacenter" target="_self" class="fancyButton fancyButton284 " > <span> <span><span class="text">Agendas & Minutes</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton284.fancyButton:link,.fancyButton284.fancyButton:visited, .fancyButton284div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16306'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton284.fancyButton:hover,.fancyButton284.fancyButton:focus,.fancyButton284.fancyButton:active,.fancyButton284.fancyButton.hover{ background-position: center 0px ; } .fancyButton284.fancyButton:link > span,.fancyButton284.fancyButton:visited > span, .fancyButton284div.fancyButton > span{ } .fancyButton284.fancyButton:hover > span,.fancyButton284.fancyButton:focus > span,.fancyButton284.fancyButton:active > span,.fancyButton284.fancyButton.hover > span{ } .fancyButton284.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-image: url('/ImageRepository/Document?documentID=16305'); background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton284.fancyButton:hover .text,.fancyButton284.fancyButton:focus .text,.fancyButton284.fancyButton:active .text,.fancyButton284.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div><div class="outer col col8 last" style="" data-widgetcontainerid="7048733f-904a-455b-acae-ced9a26485a8"> <div class="row nest first last wide"> <div class="inner col col8 first last id89e01262-5070-4174-ad0d-9c49862f4eaf" style="" data-widgetcontainerid="89e01262-5070-4174-ad0d-9c49862f4eaf"> <div data-widget-id="83fd0059-1594-4874-9cd1-a80015ecf59a" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget83fd0059-1594-4874-9cd1-a80015ecf59a" class="widget widgetGraphicLinks skin17 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="/2356/Events" target="_self" class="fancyButton fancyButton285 " > <span> <span><span class="text">Events</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton285.fancyButton:link,.fancyButton285.fancyButton:visited, .fancyButton285div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16306'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton285.fancyButton:hover,.fancyButton285.fancyButton:focus,.fancyButton285.fancyButton:active,.fancyButton285.fancyButton.hover{ background-position: center 0px ; } .fancyButton285.fancyButton:link > span,.fancyButton285.fancyButton:visited > span, .fancyButton285div.fancyButton > span{ } .fancyButton285.fancyButton:hover > span,.fancyButton285.fancyButton:focus > span,.fancyButton285.fancyButton:active > span,.fancyButton285.fancyButton.hover > span{ } .fancyButton285.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-image: url('/ImageRepository/Document?documentID=16311'); background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton285.fancyButton:hover .text,.fancyButton285.fancyButton:focus .text,.fancyButton285.fancyButton:active .text,.fancyButton285.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div><div class="col col1 last"><div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="https://www.cedarcity.org/2358/Leisure-Services" target="_self" class="fancyButton fancyButton286 " > <span> <span><span class="text">Leisure Services</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton286.fancyButton:link,.fancyButton286.fancyButton:visited, .fancyButton286div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16306'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton286.fancyButton:hover,.fancyButton286.fancyButton:focus,.fancyButton286.fancyButton:active,.fancyButton286.fancyButton.hover{ background-position: center 0px ; } .fancyButton286.fancyButton:link > span,.fancyButton286.fancyButton:visited > span, .fancyButton286div.fancyButton > span{ } .fancyButton286.fancyButton:hover > span,.fancyButton286.fancyButton:focus > span,.fancyButton286.fancyButton:active > span,.fancyButton286.fancyButton.hover > span{ } .fancyButton286.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-image: url('/ImageRepository/Document?documentID=16308'); background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton286.fancyButton:hover .text,.fancyButton286.fancyButton:focus .text,.fancyButton286.fancyButton:active .text,.fancyButton286.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </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="cc22096e17-6d9a-4323-bba5-50f3a4d145d9" data-containerid="22096e17-6d9a-4323-bba5-50f3a4d145d9" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> <div class="row outer wide"><div class="outer col col4 first" style="" data-widgetcontainerid="383dfdc3-cbd3-4edd-8176-e5bd260b307d"> <div class="row nest first last wide"> <div class="inner col col4 first last id0e592576-816a-4a31-b80a-0af8e22fc4ce" style="" data-widgetcontainerid="0e592576-816a-4a31-b80a-0af8e22fc4ce"> <div data-widget-id="564c55e8-4a9d-4e7a-b1a1-d9ee79721c03" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv564c55e8-4a9d-4e7a-b1a1-d9ee79721c03" class="widget widgetInfoAdvanced skin15 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="header564c55e8-4a9d-4e7a-b1a1-d9ee79721c03"> <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><img src="/ImageRepository/Document?documentId=16279" class="fr-dib" alt="Cedar City"></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) { $('#divInfoAdv564c55e8-4a9d-4e7a-b1a1-d9ee79721c03 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="57563164-0762-4701-8e77-0640406d36f6"> <div class="row nest first last wide"> <div class="inner col col1 first last id41b8593b-022e-4683-bbf1-d99f1ec65dd5" style="" data-widgetcontainerid="41b8593b-022e-4683-bbf1-d99f1ec65dd5"> <div class="widget widgetSpacer" id="1c3fd5d8-e875-4833-ac41-f411a8d5bc90"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="bc2571d9-c6be-4768-b4c0-550831228249"> <div class="row nest first last wide"> <div class="inner col col4 first last id17c3f0eb-d308-4f9a-b006-91a40ec81a97" style="" data-widgetcontainerid="17c3f0eb-d308-4f9a-b006-91a40ec81a97"> <div data-widget-id="2ea2a724-0b0d-4ec6-9559-5f03507f434b" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv2ea2a724-0b0d-4ec6-9559-5f03507f434b" class="widget widgetInfoAdvanced skin18 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header2ea2a724-0b0d-4ec6-9559-5f03507f434b"> <header class="widgetHeader" id="header2ea2a724-0b0d-4ec6-9559-5f03507f434b"> <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>Cedar City<br>10 N Main Street<br>Cedar City, UT 84720</p><p><a href="/Directory.aspx">Directory</a></p><p>Office Hours 8 am to 5 pm</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) { $('#divInfoAdv2ea2a724-0b0d-4ec6-9559-5f03507f434b .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="ec3917aa-1aff-459b-a768-25455873bedf"> <div class="row nest first last wide"> <div class="inner col col1 first last idc7d10fb0-e939-42f7-8271-01bead9ab3cb" style="" data-widgetcontainerid="c7d10fb0-e939-42f7-8271-01bead9ab3cb"> <div class="widget widgetSpacer" id="193f818d-e747-4215-af17-be9332723aea"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="7e870e02-125e-48fb-8f43-2305a018bc0b"> <div class="row nest first last wide"> <div class="inner col col4 first last idf514d778-1309-4e69-9003-de2b6feefbaa" style="" data-widgetcontainerid="f514d778-1309-4e69-9003-de2b6feefbaa"> <div data-widget-id="639eb05b-0044-4a30-a3bd-c7a404b2a911" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink639eb05b-0044-4a30-a3bd-c7a404b2a911" class="widget widgetQuickLinks skin18 widgetOptionSet13 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader639eb05b-0044-4a30-a3bd-c7a404b2a911"> <header class="widgetHeader" id="quickLinksHeader639eb05b-0044-4a30-a3bd-c7a404b2a911"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=10" >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="http://ironcounty.net/" target="_blank" aria-label="Iron County Government opens in new window">Iron County Government</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.utah.gov/" target="_blank" aria-label="State Government opens in new window">State Government</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.cedarcity.org/726/Intranet" target="_self" >Intranet</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="5dd777a3-6bdb-4d1e-80bd-c97a45a23c59"> <div class="row nest first last wide"> <div class="inner col col1 first last idf9fa5697-6922-4f5f-81ed-c08077ded935" style="" data-widgetcontainerid="f9fa5697-6922-4f5f-81ed-c08077ded935"> <div class="widget widgetSpacer" id="c9fc0d17-ce92-4983-98b3-47d9da0f9089"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="0251d45a-39c5-4a05-80a7-8040ab9d05a5"> <div class="row nest first last wide"> <div class="inner col col4 first last ida9e444fb-6a22-4855-870b-1d63e41eb67b" style="" data-widgetcontainerid="a9e444fb-6a22-4855-870b-1d63e41eb67b"> <div data-widget-id="35f0f5ff-38c0-4a1e-b4f4-5805b441b365" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink35f0f5ff-38c0-4a1e-b4f4-5805b441b365" class="widget widgetQuickLinks skin18 widgetOptionSet13 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader35f0f5ff-38c0-4a1e-b4f4-5805b441b365"> <header class="widgetHeader" id="quickLinksHeader35f0f5ff-38c0-4a1e-b4f4-5805b441b365"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=71" >Site 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="https://cedarcity.org/" target="_self" >© Copyright 2021 All Rights Reserved for Cedar City Corporation</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="1235c527-3919-4b23-a207-6cdf600df0a7"> <div class="row nest first last wide"> <div class="inner col col1 first last ide6242ebb-866d-44eb-856e-78b7a25369df" style="" data-widgetcontainerid="e6242ebb-866d-44eb-856e-78b7a25369df"> <div class="widget widgetSpacer" id="57e6e174-3ab3-49fb-9390-966768c60fba"></div> </div>  </div>  </div><div class="outer col col4 last" style="" data-widgetcontainerid="a97a3187-6ed3-4afa-aca4-2c7b24374f8b"> <div class="row nest first last wide"> <div class="inner col col4 first last id5c4fd0cd-ac5f-46be-a7ff-37947df1939e" style="" data-widgetcontainerid="5c4fd0cd-ac5f-46be-a7ff-37947df1939e"> <div data-widget-id="dfeeb906-0efb-4aa1-8beb-0d484324d443" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetdfeeb906-0efb-4aa1-8beb-0d484324d443" class="widget widgetGraphicLinks skin18 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> <div class="widgetHeader"> <div class=""> <h3 >Social Media</h3> </div> </div> <div class="widgetBody cpGrid cpGrid1 "> <div class="semanticList"><div class="widgetItem GraphicLinks"> <div> <a href="/facebook" target="_self" class="fancyButton fancyButton277 " > <span> <span><span class="text">Facebook</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton277.fancyButton:link,.fancyButton277.fancyButton:visited, .fancyButton277div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16291'); background-repeat: no-repeat; background-position: left top; margin: 0 auto; width: 97px;} .fancyButton277.fancyButton:hover,.fancyButton277.fancyButton:focus,.fancyButton277.fancyButton:active,.fancyButton277.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton277.fancyButton:link > span,.fancyButton277.fancyButton:visited > span, .fancyButton277div.fancyButton > span{ } .fancyButton277.fancyButton:hover > span,.fancyButton277.fancyButton:focus > span,.fancyButton277.fancyButton:active > span,.fancyButton277.fancyButton.hover > span{ } .fancyButton277.fancyButton .text{ color: #ffffff; font-family: "PT Sans"; text-align: left; padding-left: 30px; font-style: normal; text-decoration: none; padding-left: 30px; background-repeat: no-repeat; background-position: left top; line-height: 1.2; } .fancyButton277.fancyButton:hover .text,.fancyButton277.fancyButton:focus .text,.fancyButton277.fancyButton:active .text,.fancyButton277.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="/instagram" target="_self" class="fancyButton fancyButton278 " > <span> <span><span class="text">Instagram</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton278.fancyButton:link,.fancyButton278.fancyButton:visited, .fancyButton278div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16292'); background-repeat: no-repeat; background-position: left top; margin: 0 auto; width: 100px;} .fancyButton278.fancyButton:hover,.fancyButton278.fancyButton:focus,.fancyButton278.fancyButton:active,.fancyButton278.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton278.fancyButton:link > span,.fancyButton278.fancyButton:visited > span, .fancyButton278div.fancyButton > span{ } .fancyButton278.fancyButton:hover > span,.fancyButton278.fancyButton:focus > span,.fancyButton278.fancyButton:active > span,.fancyButton278.fancyButton.hover > span{ } .fancyButton278.fancyButton .text{ color: #ffffff; font-family: "PT Sans"; text-align: left; padding-left: 30px; font-style: normal; text-decoration: none; padding-left: 30px; background-repeat: no-repeat; background-position: left top; line-height: 1.2; } .fancyButton278.fancyButton:hover .text,.fancyButton278.fancyButton:focus .text,.fancyButton278.fancyButton:active .text,.fancyButton278.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="/twitter" target="_self" class="fancyButton fancyButton279 " > <span> <span><span class="text">X</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton279.fancyButton:link,.fancyButton279.fancyButton:visited, .fancyButton279div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16299'); background-repeat: no-repeat; background-position: left top; margin: 0 auto; width: 80px;} .fancyButton279.fancyButton:hover,.fancyButton279.fancyButton:focus,.fancyButton279.fancyButton:active,.fancyButton279.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton279.fancyButton:link > span,.fancyButton279.fancyButton:visited > span, .fancyButton279div.fancyButton > span{ } .fancyButton279.fancyButton:hover > span,.fancyButton279.fancyButton:focus > span,.fancyButton279.fancyButton:active > span,.fancyButton279.fancyButton.hover > span{ } .fancyButton279.fancyButton .text{ color: #ffffff; font-family: "PT Sans"; text-align: left; padding-left: 30px; font-style: normal; text-decoration: none; padding-left: 30px; background-repeat: no-repeat; background-position: left top; line-height: 1.2; } .fancyButton279.fancyButton:hover .text,.fancyButton279.fancyButton:focus .text,.fancyButton279.fancyButton:active .text,.fancyButton279.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="/youtube" target="_self" class="fancyButton fancyButton280 " > <span> <span><span class="text">YouTube</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton280.fancyButton:link,.fancyButton280.fancyButton:visited, .fancyButton280div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16302'); background-repeat: no-repeat; background-position: left top; margin: 0 auto; width: 90px;} .fancyButton280.fancyButton:hover,.fancyButton280.fancyButton:focus,.fancyButton280.fancyButton:active,.fancyButton280.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton280.fancyButton:link > span,.fancyButton280.fancyButton:visited > span, .fancyButton280div.fancyButton > span{ } .fancyButton280.fancyButton:hover > span,.fancyButton280.fancyButton:focus > span,.fancyButton280.fancyButton:active > span,.fancyButton280.fancyButton.hover > span{ } .fancyButton280.fancyButton .text{ color: #ffffff; font-family: "PT Sans"; text-align: left; padding-left: 30px; font-style: normal; text-decoration: none; padding-left: 30px; background-repeat: no-repeat; background-position: left top; line-height: 1.2; } .fancyButton280.fancyButton:hover .text,.fancyButton280.fancyButton:focus .text,.fancyButton280.fancyButton:active .text,.fancyButton280.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </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="cc3d2fb306-5be1-40b6-aac8-f0d8440e08f7" data-containerid="3d2fb306-5be1-40b6-aac8-f0d8440e08f7" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="c2098e45-5045-439b-8f35-5e91197fedd3"> <div class="row nest first last wide"> <div class="inner col col24 first last id8ecef463-0e6e-4a7b-8db1-700b05b0dc64" style="" data-widgetcontainerid="8ecef463-0e6e-4a7b-8db1-700b05b0dc64"> <div data-widget-id='afcfff55-668b-40df-a169-bb6bffbd8943' data-moduleName="customHtml" id='widgetCustomHtmlafcfff55-668b-40df-a169-bb6bffbd8943' class="widget widgetCustomHtml skin18 narrow" > <div class="widgetBody pageStyles" id="widgetBodyafcfff55-668b-40df-a169-bb6bffbd8943"> <div id="customHtmlafcfff55-668b-40df-a169-bb6bffbd8943"><div><style> /* CP icon */ .cpBylineIconTS { color: #fff; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:link { color: #fff; } .cpBylineTS { text-align: center; } .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">CivicPlus®</a></span> </div> </div></div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> </div> </div> </div> <link href="/745732998.css" rel="stylesheet" type="text/css" /> <div tabindex="0"></div> <div id="SplashMessageWrapper" class="cp-Splash-wrapper"> <div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open"> <div class="cp-Splash-header"> <span class="cp-Splash-title" id="cp-Splash-title">Loading</span> <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> <svg id="iconClose" viewBox="0 0 25 25"> <polygon style="fill:currentcolor" points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon> </svg> </button> </div> <div class="cp-Splash-body"> <div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc">  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: '128', targetType: 1 } new SplashModalRender().triggerRender(filter); }); </script> <script src="/1685459834.js" type="text/javascript"></script>  <script type="text/javascript"> var translateActiveCookie = getCookieValue('translateActive'); if (translateActiveCookie == 'true') { enableGoogleTranslate(); } else { var button = '<a class="translateWidget" title="Enable Google Translate" style="background-color: #FFF;border-color: #9b9b9b #d5d5d5 transparent #d5d5d5;border-style: solid;border-width: 1px 1px 0 1px;bottom: 0px;color: #000;cursor: pointer;font-size: .9em;padding: 2px 6px 3px 4px;position: fixed;right: 20px;z-index: 5;">'; button += '<img alt="Google Translate Icon" src="/Assets/Images/GoogleTranslate.gif" style="box-sizing: content-box !important;height:19px;margin: -2px 0 0 -2px;padding-right: 5px;width:19px;">Enable Google Translate</a>'; $('div[data-cprole="structuralContainer"]').last().after(button); } function googleTranslateElementInit() { new google.translate.TranslateElement({pageLanguage: 'en', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element'); } function enableGoogleTranslate() { $('#google_translate_element').show(); var sz = document.createElement('script'); sz.type = 'text/javascript'; sz.async = true; sz.src = '//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(sz, s); $('div[data-cprole="structuralContainer"]').last().after('<div id="google_translate_element" style="position: fixed; bottom: 0px; right: 20px; z-index: 5;"></div>'); document.cookie = "translateActive=true; expires=12/31/2999; path=/"; } $('a.translateWidget').unbind('click').click(function (e) { $(this).hide(); enableGoogleTranslate(); }); </script>   <script>(function(w,d,s,l,i){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','dataLayer','GTM-WX8GNP5');</script>    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-WX8GNP5" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <script type="text/javascript"> window._monsido = window._monsido || { token: "N8ic9pczQrwj7C_ssQBpHg", statistics: { enabled: true, documentTracking: { enabled: true, documentCls: "monsido_download", documentIgnoreCls: "monsido_ignore_download", documentExt: [], }, }, heatmap: { enabled: true, }, pageCorrect: { enabled: true, }, pageAssistV2: { enabled: true, theme: "light", mainColor: "#783CE2", textColor: "#ffffff", linkColor: "#783CE2", buttonHoverColor: "#783CE2", mainDarkColor: "#052942", textDarkColor: "#ffffff", linkColorDark: "#FFCF4B", buttonHoverDarkColor: "#FFCF4B", greeting: "Discover your personalization options", direction: "leftbottom", coordinates: "undefined undefined undefined undefined", iconShape: "circle", title: "Personalization Options", titleText: "Welcome to PageAssist™ toolbar! Adjust the options below to cater the website to your accessibility needs.", iconPictureUrl: "logo", logoPictureUrl: "", logoPictureBase64: "", languages: [""], defaultLanguage: "", skipTo: false, alwaysOnTop: false, }, }; </script> <script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></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); } } } 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 forceUnfixClassTS = "forceUnfixTS"; const fixedTopTS = $(".fixedTopTS"); const fixedBottomTS = $(".fixedBottomTS"); const fixedLeftTS = $(".fixedLeftTS"); 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; fixedLeftTS.css('top', anchorHeight); 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', ''); }); } })(); } 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 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=Lora:700,700italic,italic,regular|Oxygen:700,regular|PT+Sans:700,700italic,italic,regular|Roboto:500,700,regular|');</script> <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> <div style="display: none;"> <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> <title>Slideshow Left Arrow</title> <g> <path style="fill:currentcolor;" d="M20,40a2.67,2.67,0,0,1-1.9-.79L.79,21.9a2.68,2.68,0,0,1,0-3.79L18.1.79a2.68,2.68,0,1,1,3.79,3.79L6.47,20,21.89,35.42A2.68,2.68,0,0,1,20,40Z"></path> </g> </symbol> <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> <title>Slideshow Right Arrow</title> <g> <path style="fill:currentcolor;" d="M2.68,0a2.67,2.67,0,0,1,1.9.79L21.89,18.1a2.68,2.68,0,0,1,0,3.79L4.58,39.21A2.68,2.68,0,0,1,.79,35.42L16.21,20,.79,4.58A2.68,2.68,0,0,1,2.68,0Z"></path> </g> </symbol> </svg> </div> <div id="root-picker-outlet"></div> </body> </html>