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="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>Cedar City, UT - Official Website | Official Website</title> <meta name="description" content="In Cedar City, you will discover a unique community complete with world-renowned theatricals, astounding beauty, and unbelievable outdoor recreation. "> <meta name="keywords" content="Cedar City,Utah,Iron County,Festival City,"> <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="/-1751921812.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="#ccee265c3c-15f0-4318-a4ba-932dd4272290" 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="8" /> <input type="hidden" id="hdnContentCollectionID" value="9ea5b7e4-c39c-4bda-8802-f44b52f7bbcd" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="15" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="1" /> <div id="stickyPlaceholder"></div> <div id="outer-wrap" class="outer-wrap"> <div id="inner-wrap" class="inner-wrap"> <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> </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"> <span id="bannerLogoTS-38" style=" display: block; text-align: center; "><img alt="" class="bannerObject" height="1415" src="/ImageRepository/Document?documentID=17243" width="1351" /></span> </div><div data-cpRole="contentContainer" id="socialTS"> <div id="cc5c8b2eec-03e8-4561-a083-ca83a58437bd" data-containerid="5c8b2eec-03e8-4561-a083-ca83a58437bd" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="0ab8924b-7a1e-4b23-bb5e-578dce798f60"> <div class="row nest first last wide"> <div class="inner col col24 first last id270d8cf6-e3f1-4677-abd3-630b8c2a4ef8" style="" data-widgetcontainerid="270d8cf6-e3f1-4677-abd3-630b8c2a4ef8"> <div data-widget-id="3e7896e4-72bd-4067-8e8c-71dd16abef74" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget3e7896e4-72bd-4067-8e8c-71dd16abef74" 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=15&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="cc2ab5ae19-d114-4b87-8317-17b5c9ab7989" data-containerid="2ab5ae19-d114-4b87-8317-17b5c9ab7989" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="892f5c80-b25f-418a-abe1-bf7790913f93"> <div class="row nest first last wide"> <div class="inner col col24 first last idecda7920-7878-454a-9ef2-730fc48162f9" style="" data-widgetcontainerid="ecda7920-7878-454a-9ef2-730fc48162f9"> <div data-widget-id="c2494d92-a458-4cfc-8bb5-88f973060fac" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvc2494d92-a458-4cfc-8bb5-88f973060fac" 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="headerc2494d92-a458-4cfc-8bb5-88f973060fac"> <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=16318" class="fr-dib" alt="Welcome to 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) { $('#divInfoAdvc2494d92-a458-4cfc-8bb5-88f973060fac .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="4110dd92-ab1b-40fa-811e-c106bdb782cb"> <div class="row nest first last wide"> <div class="inner col col24 first last id17914ac8-dcaf-438e-ae2e-cbefdf85bb20" style="" data-widgetcontainerid="17914ac8-dcaf-438e-ae2e-cbefdf85bb20"> <div data-widget-id="d17c62e7-7e5f-4e7e-88a8-d70b12e5175e" 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.widgetSearchButtond17c62e7-7e5f-4e7e-88a8-d70b12e5175e").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDeptd17c62e7-7e5f-4e7e-88a8-d70b12e5175e").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchFieldd17c62e7-7e5f-4e7e-88a8-d70b12e5175e").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDeptd17c62e7-7e5f-4e7e-88a8-d70b12e5175e").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDeptd17c62e7-7e5f-4e7e-88a8-d70b12e5175e").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchFieldd17c62e7-7e5f-4e7e-88a8-d70b12e5175e").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDeptd17c62e7-7e5f-4e7e-88a8-d70b12e5175e").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 ($("#searchFieldd17c62e7-7e5f-4e7e-88a8-d70b12e5175e").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchFieldd17c62e7-7e5f-4e7e-88a8-d70b12e5175e")); } } }); }, 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 widgetSearchBoxd17c62e7-7e5f-4e7e-88a8-d70b12e5175e" cp5ph="true" id="searchFieldd17c62e7-7e5f-4e7e-88a8-d70b12e5175e" 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 widgetSearchButtond17c62e7-7e5f-4e7e-88a8-d70b12e5175e" 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="searchFieldd17c62e7-7e5f-4e7e-88a8-d70b12e5175e">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 .widgetSearchBoxd17c62e7-7e5f-4e7e-88a8-d70b12e5175e { 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 .widgetSearchButtond17c62e7-7e5f-4e7e-88a8-d70b12e5175e { margin: 12px 12px 0 0; } .widgetSearch .widgetSearch-onlyDeptd17c62e7-7e5f-4e7e-88a8-d70b12e5175e { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDeptd17c62e7-7e5f-4e7e-88a8-d70b12e5175e { 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("searchFieldd17c62e7-7e5f-4e7e-88a8-d70b12e5175e").value; } </script> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> <div id="bannerImagesJSON39" 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":39,"ThemeID":15,"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":326,"BannerOptionID":39,"FileName":"/ImageRepository/Document?documentID=16312","Height":750,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Home/Images/', 'Rotating'); }); }); </script> </div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc2f8351c8-cd2d-4c14-aef0-b1b445993fcf" data-containerid="2f8351c8-cd2d-4c14-aef0-b1b445993fcf" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="30"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="599ddbff-841a-4266-9221-5288bf1a88b2"> <div class="row nest first last wide"> <div class="inner col col8 first last ida2b9a0c8-b7ff-481d-bf40-7bf759b886d2" style="" data-widgetcontainerid="a2b9a0c8-b7ff-481d-bf40-7bf759b886d2"> <div data-widget-id="03b5af0a-c836-498c-a118-02d51e3d11e8" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget03b5af0a-c836-498c-a118-02d51e3d11e8" 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="bcbddcd5-4ee8-4439-a44f-a2c5c587fbe4"> <div class="row nest first last wide"> <div class="inner col col8 first last ida2c092f5-be4b-4d91-bd65-1dca0a4d89ae" style="" data-widgetcontainerid="a2c092f5-be4b-4d91-bd65-1dca0a4d89ae"> <div data-widget-id="7989116e-0ae0-4e89-be27-c162e2c30f6f" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget7989116e-0ae0-4e89-be27-c162e2c30f6f" 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="1b4fbf8e-92a6-4931-b11a-3f0da1216bc2"> <div class="row nest first last wide"> <div class="inner col col8 first last id21c6fd96-3aa5-4ba6-9d03-d8af67260a0e" style="" data-widgetcontainerid="21c6fd96-3aa5-4ba6-9d03-d8af67260a0e"> <div data-widget-id="c246cac2-b287-454d-b1f4-b0cfb521e059" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetc246cac2-b287-454d-b1f4-b0cfb521e059" 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><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"><script type='text/javascript'>$('#breadCrumbs').hide();</script></div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="1" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="19234" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" /> <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"> Home </h1> <div id="ccee265c3c-15f0-4318-a4ba-932dd4272290" data-containerid="ee265c3c-15f0-4318-a4ba-932dd4272290" class="pageContent cpGrid cpGrid24" > <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="744d9c1f-1c48-4bb5-8936-2ba65499993e"> <div class="row nest first last wide"> <div class="inner col col24 first last id50217c25-bbdd-4d9f-a719-1a934ee395bc" style="" data-widgetcontainerid="50217c25-bbdd-4d9f-a719-1a934ee395bc"> <div data-widget-id='cbe81de2-f267-46fd-a114-75d4d5c5910c' data-moduleName="customHtml" id='widgetCustomHtmlcbe81de2-f267-46fd-a114-75d4d5c5910c' class="widget widgetCustomHtml skin15 narrow" > <div class="widgetBody pageStyles" id="widgetBodycbe81de2-f267-46fd-a114-75d4d5c5910c"> <div id="customHtmlcbe81de2-f267-46fd-a114-75d4d5c5910c"><div><div id="tourbookwrap"></div><script src="//www.elocallink.tv/mlink/mlink2/php/mlink2.php?id=w1a6a1x41"></script></div></div> </div> </div> </div>  </div>  </div></div>  </div> </div> <div class="newCP"> </div> </div> </div> </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer1TS"><div class="inner"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent1TS"> <div id="cc92d45dbf-8069-4cec-a232-a1b16f305614" data-containerid="92d45dbf-8069-4cec-a232-a1b16f305614" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="4d2254b3-e67f-4ded-9736-3e8afdb586d6"> <div class="row nest first last wide"> <div class="inner col col24 first last id587e31d1-928a-4649-95c0-cbc7e2820e01" style="" data-widgetcontainerid="587e31d1-928a-4649-95c0-cbc7e2820e01"> <div data-widget-id="32f2c336-0206-4759-b810-787595483d87" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv32f2c336-0206-4759-b810-787595483d87" class="widget widgetInfoAdvanced skin21 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="header32f2c336-0206-4759-b810-787595483d87"> <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"> <h1 class="headline">Common Services</h1><p>QUICKLY FIND WHAT YOU ARE LOOKING FOR</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) { $('#divInfoAdv32f2c336-0206-4759-b810-787595483d87 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  </div> </div></div></div> </div><div data-cpRole="structuralContainer" id="homeContainer2TS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent2TS"> <div id="cc2a95f758-772e-46a0-8aa4-bd5e9e342940" data-containerid="2a95f758-772e-46a0-8aa4-bd5e9e342940" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="16db6ab1-aa83-4894-a71f-6acdc557966c"> <div class="row nest first last wide"> <div class="inner col col24 first last id222e5da9-a131-49e3-8b07-74ca059afd07" style="" data-widgetcontainerid="222e5da9-a131-49e3-8b07-74ca059afd07"> <div data-widget-id="e381942f-0cca-43e3-92de-13c5c489bc02" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinke381942f-0cca-43e3-92de-13c5c489bc02" class="widget widgetQuickLinks skin22 widgetOptionSet13 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:40em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links"> <header class="widgetHeader" id="quickLinksHeadere381942f-0cca-43e3-92de-13c5c489bc02"> <div class=""> </div> </header> <div class="widgetBody cpGrid cpGrid3 "> <div class="row narrow"> <div class="col col1 first "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.cedarcity.org/index.asp?nid=76" target="_self" >Airport</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/913/Boards-Committees-and-Commissions" target="_self" >Boards, Committees, and Commissions</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/index.asp?NID=65" target="_self" >Cedar Ridge Golf Course</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 "> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://visitcedarcity.com/" target="_self" >Tourism Bureau</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.heritagectr.org/" target="_blank" aria-label="Heritage Theater / Festival Hall opens in new window">Heritage Theater / Festival Hall</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.youseemore.com/cedarcity/default.asp" target="_self" >Library</a> <div class="widgetMeta"></div> </li> </ol> </div> <div class="col col1 last"> <ol class="semanticList"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.cedarcityut.gov/police" target="_self" >Police Department</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="https://www.cedarcity.org/directory.aspx" target="_self" >Staff Directory</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="/2445/Utilities" target="_self" >Utilities</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>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer3TS"><div class="inner"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent3TS"> <div id="ccaaeb01ce-9ebe-4d58-9f0d-a81ec5dccc35" data-containerid="aaeb01ce-9ebe-4d58-9f0d-a81ec5dccc35" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="c8120c38-1fef-438a-97ab-c7645459f4a9"> <div class="row nest first last wide"> <div class="inner col col24 first last iddb2971fb-5417-4b34-8663-d8342d646327" style="" data-widgetcontainerid="db2971fb-5417-4b34-8663-d8342d646327"> <div data-widget-id="5f362db2-e519-4a31-8ae6-43856dbd7200" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv5f362db2-e519-4a31-8ae6-43856dbd7200" class="widget widgetInfoAdvanced skin21 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="header5f362db2-e519-4a31-8ae6-43856dbd7200"> <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"> <h1 class="headline" style="text-align: right;">Upcoming Events</h1><p style="text-align: right;">See What’s Happening In The 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) { $('#divInfoAdv5f362db2-e519-4a31-8ae6-43856dbd7200 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  </div> </div></div></div> </div><div data-cpRole="structuralContainer" id="homeContainer4TS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent4TS"> <div id="cc3cb99bca-fcf3-47f3-858d-951b66bf58e8" data-containerid="3cb99bca-fcf3-47f3-858d-951b66bf58e8" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="222c8d55-4876-4475-adaf-239574355d76"> <div class="row nest first last wide"> <div class="inner col col8 first last id7c06f41d-4bfc-4ee8-9dc2-e97a49ecb54c" style="" data-widgetcontainerid="7c06f41d-4bfc-4ee8-9dc2-e97a49ecb54c"> <div class="widget slideShow skin24" role="region" aria-label="Slideshow" id="slideshow8677e61c-b80f-4973-8ef7-709d8da4afcd" aria-haspopup="false" data-widgetID="8677e61c-b80f-4973-8ef7-709d8da4afcd"> <input type="hidden" class="slideTiming" value="5"/> <input type="hidden" class="transitionTiming" value="1"/> <input type="hidden" class="hdnSlideshowUniqueID" value="2272" /> <div id="divSlideshow2272" class="cpSlideshow widgetBody cpSlideshowJS2272 narrow"> <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" /> <script src="/-358974846.js" type="text/javascript"></script> <div class="cpWindow cpWindowJS2272 "> <ol class="semanticList cpSlider fade cpSliderJS2272"> <li class="hidden" id="2272_12788" data-index="0" aria-hidden="true"> <a href="https://bit.ly/subscribe2cedar" target="_blank"> <img src="/ImageRepository/Document?documentID=16616" class="" alt="Scenic image with text overlay saying subscribe to our newsletter" title="Scenic image with text overlay saying subscribe to our newsletter" data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2272" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">Subscribe to our e-newsletter!</h4> <p class="widgetDesc widgetItem">Click here to join our email list with monthly news sent straight to your inbox!</p> </div> </div> </a> </li> <li class="hidden" id="2272_12787" data-index="1" aria-hidden="true"> <a href="https://cedarcity.org/jobs" target="_blank"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16658" class="" alt="We have multiple employment opportunities open! Click to learn more." title="We have multiple employment opportunities open! Click to learn more." data-delayed-image="" style="height: 1px" /> <div name="captionOverlay_2272" class="overlay inset bottom itemCaption"> <div class="overlayInner"> <h4 class="widgetTitle">NOW HIRING: Join our team!</h4> <p class="widgetDesc widgetItem">We have multiple employment opportunities open! Click to learn more.</p> </div> </div> </a> </li> </ol> <div class="contentSlideshowControls"> <button class="arrowNew next nextJS2272 alwaysDisplayArrowNew " aria-label="Next Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use> </svg> </button> <button class="arrowNew prev prevJS2272 alwaysDisplayArrowNew " aria-label="Previous Slide" style="" role="button" onclick="return false;"> <svg style="color:#fff; background:#000;" class="arrowNextPrevBackground arrowNextPrevBackgroundColor"> <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use> </svg> </button> </div> </div> <div aria-live="polite" aria-atomic="true" class="liveRegionJS2272 visuallyhidden"></div> <script type="text/javascript"> //  </script> </div> <script type="text/javascript"> (function () { const widgetHandlers = function (e) { $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div> <script type="text/javascript"> function SlideshowWidgetCallback(widgetID, response) { if (window.ContentCollectionInstance.IsWorkingCopy) { //Remove this field since the partial view adds it back. $('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove(); if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0) $('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response); else $('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response); contentUpdated(); } else { ContentCollectionInstance.reloadContent(); } $('.slideshowOptions.nonEmpty').unbind('click').click(function (e) { var $this = $(this); // If the parent is a slider we need to tweak our "this" reference to refer to the options handle. // This came about, because we needed to use slider images to trigger options. - JE if ($this.parent().hasClass('cpSlider')) { $this = $this.closest('.widget.slideShow').siblings('.handle.options'); } //Set values for global variables for slideshow. if ($this.attr('data-widgetID').length !== 0) { parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID'); } callbackfnSlideshowSave = null; var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; //Set slideshow widgetID ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val(); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs }); }); $('.slideshowOptions.empty').unbind('click').click(function (e) { var $this = $(this); parentID_Slideshow = $this.parents('.slideShow').attr('id'); var pageID = ContentCollectionInstance.PageID; var moduleID = ContentCollectionInstance.ModuleID; var qs = '?pageID=' + pageID + '&moduleID=' + moduleID; ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID'); $popUp_Slideshow = openCpModal({ title: 'Slideshow', className: 'newCP adminWrap cpPopOver admin modalSlideshow', isFrontEnd: false, useIframe: false, draggable: true, url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs }); }); } (function (){ const widgetHandlers = function () { var hasEditRights = false; if (window.File && window.FileList && window.FileReader && hasEditRights) { var SlideshowWidget = 3; makeWidgetAreaDroppable('8677e61c-b80f-4973-8ef7-709d8da4afcd', $('#slideshow' + '8677e61c-b80f-4973-8ef7-709d8da4afcd'), SlideshowWidget, true, SlideshowWidgetCallback); } if(hasEditRights) browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '8677e61c-b80f-4973-8ef7-709d8da4afcd'), 'Click to start adding images.'); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="0bb82036-5d5d-4ae1-9a1e-f7bd9f9aa210"> <div class="row nest first last wide"> <div class="inner col col1 first last idbd4afbd6-b577-48ca-8bf9-4bc2427a2fde" style="" data-widgetcontainerid="bd4afbd6-b577-48ca-8bf9-4bc2427a2fde"> <div class="widget widgetSpacer" id="a56eeecf-37c3-485c-846b-90ed2d70f983"></div> </div>  </div>  </div><div class="outer col col15 last" style="" data-widgetcontainerid="81978842-1464-43f4-a42a-570ac1d668fc"> <div class="row nest first last wide"> <div class="inner col col15 first last idd98a3894-71e2-4b5c-b6c0-5c8c6771e7ab" style="" data-widgetcontainerid="d98a3894-71e2-4b5c-b6c0-5c8c6771e7ab"> <div data-widget-id="a1ec5d9c-c389-4abb-973c-f09447447e9a" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <div id="widgetCalendara1ec5d9c-c389-4abb-973c-f09447447e9a" class="widget widgetCalendar skin23 widgetOptionSet34 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetHeader "> <div class=""> <h3 id="calendarHeadera1ec5d9c-c389-4abb-973c-f09447447e9a"><a style="" href="/calendar.aspx?CID=35,19,57,50,41,47,40,33,28" >Events & Meetings Schedule</a></h3> </div> </div> <div class="widgetBody cpGrid cpGrid2 "> <div class="calendarInnerWrapper"> <div class="row narrow" style=""> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="["2025-03-18","2025-03-19","2025-03-22","2025-03-26"]" name="day-list" /> <div class="col col1"> <ol class="semanticList"> <li> <h4 class="widgetTitle">Tue, Mar 18</h4> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="4061" > <div style="" class="widgetDesc"> <strong><a href="https://www.youtube.com/@cedarcityutah-citycouncil9928/streams" target="_blank">Planning Commission Meeting</a></strong> </div> <a href="https://www.youtube.com/@cedarcityutah-citycouncil9928/streams" class="readOn" style="display:block;" target="_blank"><span class="visuallyHidden">Planning Commission Meeting</span><span aria-hidden="true">Read On</span></a> </li> </ol> </li> <li> <h4 class="widgetTitle">Wed, Mar 19</h4> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="4008" > <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=4008" target="_self">City Council Meeting</a></strong> </div> <a href="/Calendar.aspx?EID=4008" class="readOn" style="display:block;" target="_self"><span class="visuallyHidden">City Council Meeting</span><span aria-hidden="true">Read On</span></a> </li> </ol> </li> </ol> </div> <div class="col col1"> <ol class="semanticList"> <li> <h4 class="widgetTitle">Sat, Mar 22</h4> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="3935" > <div style="" class="widgetDesc"> <strong><a href="https://www.parkrun.us/coalcreektrail/" target="_blank">Weekly parkrun at Coal Creek Trail</a></strong> </div> <a href="https://www.parkrun.us/coalcreektrail/" class="readOn" style="display:block;" target="_blank"><span class="visuallyHidden">Weekly parkrun at Coal Creek Trail</span><span aria-hidden="true">Read On</span></a> </li> </ol> </li> <li> <h4 class="widgetTitle">Wed, Mar 26</h4> <ol class="semanticList"> <li class="widgetItem " data-event-i-d="4009" > <div style="" class="widgetDesc"> <strong><a href="/Calendar.aspx?EID=4009" target="_self">City Council Meeting</a></strong> </div> <a href="/Calendar.aspx?EID=4009" class="readOn" style="display:block;" target="_self"><span class="visuallyHidden">City Council Meeting</span><span aria-hidden="true">Read On</span></a> </li> </ol> </li> </ol> </div> </div> </div> <a id="calendarViewAlla1ec5d9c-c389-4abb-973c-f09447447e9a" class="widgetViewAll" style="" href="/calendar.aspx?CID=35,19,57,50,41,47,40,33,28" aria-labelledby="calendarHeadera1ec5d9c-c389-4abb-973c-f09447447e9a calendarViewAlla1ec5d9c-c389-4abb-973c-f09447447e9a">View Full Calendar</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/Calendar.aspx</div> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><div data-cpRole="structuralContainer" id="homeContainer5TS"><div class="inner"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent5TS"> <div id="cce5ed5fb3-d61a-493f-87d1-dba74be0288a" data-containerid="e5ed5fb3-d61a-493f-87d1-dba74be0288a" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="d21f6a8a-7c6d-464c-9065-d748ec1be6ac"> <div class="row nest first last wide"> <div class="inner col col24 first last id6f18a312-b285-41c2-8a8f-965ae473051f" style="" data-widgetcontainerid="6f18a312-b285-41c2-8a8f-965ae473051f"> <div data-widget-id="f17cbf0b-ec46-422b-ac43-9da6959ff032" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvf17cbf0b-ec46-422b-ac43-9da6959ff032" class="widget widgetInfoAdvanced skin21 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="headerf17cbf0b-ec46-422b-ac43-9da6959ff032"> <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"> <h1 class="headline">News & Trending Topics</h1><p>Latest News & Highlights</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) { $('#divInfoAdvf17cbf0b-ec46-422b-ac43-9da6959ff032 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div></div>  </div> </div></div></div> </div><div data-cpRole="structuralContainer" id="homeContainer6TS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="homeContent6TS"> <div id="cc55976e70-a4f2-4c31-ba90-fe1b26ab48cf" data-containerid="55976e70-a4f2-4c31-ba90-fe1b26ab48cf" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="3efca8a3-6b57-434d-836f-1cf740ae8b51"> <div class="row nest first last wide"> <div class="inner col col24 first last id87b681fa-2d30-424b-b0d1-79a4e51db306" style="" data-widgetcontainerid="87b681fa-2d30-424b-b0d1-79a4e51db306"> <div data-widget-id="d201ed3e-8924-46ce-837d-2baafa530bb1" data-widget-controller-path="/NewsFlash/Widget"> <script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script> <script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script> <section class="widget widgetNewsFlash skin25 widgetOptionSet33 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlashd201ed3e-8924-46ce-837d-2baafa530bb1" data-elementqueryclasses='{"wide-narrow":"min-width:60em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash"> <div class="widgetBody cpGrid cpGrid1 "> <div class="cpCarousel cpCarouseld201ed3e-8924-46ce-837d-2baafa530bb1"> <div class="cpWindow cpWindowd201ed3e-8924-46ce-837d-2baafa530bb1"> <ol class="semanticList cpSlider"> <li class="widgetItem" data-index="0"> <a href="/CivicAlerts.aspx?AID=710" target="_self"><img class="media" src="/ImageRepository/Document?documentID=15748" alt="Public Hearing Notice (1)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader710" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=710" target="_self">PUBLIC HEARINGS & NOTICES </a> </h4> <div class="widgetDesc"> View upcoming public hearings and notices. <a id="newsFlashReadOn710" href="/CivicAlerts.aspx?AID=710" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader710 newsFlashReadOn710">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="1"> <a href="/CivicAlerts.aspx?AID=709" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=17248" alt="Spring Clean-Up Schedule 2025" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader709" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=709" target="_self">SPRING CLEAN UP SCHEDULE </a> </h4> <div class="widgetDesc"> Learn more about our annual service to help clear your property of excess debris. <a id="newsFlashReadOn709" href="/CivicAlerts.aspx?AID=709" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader709 newsFlashReadOn709">Read on...</a> </div> </div> </li> <li class="widgetItem" data-index="2"> <a href="https://www.youtube.com/@cedarcityutah-citycouncil9928/streams" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16575" alt="Website thumbnails (10)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader577" class="widgetTitle"> <a href="https://www.youtube.com/@cedarcityutah-citycouncil9928/streams" target="_blank">WATCH CITY COUNCIL ON YOUTUBE </a> </h4> <div class="widgetDesc"> View Cedar City Council meetings live online via our YouTube channel every Wednesday at 5:30 pm (except the 5th Wednesday). <a href="https://www.youtube.com/@cedarcityutah-citycouncil9928/streams" target="_blank" rel="noopener" class="readOn">Watch Now</a> </div> </div> </li> <li class="widgetItem" data-index="3"> <a href="/CivicAlerts.aspx?AID=647" target="_self"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=16025" alt="Connect with Us (1)" data-delayed-image="" /></a> <div class="text"> <h4 id="newsFlashItemHeader647" class="widgetTitle"> <a href="/CivicAlerts.aspx?AID=647" target="_self">CONNECT WITH US! </a> </h4> <div class="widgetDesc"> Stay connected on all things happening in Cedar City! <a id="newsFlashReadOn647" href="/CivicAlerts.aspx?AID=647" target="_self" class="readOn" aria-labelledby="newsFlashItemHeader647 newsFlashReadOn647">Read on...</a> </div> </div> </li> </ol> </div> </div> <script type="text/javascript"> //  </script> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/CivicAlerts.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="c21c9486-ffb0-44c9-860d-ce6f3a8e0dd7"> <div class="row nest first last wide"> <div class="inner col col24 first last idbb850edb-b888-471b-9196-852dcbb795db" style="" data-widgetcontainerid="bb850edb-b888-471b-9196-852dcbb795db"> <div class="widget widgetSpacer" id="ea0fbd91-8ede-4a50-b871-0bbeceb3c9f1"></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="577f0413-e12d-4893-b88e-9ac12116d9b9"> <div class="row nest first last wide"> <div class="inner col col24 first last id0de6a31d-da28-4edd-98bd-3c96dd748a2c" style="" data-widgetcontainerid="0de6a31d-da28-4edd-98bd-3c96dd748a2c"> <div class="widget widgetSpacer" id="38db36e9-4643-4005-8a37-c7410678cd7d"></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="183189ff-6346-4d76-ad41-c037bcadff8a"> <div class="row nest first wide"> <div class="inner col col24 first last ida868730c-7cb6-4ce7-8550-b2bae6e81b81" style="" data-widgetcontainerid="a868730c-7cb6-4ce7-8550-b2bae6e81b81"> <div data-widget-id="c190800a-9129-4f71-968e-6179f0b6cf03" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdvc190800a-9129-4f71-968e-6179f0b6cf03" class="widget widgetInfoAdvanced skin21 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="headerc190800a-9129-4f71-968e-6179f0b6cf03"> <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"> <h1 class="headline" style="text-align: right;">Follow us on Social Media</h1><p style="text-align: right;">For recent announcements & updates</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) { $('#divInfoAdvc190800a-9129-4f71-968e-6179f0b6cf03 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last idb14350d3-3fef-4c0e-bcf9-53f214520f8d" style="" data-widgetcontainerid="b14350d3-3fef-4c0e-bcf9-53f214520f8d"> <div class="widget widgetSpacer" id="5525ba8e-3e44-4ac6-b157-8f54b488e6fa"></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="a64981c3-67d1-4650-8999-334ef9ecae5a"> <div class="row nest first last wide"> <div class="inner col col24 first last idb5b6b5ac-a6f8-4474-aa40-7e5c477d1d41" style="" data-widgetcontainerid="b5b6b5ac-a6f8-4474-aa40-7e5c477d1d41"> <div class="widget widgetSpacer" id="4fd58eed-6d56-4928-8d62-dd4e78e77cbc"></div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="135b15a0-d91f-4986-875b-0c6e358be90c"> <div class="row nest first last wide"> <div class="inner col col8 first last id30791ad3-1281-42b8-a3cd-72cabdc2033f" style="" data-widgetcontainerid="30791ad3-1281-42b8-a3cd-72cabdc2033f"> <div data-widget-id='f8d82641-fa71-4dac-aa20-7930530c4000' data-moduleName="customHtml" id='widgetCustomHtmlf8d82641-fa71-4dac-aa20-7930530c4000' class="widget widgetCustomHtml skin15 narrow" > <div class="widgetBody pageStyles" id="widgetBodyf8d82641-fa71-4dac-aa20-7930530c4000"> <div id="customHtmlf8d82641-fa71-4dac-aa20-7930530c4000"><div><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fcedarcitycorp&tabs=timeline&width=600&height=600&small_header=true&adapt_container_width=true&hide_cover=false&show_facepile=false&appId" width="500" height="500" style="border:none;overflow:hidden" scrolling="no" frameborder="0" allowfullscreen="true" allow="autoplay; clipboard-write; encrypted-media; picture-in-picture; web-share"></iframe></div></div> </div> </div> </div>  </div>  </div><div class="outer col col8" style="" data-widgetcontainerid="7ac89582-5203-4a25-9081-17fa65852b1b"> <div class="row nest first last wide"> <div class="inner col col8 first last id42f4c6fb-5e42-495b-9c06-eed52f258e3a" style="" data-widgetcontainerid="42f4c6fb-5e42-495b-9c06-eed52f258e3a"> <div data-widget-id='faa85151-9257-4968-bad2-e6b0a0f977bb' data-moduleName="customHtml" id='widgetCustomHtmlfaa85151-9257-4968-bad2-e6b0a0f977bb' class="widget widgetCustomHtml skin15 narrow" > <div class="widgetBody pageStyles" id="widgetBodyfaa85151-9257-4968-bad2-e6b0a0f977bb"> <div id="customHtmlfaa85151-9257-4968-bad2-e6b0a0f977bb"><div><a class="twitter-timeline" data-width="600" data-height="500" href="https://twitter.com/CedarCityUtah?ref_src=twsrc%5Etfw">Tweets by CedarCityUtah</a><script async="" src="https://platform.twitter.com/widgets.js" charset="utf-8"></script></div></div> </div> </div> </div>  </div>  </div><div class="outer col col8 last" style="" data-widgetcontainerid="adea9c7c-69fd-4682-8248-7dfeaf6c0766"> <div class="row nest first last wide"> <div class="inner col col8 first last idd9c54f5d-c401-4947-bc2e-32fe5dd5aa69" style="" data-widgetcontainerid="d9c54f5d-c401-4947-bc2e-32fe5dd5aa69"> <div data-widget-id='59590ac2-c3c6-4ef0-8bd9-062ff4712bb0' data-moduleName="customHtml" id='widgetCustomHtml59590ac2-c3c6-4ef0-8bd9-062ff4712bb0' class="widget widgetCustomHtml skin15 narrow" > <div class="widgetBody pageStyles" id="widgetBody59590ac2-c3c6-4ef0-8bd9-062ff4712bb0"> <div id="customHtml59590ac2-c3c6-4ef0-8bd9-062ff4712bb0"><div><blockquote class="instagram-media" data-instgrm-permalink="https://www.instagram.com/officialcedarcity/?utm_source=ig_embed&utm_campaign=loading" data-instgrm-version="14" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; width:-webkit-calc(100% - 2px); width:calc(100% - 2px);"><div style="padding:16px;"> <a href="https://www.instagram.com/officialcedarcity/?utm_source=ig_embed&utm_campaign=loading" style=" background:#FFFFFF; line-height:0; padding:0 0; text-align:center; text-decoration:none; width:100%;" target="_blank"> <div style=" display: flex; flex-direction: row; align-items: center;"> <div style="background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 40px; margin-right: 14px; width: 40px;"></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 100px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 60px;"></div></div></div><div style="padding: 19% 0;"></div> <div style="display:block; height:50px; margin:0 auto 12px; width:50px;"><svg width="50px" height="50px" viewbox="0 0 60 60" version="1.1" xmlns="https://www.w3.org/2000/svg" xmlns:xlink="https://www.w3.org/1999/xlink"><g stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"><g transform="translate(-511.000000, -20.000000)" fill="#000000"><g><path d="M556.869,30.41 C554.814,30.41 553.148,32.076 553.148,34.131 C553.148,36.186 554.814,37.852 556.869,37.852 C558.924,37.852 560.59,36.186 560.59,34.131 C560.59,32.076 558.924,30.41 556.869,30.41 M541,60.657 C535.114,60.657 530.342,55.887 530.342,50 C530.342,44.114 535.114,39.342 541,39.342 C546.887,39.342 551.658,44.114 551.658,50 C551.658,55.887 546.887,60.657 541,60.657 M541,33.886 C532.1,33.886 524.886,41.1 524.886,50 C524.886,58.899 532.1,66.113 541,66.113 C549.9,66.113 557.115,58.899 557.115,50 C557.115,41.1 549.9,33.886 541,33.886 M565.378,62.101 C565.244,65.022 564.756,66.606 564.346,67.663 C563.803,69.06 563.154,70.057 562.106,71.106 C561.058,72.155 560.06,72.803 558.662,73.347 C557.607,73.757 556.021,74.244 553.102,74.378 C549.944,74.521 548.997,74.552 541,74.552 C533.003,74.552 532.056,74.521 528.898,74.378 C525.979,74.244 524.393,73.757 523.338,73.347 C521.94,72.803 520.942,72.155 519.894,71.106 C518.846,70.057 518.197,69.06 517.654,67.663 C517.244,66.606 516.755,65.022 516.623,62.101 C516.479,58.943 516.448,57.996 516.448,50 C516.448,42.003 516.479,41.056 516.623,37.899 C516.755,34.978 517.244,33.391 517.654,32.338 C518.197,30.938 518.846,29.942 519.894,28.894 C520.942,27.846 521.94,27.196 523.338,26.654 C524.393,26.244 525.979,25.756 528.898,25.623 C532.057,25.479 533.004,25.448 541,25.448 C548.997,25.448 549.943,25.479 553.102,25.623 C556.021,25.756 557.607,26.244 558.662,26.654 C560.06,27.196 561.058,27.846 562.106,28.894 C563.154,29.942 563.803,30.938 564.346,32.338 C564.756,33.391 565.244,34.978 565.378,37.899 C565.522,41.056 565.552,42.003 565.552,50 C565.552,57.996 565.522,58.943 565.378,62.101 M570.82,37.631 C570.674,34.438 570.167,32.258 569.425,30.349 C568.659,28.377 567.633,26.702 565.965,25.035 C564.297,23.368 562.623,22.342 560.652,21.575 C558.743,20.834 556.562,20.326 553.369,20.18 C550.169,20.033 549.148,20 541,20 C532.853,20 531.831,20.033 528.631,20.18 C525.438,20.326 523.257,20.834 521.349,21.575 C519.376,22.342 517.703,23.368 516.035,25.035 C514.368,26.702 513.342,28.377 512.574,30.349 C511.834,32.258 511.326,34.438 511.181,37.631 C511.035,40.831 511,41.851 511,50 C511,58.147 511.035,59.17 511.181,62.369 C511.326,65.562 511.834,67.743 512.574,69.651 C513.342,71.625 514.368,73.296 516.035,74.965 C517.703,76.634 519.376,77.658 521.349,78.425 C523.257,79.167 525.438,79.673 528.631,79.82 C531.831,79.965 532.853,80.001 541,80.001 C549.148,80.001 550.169,79.965 553.369,79.82 C556.562,79.673 558.743,79.167 560.652,78.425 C562.623,77.658 564.297,76.634 565.965,74.965 C567.633,73.296 568.659,71.625 569.425,69.651 C570.167,67.743 570.674,65.562 570.82,62.369 C570.966,59.17 571,58.147 571,50 C571,41.851 570.966,40.831 570.82,37.631"></path></g></g></g></svg></div><div style="padding-top: 8px;"> <div style=" color:#3897f0; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:550; line-height:18px;">View this profile on Instagram</div></div><div style="padding: 12.5% 0;"></div> <div style="display: flex; flex-direction: row; margin-bottom: 14px; align-items: center;"><div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(0px) translateY(7px);"></div> <div style="background-color: #F4F4F4; height: 12.5px; transform: rotate(-45deg) translateX(3px) translateY(1px); width: 12.5px; flex-grow: 0; margin-right: 14px; margin-left: 2px;"></div> <div style="background-color: #F4F4F4; border-radius: 50%; height: 12.5px; width: 12.5px; transform: translateX(9px) translateY(-18px);"></div></div><div style="margin-left: 8px;"> <div style=" background-color: #F4F4F4; border-radius: 50%; flex-grow: 0; height: 20px; width: 20px;"></div> <div style=" width: 0; height: 0; border-top: 2px solid transparent; border-left: 6px solid #f4f4f4; border-bottom: 2px solid transparent; transform: translateX(16px) translateY(-4px) rotate(30deg)"></div></div><div style="margin-left: auto;"> <div style=" width: 0px; border-top: 8px solid #F4F4F4; border-right: 8px solid transparent; transform: translateY(16px);"></div> <div style=" background-color: #F4F4F4; flex-grow: 0; height: 12px; width: 16px; transform: translateY(-4px);"></div> <div style=" width: 0; height: 0; border-top: 8px solid #F4F4F4; border-left: 8px solid transparent; transform: translateY(-4px) translateX(8px);"></div></div></div> <div style="display: flex; flex-direction: column; flex-grow: 1; justify-content: center; margin-bottom: 24px;"> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; margin-bottom: 6px; width: 224px;"></div> <div style=" background-color: #F4F4F4; border-radius: 4px; flex-grow: 0; height: 14px; width: 144px;"></div></div></a><p style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; line-height:17px; margin-bottom:0; margin-top:8px; overflow:hidden; padding:8px 0 7px; text-align:center; text-overflow:ellipsis; white-space:nowrap;"><a href="https://www.instagram.com/officialcedarcity/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank">Cedar City, UT - Government</a> (@<a href="https://www.instagram.com/officialcedarcity/?utm_source=ig_embed&utm_campaign=loading" style=" color:#c9c8cd; font-family:Arial,sans-serif; font-size:14px; font-style:normal; font-weight:normal; line-height:17px;" target="_blank">officialcedarcity</a>) • Instagram photos and videos</p></div></blockquote> <script async="" src="//www.instagram.com/embed.js"></script></div></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="cc8f6226d4-8d70-4a88-8035-ceca05f0c87c" data-containerid="8f6226d4-8d70-4a88-8035-ceca05f0c87c" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> <div class="row outer wide"><div class="outer col col4 first" style="" data-widgetcontainerid="848f3c49-fb81-416a-9b98-b9816519ec3c"> <div class="row nest first last wide"> <div class="inner col col4 first last id97f3d00a-a6fc-499d-b564-f5675d552cfb" style="" data-widgetcontainerid="97f3d00a-a6fc-499d-b564-f5675d552cfb"> <div data-widget-id="4c17eefe-7340-407e-b998-ec1fafc4f084" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv4c17eefe-7340-407e-b998-ec1fafc4f084" 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="header4c17eefe-7340-407e-b998-ec1fafc4f084"> <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) { $('#divInfoAdv4c17eefe-7340-407e-b998-ec1fafc4f084 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="21ad479b-14df-4046-bc5a-2a9f9aa9f121"> <div class="row nest first last wide"> <div class="inner col col1 first last id09feea44-5987-4241-9826-3e730e261c7b" style="" data-widgetcontainerid="09feea44-5987-4241-9826-3e730e261c7b"> <div class="widget widgetSpacer" id="61a390cb-15ae-44e0-bc56-b2625676eec2"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="b07917b4-3c47-4768-af71-f3c973e6654c"> <div class="row nest first last wide"> <div class="inner col col4 first last id0a4c5c3a-b30f-4263-85b9-2998257a1b98" style="" data-widgetcontainerid="0a4c5c3a-b30f-4263-85b9-2998257a1b98"> <div data-widget-id="e159f907-d421-42e8-8975-59dcf36d08e2" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdve159f907-d421-42e8-8975-59dcf36d08e2" class="widget widgetInfoAdvanced skin18 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headere159f907-d421-42e8-8975-59dcf36d08e2"> <header class="widgetHeader" id="headere159f907-d421-42e8-8975-59dcf36d08e2"> <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) { $('#divInfoAdve159f907-d421-42e8-8975-59dcf36d08e2 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="ea80ca86-b6e7-4012-aa30-abe8e91cdcda"> <div class="row nest first last wide"> <div class="inner col col1 first last id8f581a5d-fac9-4fa2-8f4d-93dfc73bc468" style="" data-widgetcontainerid="8f581a5d-fac9-4fa2-8f4d-93dfc73bc468"> <div class="widget widgetSpacer" id="9c1d6880-ec94-4c24-b5d4-8a718b3c0ca3"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="138c1f5a-d622-4146-bf93-60bf588aff4c"> <div class="row nest first last wide"> <div class="inner col col4 first last id62e70b33-90e4-4fb0-b2f6-52149d96a393" style="" data-widgetcontainerid="62e70b33-90e4-4fb0-b2f6-52149d96a393"> <div data-widget-id="da5277af-25bf-442e-812c-edc3ced9566a" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkda5277af-25bf-442e-812c-edc3ced9566a" class="widget widgetQuickLinks skin18 widgetOptionSet13 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderda5277af-25bf-442e-812c-edc3ced9566a"> <header class="widgetHeader" id="quickLinksHeaderda5277af-25bf-442e-812c-edc3ced9566a"> <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="c8ac390a-b944-4648-93b2-6031fe1756fa"> <div class="row nest first last wide"> <div class="inner col col1 first last id1ac870f2-517a-4d2c-afc3-3ab050abad1c" style="" data-widgetcontainerid="1ac870f2-517a-4d2c-afc3-3ab050abad1c"> <div class="widget widgetSpacer" id="c7cb0d8a-3f0a-401f-b03f-d68556b2b1a5"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="1185589a-7980-4e19-9c57-4a48e3e567bb"> <div class="row nest first last wide"> <div class="inner col col4 first last id5be68ebc-e220-4c1e-93ab-88654113a4a6" style="" data-widgetcontainerid="5be68ebc-e220-4c1e-93ab-88654113a4a6"> <div data-widget-id="cdc765b4-ffe6-4785-8682-6f376902ecd1" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkcdc765b4-ffe6-4785-8682-6f376902ecd1" class="widget widgetQuickLinks skin18 widgetOptionSet13 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeadercdc765b4-ffe6-4785-8682-6f376902ecd1"> <header class="widgetHeader" id="quickLinksHeadercdc765b4-ffe6-4785-8682-6f376902ecd1"> <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="25473bc8-79b1-4152-b58f-e6321bbb3428"> <div class="row nest first last wide"> <div class="inner col col1 first last ide5e5f9c1-a45e-4380-8214-474f35773990" style="" data-widgetcontainerid="e5e5f9c1-a45e-4380-8214-474f35773990"> <div class="widget widgetSpacer" id="93c4c1d6-2ff4-4c9e-a3e2-0a45c2fc8f31"></div> </div>  </div>  </div><div class="outer col col4 last" style="" data-widgetcontainerid="0881ca2a-9000-46da-9e94-16a67f381eee"> <div class="row nest first last wide"> <div class="inner col col4 first last id8cc97628-f064-4366-ba1b-903ddd09c191" style="" data-widgetcontainerid="8cc97628-f064-4366-ba1b-903ddd09c191"> <div data-widget-id="ce332d02-9708-4abc-9731-ddb12cf46643" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetce332d02-9708-4abc-9731-ddb12cf46643" 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="cc84d20a60-e489-4134-9274-aaa3f5eed98b" data-containerid="84d20a60-e489-4134-9274-aaa3f5eed98b" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="f7474202-30db-47b5-bdb7-ffa51d1ab807"> <div class="row nest first last wide"> <div class="inner col col24 first last idda1473be-8a07-4a1f-b332-7c80a5f0a17a" style="" data-widgetcontainerid="da1473be-8a07-4a1f-b332-7c80a5f0a17a"> <div data-widget-id='2f1ae148-f1d5-4cb8-b64a-b4a83afd3f9e' data-moduleName="customHtml" id='widgetCustomHtml2f1ae148-f1d5-4cb8-b64a-b4a83afd3f9e' class="widget widgetCustomHtml skin18 narrow" > <div class="widgetBody pageStyles" id="widgetBody2f1ae148-f1d5-4cb8-b64a-b4a83afd3f9e"> <div id="customHtml2f1ae148-f1d5-4cb8-b64a-b4a83afd3f9e"><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: '1', 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>