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鈥檚 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 = {"DepartmentHeaderId":2358,"DepartmentHeaderName":"Leisure Services"}; window.pageSectionTracker = {}; window.isResponsiveEnabled = true; window.isRemoveSetHeights= false; if (window.isRemoveSetHeights) { document.documentElement.className += ' removeSetHeights'; } window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; window.isMobileBrowserIncludingTablets = false; window.fixedResponsiveMenu = false; window.fullWidthResponsiveMenu = false; window.responsiveMenuHeight = ''; window.responsiveMenuFontSize = ''; (function () { window.setSizeCookie = function () { document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; if (screen && screen.width && screen.height) { document.cookie = "screenWidth=" + screen.width + "; path=/"; document.cookie = "screenHeight=" + screen.height + "; path=/"; } document.cookie = "responsiveGhost=1; path=/"; }; setSizeCookie(); }()); </script> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="google-site-verification" content="B98-_153U5McxjbDA9JGpT_Y1L_Ks55KNqoKTAZ_YiQ" /> <meta name= ”description” content=”A community surrounded by three national parks, in Cedar City (pop. 31,000) you will discover a unique city complete with world-renowned theatricals, astounding beauty, and unbelievable outdoor recreation. It is the home of Southern Utah University, the Utah Shakespeare Festival, the Utah Summer Games as well as many other outdoor recreational events and festivals.”> <meta name="category0" content="Home" /> <meta name="category1" content="Departments" /> <meta name="category2" content="Leisure Services" /> <meta name="category3" content="Facilities" /> <meta name="category4" content="Cedar Ridge Golf Course" /> <meta name="theme-color" content="#fdf3a7"> <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 Ridge Golf Course | Cedar City, UT - Official Website</title> <meta name="description" content="Discover the services and amenities offered by the golf course. "> <meta name="keywords" content="Cedar Ridge Golf Course"> <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="/1716856959.css" rel="stylesheet" type="text/css" /> <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> <script type="text/javascript"> window.Pages = window.Pages || {}; // FrontEnd RWD initialization window.Pages.rwdReady = $.Deferred(); window.Pages.toolBarDeferred = $.Deferred(); window.Pages.rwdSetupComplete = $.Deferred(); window.Pages.megaMenuLoaded = $.Deferred(); window.Pages.angularToolbarComplete = $.Deferred(); window.Pages.frontEndToolbarComplete = $.Deferred(); </script>  <script src="/-980062917.js" type="text/javascript"></script>     <script type="text/javascript"> setEditorVariables(false, 840); function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } </script> <script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script> </head> <body class="wide " > <script>jQuery(document).click(function (event) { var target = jQuery(event.target); if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Image', eventAction: 'Image - ' + text, eventLabel: window.location.href }); } if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { var text = ""; if (target.parents('.button')[0]) { text = target.parents('.button').first().text(); } else if (target.text().length) { text = target.text(); } else if (target.attr('title').length) { text = target.attr('title'); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Button', eventAction: 'Button - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetCustomHtml').length) { ga('send', { hitType: 'event', eventCategory: 'Custom Html', eventAction: 'Custom Html Clicked', eventLabel: window.location.href }); } if (target.parents('.editor').length) { ga('send', { hitType: 'event', eventCategory: 'Editor', eventAction: 'Editor Link Clicked', eventLabel: window.location.href }); } if (target.parents('.GraphicLinks').length) { var text = ""; var targetGraphicLink = target; if (target.hasClass('widgetGraphicLinksLink')) { targetGraphicLink = jQuery(target.children()[0]); } if (targetGraphicLink.hasClass('text')) { text = targetGraphicLink.text(); } else if (targetGraphicLink.attr('src').length) { if (targetGraphicLink.attr('alt').length) { text = targetGraphicLink.attr('alt'); } else { text = targetGraphicLink.attr('src'); } } else { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Graphic Links', eventAction: 'Graphic Link - ' + text, eventLabel: window.location.href }); } if (target.parents('.InfoAdvanced').length) { ga('send', { hitType: 'event', eventCategory: 'Info Advanced', eventAction: 'Info Advanced Clicked', eventLabel: window.location.href }); } if (target.parents('.list').length) { ga('send', { hitType: 'event', eventCategory: 'List', eventAction: 'List Clicked', eventLabel: window.location.href }); } if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); var breadCrumbs = []; jQuery('.breadCrumbs > li').each(function () { breadCrumbs.push(this.textContent); }); var pageTitle = breadCrumbs.join('>'); var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); var text = ""; if (pageTitle) { text += pageTitle + " | "; } else { text += document.title + ' - '; } if (target.text() == "" && megaMenuText == "") { text += "N/A"; } else if (target.text().length && megaMenuText.length) { if (megaMenuText == target.text()) { text += megaMenuText; } else { text += megaMenuText + " - " + subTitleText + " - " + target.text(); } } else if (target.text() == "") { text += megaMenuText; } else { text += target.text(); } if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Mega Menu', eventAction: 'Mega Menu : ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'News Flash', eventAction: 'News Flash - ' + text, eventLabel: window.location.href }); } if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { var text = target.text(); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Quick Links', eventAction: 'Quick Links - ' + text, eventLabel: window.location.href }); } if (target.attr('src') && target.parents('.cpSlideshow').length) { var text = target.attr('title'); if (!text.length) { text = "N/A"; } ga('send', { hitType: 'event', eventCategory: 'Slideshow', eventAction: 'Slideshow - ' + text, eventLabel: window.location.href }); } if (target.parents('.widgetText').length) { ga('send', { hitType: 'event', eventCategory: 'Text', eventAction: 'Text Link Clicked', eventLabel: window.location.href }); } });</script> <div id="fb-root"></div> <div id=skipToContentLinks> <a href="#ccce9c2658-736d-4918-8fce-8c8daa93e5ff" target="_self" class="skipToContentLink">Skip to Main Content</a> </div> <form id="frmReferenceFormForTelerikEditorDialogs"></form> <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> <input type="hidden" id="hdnStructureID" value="5" /> <input type="hidden" id="hdnContentCollectionID" value="b2482328-8bc8-4502-ae56-1936b614d744" /> <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> <input type="hidden" id="hdnThemeID" value="23" /> <input type="hidden" id="pageIsFrontEnd" value="true" /> <input type="hidden" id="pageModuleID" /> <input type="hidden" id="pagePageID" value="65" /> <img id="imgLogoPrintPreview" src="/ImageRepository/Document?documentID=16273" alt="Cedar City Corporation" /> <div id="stickyPlaceholder"></div> <div id="outer-wrap" class="outer-wrap"> <div id="inner-wrap" class="inner-wrap"> <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> </div> <div id="bodyWrapper"> <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> <div data-cpRole="structuralContainer" id="bodyContainerTS"> <header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> <div class="siteWrap"><div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> <a id="bannerLogoTS-54" style=" display: block; text-align: center; " class="bannerObject" href="/2358" target="_self"><img alt="Leisure Services logo" class="bannerObject" height="1415" src="/ImageRepository/Document?documentID=16402" width="1351" /></a> </div><div data-cpRole="contentContainer" id="socialTS"> <div id="cc1d59be1d-66e0-43d7-af62-1516c92ccf68" data-containerid="1d59be1d-66e0-43d7-af62-1516c92ccf68" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="cd2e7515-dd74-4f16-8977-e21c3b6eb64a"> <div class="row nest first last wide"> <div class="inner col col24 first last id51892881-2e91-4a61-b0b8-3ec66d835961" style="" data-widgetcontainerid="51892881-2e91-4a61-b0b8-3ec66d835961"> <div data-widget-id="e69270f7-d22d-474f-bd0f-82d1e4640b61" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgete69270f7-d22d-474f-bd0f-82d1e4640b61" 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="https://www.facebook.com/CedarCityLeisureServices" target="_blank" aria-label=" graphic opens in new window"><img src="/ImageRepository/Document?documentID=16280" class="graphicButtonLink" alt="" 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/cedarcityleisureservices/" target="_blank" aria-label=" graphic opens in new window"><img src="/ImageRepository/Document?documentID=16281" class="graphicButtonLink" alt="" 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://www.twitter.com/cedarcityutah" target="_blank" aria-label=" graphic opens in new window"><img src="/ImageRepository/Document?documentID=16288" class="graphicButtonLink" alt="" 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></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="2358" class="rootNavMenu" role="menu"><li id="MainItem2376" class="topMenuItem" role="none" data-pageid="2376" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavFacilities" class="navMainItem mainNavItem mainNavItem1" href="/2376/Facilities" target = "_self" > Facilities </a> </li><li id="MainItem2377" class="topMenuItem" role="none" data-pageid="2377" data-displaymegamenu="False"> <a role="menuitem" id="mainNavEmployment" class="navMainItem mainNavItem mainNavItem2" href="/jobs" target="_self"> Employment </a> </li><li id="MainItem2382" class="topMenuItem" role="none" data-pageid="2382" data-displaymegamenu="False"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavRegistration" class="navMainItem mainNavItem mainNavItem3" href="https://cedarcityrec.sportsites.com/player" target = "_self" > Registration </a> </li><li id="MainItem2383" class="topMenuItem" role="none" data-pageid="2383" data-displaymegamenu="True"> <a role = "menuitem" aria-haspopup=true aria-expanded='false' id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4" href="/2383/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=2358&moduleID=&themeID=23&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 role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2376" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2376 hidden" data-orientation="horizontal"> <div id="cc8313360b-e533-4c7c-b490-30a5b16d6e6c" data-containerid="8313360b-e533-4c7c-b490-30a5b16d6e6c" class="pageContent cpGrid cpGrid24"> </div> </aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu2383" class="contentTop mainNavMegaMenu megaMenuContainer pageID_2383 hidden" data-orientation="horizontal"> <div id="cc228e65d3-ead5-4b06-b1a0-82c8b15e50a9" data-containerid="228e65d3-ead5-4b06-b1a0-82c8b15e50a9" class="pageContent cpGrid cpGrid24"> </div> </aside></aside></nav></div> </header><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> <div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> <div data-cpRole="structuralContainer" id="bannerSearchTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="searchTS"> <div id="cce21ca2c9-4d56-4346-9fa4-3393dbea902b" data-containerid="e21ca2c9-4d56-4346-9fa4-3393dbea902b" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="9f551f43-0e3e-4304-a106-4f9615ce2a3d"> <div class="row nest first last wide"> <div class="inner col col24 first last id009f21af-95dc-4461-81a6-968e8e0a399b" style="" data-widgetcontainerid="009f21af-95dc-4461-81a6-968e8e0a399b"> <div data-widget-id="1823bfba-1f2c-4128-a819-ef09beabe227" data-widget-controller-path="/Layout/WidgetSearch"> <script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.js"></script> <script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script> <script defer type="text/javascript"> $(document).ready(function () { try { $(".widgetSearchButton.widgetSearchButton1823bfba-1f2c-4128-a819-ef09beabe227").click(function (e) { e.preventDefault(); if (false||$("#ysnSearchOnlyDept1823bfba-1f2c-4128-a819-ef09beabe227").is(':checked')) { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), Number(0)); } else { doWidgetSearch($(this).siblings(".widgetSearchBox").val(), 0); } }); $("#searchField1823bfba-1f2c-4128-a819-ef09beabe227").keypress(function (e) { if (window.clipboardData) { if (e.keyCode === 13) { if ($("#ysnSearchOnlyDept1823bfba-1f2c-4128-a819-ef09beabe227").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } else { if (e.which === 13) { if ($("#ysnSearchOnlyDept1823bfba-1f2c-4128-a819-ef09beabe227").is(':checked') || false) { doWidgetSearch($(this).val(), Number(0)); } else { doWidgetSearch($(this).val(), 0); } return false; } } return true; }); if (true) { var currentRequest = null; var $searchField = $("#searchField1823bfba-1f2c-4128-a819-ef09beabe227").autocomplete({ source: function (request, response) { currentRequest = $.ajax({ url: '/Search/AutoComplete' + ($("#ysnSearchOnlyDept1823bfba-1f2c-4128-a819-ef09beabe227").is(':checked') || false? '?departmentId=0' : ''), dataType: "json", timeout: 10000, beforeSend: function () { if (currentRequest != null) { currentRequest.abort(); } }, data: { term: request.term, }, success: function (data) { response(data); $('.autoCompleteError').remove(); }, error: function (xmlhttprequest, textstatus, message) { if (textstatus === "timeout") { if ($("#searchField1823bfba-1f2c-4128-a819-ef09beabe227").siblings('.autoCompleteError').length == 0) $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($("#searchField1823bfba-1f2c-4128-a819-ef09beabe227")); } } }); }, html: true, delay: 500, select: function (event, ui) { $(this).val(ui.item.value); $(this).next().click(); } }); $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { return $("<li class=\"itemList\"></li>") .data("ui-autocomplete-item", item) .append("<a>" + item.label + "</a>") .appendTo(ul); }; } } catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page. }); </script> <section id="widgetPreviewSearch" class="widget widgetSearch skin15 widgetOptionSet30" style="display: block;" aria-label="Search">  <div class="widgetBody buttonRightInside"> <input class="widgetSearchBox widgetSearchBox1823bfba-1f2c-4128-a819-ef09beabe227" cp5ph="true" id="searchField1823bfba-1f2c-4128-a819-ef09beabe227" name="searchField" onchange="searchBtnApplyQuery();" placeholder="I'm Looking For..." title="I'm Looking For..." type="text" value="" /> <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton1823bfba-1f2c-4128-a819-ef09beabe227" role="button"><img alt="Go to Site Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=16277" data-image="/ImageRepository/Document?documentID=16278" src="/ImageRepository/Document?documentID=16278" /></a> <label class="searchLabel" for="searchField1823bfba-1f2c-4128-a819-ef09beabe227">Search</label> </div> </section> <style scoped> .widgetSearch ::-webkit-input-placeholder { color: #070707; } .widgetSearch :-moz-placeholder { /* Firefox 18- */ color: #070707; } .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ color: #070707; } .widgetSearch :-ms-input-placeholder { color: #070707; } .widgetSearch .widgetBody .widgetSearchBox1823bfba-1f2c-4128-a819-ef09beabe227 { color: #070707; background: #FFFFFF; border: 10px solid #ffffff80; border-radius: 40px; height: 74px; background-clip: padding-box; font-family: PT Sans; font-style: italic; font-size: 1.1em; padding: 0 75px 0 25px; } .widgetSearch .widgetBody .widgetSearchButton1823bfba-1f2c-4128-a819-ef09beabe227 { margin: 12px 12px 0 0; } .widgetSearch .widgetSearch-onlyDept1823bfba-1f2c-4128-a819-ef09beabe227 { display: inline-block; color: #333; padding-top: 10px; } #ysnSearchOnlyDept1823bfba-1f2c-4128-a819-ef09beabe227 { position: relative; top: .125em; } </style> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.min.css"> <link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.1/jquery-ui.theme.min.css"> <script type="text/javascript"> //Updates search icons href to have the correct queryString function searchBtnApplyQuery() { document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField1823bfba-1f2c-4128-a819-ef09beabe227").value; } </script> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> <div id="bannerImagesJSON55" 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":55,"ThemeID":23,"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":390,"BannerOptionID":55,"FileName":"/ImageRepository/Document?documentID=16418","Height":362,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":391,"BannerOptionID":55,"FileName":"/ImageRepository/Document?documentID=16417","Height":362,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":392,"BannerOptionID":55,"FileName":"/ImageRepository/Document?documentID=16416","Height":362,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":3,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":393,"BannerOptionID":55,"FileName":"/ImageRepository/Document?documentID=16415","Height":362,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, '/App_Themes/Interior/Images/', 'Rotating'); }); }); </script> </div> </div><div data-cpRole="structuralContainer" id="mainContainerTS"> <div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main"> <div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap"> <div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> <div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> <li><a class="breadCrumb" href="/">Home</a></li><li><a class="breadCrumb" href="/8/Departments">Departments</a></li><li><a class="breadCrumb" href="/2358/Leisure-Services">Leisure Services</a></li><li><a class="breadCrumb" href="/2376/Facilities">Facilities</a></li><li id="currentBCPage" data-pageid="65">Cedar Ridge Golf Course</li> </ol> </div><div data-cpRole="mainContentContainer" id="moduleContent"> <div id="page" class="moduleContentNew"> <input id="hdnPageID" name="hdnPageID" type="hidden" value="65" /> <input id="hdnParentID" name="hdnParentID" type="hidden" value="2376" /> <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="12967" /> <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Cedar Ridge Golf Course" /> <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" /> <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> <h1 id="versionHeadLine" class="headline"> Cedar Ridge Golf Course </h1> <div id="ccce9c2658-736d-4918-8fce-8c8daa93e5ff" data-containerid="ce9c2658-736d-4918-8fce-8c8daa93e5ff" class="pageContent cpGrid cpGrid24" data-contentcontainerbreakpoint="30" > <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="1a44a794-a803-4f1a-8842-915e576cbc56"> <div class="row nest first last wide"> <div class="inner col col24 first last idbf496141-d076-4241-bfd3-e6e297fc4e01" style="" data-widgetcontainerid="bf496141-d076-4241-bfd3-e6e297fc4e01"> <div class="widget slideShow skin15" role="region" aria-label="Slideshow" id="slideshowaba203d9-fe46-410b-a916-455186979578" aria-haspopup="false" data-widgetID="aba203d9-fe46-410b-a916-455186979578"> <input type="hidden" class="slideTiming" value="5"/> <input type="hidden" class="transitionTiming" value="1"/> <input type="hidden" class="hdnSlideshowUniqueID" value="1625" /> <div id="divSlideshow1625" class="cpSlideshow widgetBody cpSlideshowJS1625 narrow"> <link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" /> <script src="/-358974846.js" type="text/javascript"></script> <div class="cpWindow cpWindowJS1625 "> <ol class="semanticList cpSlider fade cpSliderJS1625"> <li class="hidden" id="1625_8976" data-index="0" aria-hidden="true"> <img src="/ImageRepository/Path?filePath=%2f00000000-0000-0000-0000-000000000000%2felder12_201407232013226418.jpg" class="" alt="elder1" title="elder1" data-delayed-image="" style="height: 1px" /> </li> <li class="hidden" id="1625_8977" data-index="1" aria-hidden="true"> <img src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=8213" class="" alt="golf" title="golf" data-delayed-image="" style="height: 1px" /> </li> </ol> </div> <div aria-live="polite" aria-atomic="true" class="liveRegionJS1625 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('aba203d9-fe46-410b-a916-455186979578', $('#slideshow' + 'aba203d9-fe46-410b-a916-455186979578'), SlideshowWidget, true, SlideshowWidgetCallback); } if(hasEditRights) browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + 'aba203d9-fe46-410b-a916-455186979578'), 'Click to start adding images.'); }; if (document.readyState === "complete" || document.readyState === "loaded" || document.readyState === "interactive") { widgetHandlers(); return; } document.addEventListener("DOMContentLoaded", widgetHandlers); })(); </script> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="9eaaf77b-132b-4f3b-b00f-5623a5993142"> <div class="row nest first last wide"> <div class="inner col col24 first last id85615572-d418-4622-8f55-cb13690ce61c" style="" data-widgetcontainerid="85615572-d418-4622-8f55-cb13690ce61c"> <div data-widget-id="d2f53624-8bb1-466a-bdd9-6a969eb3b93b" data-widget-controller-path="/Calendar/Widget"> <script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script> <div id="widgetCalendard2f53624-8bb1-466a-bdd9-6a969eb3b93b" class="widget widgetCalendar skin15 widgetOptionSet16 narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'> <div class="widgetHeader "> <div class=""> <h3 id="calendarHeaderd2f53624-8bb1-466a-bdd9-6a969eb3b93b"><a target="_blank" style="" href="https://www.cedarcity.org/calendar.aspx?CID=29" >Calendar</a></h3> </div> </div> <div class="widgetBody cpGrid cpGrid1 mediaLeft"> <div class="calendarInnerWrapper"> <div data-minicalendar="true" class="miniCalendar media" style="width: 40%; "> <h3 class="miniCalendarHeader" id="miniCalendarHeaderd2f53624-8bb1-466a-bdd9-6a969eb3b93b">March 2025</h3> <table role="grid" aria-labelledby="miniCalendarHeaderd2f53624-8bb1-466a-bdd9-6a969eb3b93b" summary="This table represents a monthly calendar displaying days of the month in a grid format. Each row corresponds to a week, and each column corresponds to a day of the week, starting with Sunday. The table includes events marked on specific dates."> <thead> <tr> <th scope="col"><abbr title=" Sunday "> Su </abbr></th> <th scope="col"><abbr title=" Monday "> M </abbr></th> <th scope="col"><abbr title=" Tuesday "> Tu </abbr></th> <th scope="col"><abbr title=" Wednesday "> W </abbr></th> <th scope="col"><abbr title=" Thursday "> Th </abbr></th> <th scope="col"><abbr title=" Friday "> F </abbr></th> <th scope="col"><abbr title=" Saturday "> Sa </abbr></th> </tr> </thead> <tbody> <tr><td class="not"><span><time datetime="2025-02-23">23</time></span></td> <td class="not"><span><time datetime="2025-02-24">24</time></span></td> <td class="not"><span><time datetime="2025-02-25">25</time></span></td> <td class="not"><span><time datetime="2025-02-26">26</time></span></td> <td class="not"><span><time datetime="2025-02-27">27</time></span></td> <td class="not"><span><time datetime="2025-02-28">28</time></span></td> <td><span><time datetime="2025-03-01"> 1</time></span></td> </tr> <tr><td><span><time datetime="2025-03-02"> 2</time></span></td> <td><span><time datetime="2025-03-03"> 3</time></span></td> <td><span><time datetime="2025-03-04"> 4</time></span></td> <td><span><time datetime="2025-03-05"> 5</time></span></td> <td><span><time datetime="2025-03-06"> 6</time></span></td> <td><span><time datetime="2025-03-07"> 7</time></span></td> <td><span><time datetime="2025-03-08"> 8</time></span></td> </tr> <tr><td><span><time datetime="2025-03-09"> 9</time></span></td> <td><span><time datetime="2025-03-10">10</time></span></td> <td><span><time datetime="2025-03-11">11</time></span></td> <td><span><time datetime="2025-03-12">12</time></span></td> <td><span><time datetime="2025-03-13">13</time></span></td> <td><span><time datetime="2025-03-14">14</time></span></td> <td><span><time datetime="2025-03-15">15</time></span></td> </tr> <tr><td><span><time datetime="2025-03-16">16</time></span></td> <td><span><time datetime="2025-03-17">17</time></span></td> <td><span><time datetime="2025-03-18">18</time></span></td> <td><span><time datetime="2025-03-19">19</time></span></td> <td><span><time datetime="2025-03-20">20</time></span></td> <td><span><time datetime="2025-03-21">21</time></span></td> <td><span><time datetime="2025-03-22">22</time></span></td> </tr> <tr><td><span><time datetime="2025-03-23">23</time></span></td> <td class="today"><span><time datetime="2025-03-24">24</time></span></td> <td><span><time datetime="2025-03-25">25</time></span></td> <td><span><time datetime="2025-03-26">26</time></span></td> <td><span><time datetime="2025-03-27">27</time></span></td> <td><span><time datetime="2025-03-28">28</time></span></td> <td><span><time datetime="2025-03-29">29</time></span></td> </tr> <tr><td><span><time datetime="2025-03-30">30</time></span></td> <td><span><time datetime="2025-03-31">31</time></span></td> <td class="not"><span><time datetime="2025-04-01"> 1</time></span></td> <td class="not"><span><time datetime="2025-04-02"> 2</time></span></td> <td class="not"><span><time datetime="2025-04-03"> 3</time></span></td> <td class="not"><span><time datetime="2025-04-04"> 4</time></span></td> <td class="not"><a tabindex="0" href='/calendar.aspx?view=list&year=2025&month=4&day=5&CID=29'><time datetime="2025-04-05"> 5</time></a></td> </tr> </tbody> </table> </div> <div class="row text narrow" style="margin-left: 45%;"> <script src="/Scripts/jquery.urlToLink.min.js"></script> <input type="hidden" value="[]" name="day-list" /> <p class="widgetItem">There are no published events in current month.</p> </div> </div> <a id="calendarViewAlld2f53624-8bb1-466a-bdd9-6a969eb3b93b" class="widgetViewAll" style="" href="https://www.cedarcity.org/calendar.aspx?CID=29" aria-labelledby="calendarHeaderd2f53624-8bb1-466a-bdd9-6a969eb3b93b calendarViewAlld2f53624-8bb1-466a-bdd9-6a969eb3b93b">View All Items</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 class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="f3d9bc6f-dad0-42ba-9dcf-4215c76c87b8"> <div class="row nest first last wide"> <div class="inner col col24 first last id6afa1b80-84e4-48a5-89fc-36377742aabc" style="" data-widgetcontainerid="6afa1b80-84e4-48a5-89fc-36377742aabc"> <div class="widget editor pageStyles narrow" id="divEditor5cd2f1f9-3627-4a68-80c8-3f0d4cbd4f14" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}'> <div class="fr-view"> Cedar Ridge Golf Course is a fun 18 hole regulation golf course located against the red hills on the east bench of Cedar City. Cedar Ridge is a par 73 with five par 5's offering plenty of birdie and eagle chances. The course has 3 sets of tees for golfers of all different playing abilities. Cedar Ridge also features a full practice facility with driving range, putting green, and chipping green. The pro shop is stocked with all of the current golf equipment and apparel. Rental clubs are available.<br> <br> Cedar Ridge Golf Course is home to the Southern Utah University men's and women's golf teams as well as the golf teams from Cedar High and Canyon View high School. We have very active men's and ladies associations with weekly events. The course hosts numerous fundraising golf events throughout the season helping to raise money for many good causes. The Cedar Ridge Amateur Golf Tournament as well as the Ladies Invitational are two highlights on the tournament calendar. Cedar Ridge offers golf lessons from a certified PGA Professional as well as a junior golf program during the summer.<br> <br> </div> <script type="text/javascript"> $(document).ready(function (e) { renderSlideshowIfApplicable($('#divEditor' + '5cd2f1f9-3627-4a68-80c8-3f0d4cbd4f14')); }); </script> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="afb26581-ce8b-43f7-98a7-8c418c1a4750"> <div class="row nest first last wide"> <div class="inner col col24 first last id0a8d9e26-13bf-40d8-919e-ab97ad416236" style="" data-widgetcontainerid="0a8d9e26-13bf-40d8-919e-ab97ad416236"> <div data-widget-id='122476fd-67c2-4bca-9b11-06571d609abf' data-moduleName="customHtml" id='widgetCustomHtml122476fd-67c2-4bca-9b11-06571d609abf' class="widget widgetCustomHtml skin15 narrow" > <div class="widgetBody pageStyles" id="widgetBody122476fd-67c2-4bca-9b11-06571d609abf"> <div id="customHtml122476fd-67c2-4bca-9b11-06571d609abf"><div><iframe src="https://www.facebook.com/plugins/page.php?href=https%3A%2F%2Fwww.facebook.com%2Fprofile.php%3Fid%3D100060125028679&tabs=timeline&width=340&height=500&small_header=false&adapt_container_width=true&hide_cover=false&show_facepile=false&appId" width="340" 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>  </div> </div> <div class="newCP"> </div> </div> </div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="ccfcc37fad-26c2-4e7e-a092-583fcf381025" data-containerid="fcc37fad-26c2-4e7e-a092-583fcf381025" class="pageContent cpGrid cpGrid24 showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="df34895f-a50c-4115-b6e1-7a6b3ceb8717"> <div class="row nest first last wide"> <div class="inner col col24 first last id2e422197-bc0c-465a-a7bf-45908e1dbf38" style="" data-widgetcontainerid="2e422197-bc0c-465a-a7bf-45908e1dbf38"> <div class="widget image pageStyles" id="divImageOuter4ae70e7c-5bbb-45fb-b7c0-5dc3bd259501" data-widget-id="4ae70e7c-5bbb-45fb-b7c0-5dc3bd259501"> <div class="widgetBody imageBorder" id="divImage4ae70e7c-5bbb-45fb-b7c0-5dc3bd259501"> <img src="/ImageRepository/Document?documentID=8218" alt="CRGC Logo-Color-JPEG" title="CRGC Logo-Color-JPEG"/> </div> </div> </div>  </div>  </div></div>  <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="9d729931-5fd3-4083-8efb-45094269f546"> <div class="row nest first wide"> <div class="inner col col24 first last id390f8dcb-b659-48f4-b968-9f0b17bdcdb7" style="" data-widgetcontainerid="390f8dcb-b659-48f4-b968-9f0b17bdcdb7"> <div data-widget-id="1dbe9c95-1e13-462c-a1f3-28290ae58e6c" data-moduleWidgetType="cityDirectory" data-widget-controller-path="/CityDirectory/Widget"> <div id="cityDirectoryWidget1dbe9c95-1e13-462c-a1f3-28290ae58e6c" class="widget widgetStaffDirectory skin16 wide" > <div class="widgetHeader"> <h3><a style="" href= /Directory.aspx>Contact Us</a></h3> </div> <ol class="semanticList"> <li class="widgetItem h-card"> <h4 class="widgetTitle field p-name"> Jared Barnes </h4> <div class="field p-job-title">Cedar Ridge Golf Course Division Head & Golf Pro</div> <div class="field u-email"><a href="mailto:jbarnes@cedarcityut.gov">Email </a></div> <br /> </li> <li class="widgetItem h-card"> <h4 class="widgetTitle field p-name"> Steve Carter </h4> <div class="field p-job-title">Superintendent</div> <div class="field u-email"><a href="mailto:csteve@cedarcityut.gov">Email </a></div> <br /> </li> <li class="widgetItem h-card"> <h4 class="widgetTitle field p-name">Cedar Ridge Golf Course</h4> <div class="field h-adr"> <strong>Physical Address</strong> <br /> <span class="p-street-address">200 E 900 N </span><br /> <span class="p-street-address">10 N Main </span><br /> <span class="locality">Cedar City</span>, <span class="p-region">Ut</span> <span class="p-postal-code">84720</span> </div> <br /> <div class="field p-tel">Phone: <a href="tel:4355862970">(435) 586-2970</a></div> <br /> <div class="field p-note"> <span class="subhead2">Hours</span><br> Monday - Sunday<br> 6:30 a.m. - 9 p.m.<br> <br> <span class="subhead2">Summer Hours</span><br> Monday - Sunday<br> 7 a.m. - 6 p.m. </div> <br /> <div class="field"><a href="/directory.aspx?did=3">Directory</a></div> <br /> </li> </ol> </div> </div> </div>  </div>  <div class="row nest wide"> <div class="inner col col24 first last ide32f1def-0200-46ab-932a-520e45100395" style="" data-widgetcontainerid="e32f1def-0200-46ab-932a-520e45100395"> <div data-widget-id="2f966cd5-ff06-475f-a8ed-7433c225657f" data-widget-controller-path="/Faq/Widget"> <section id="widgetFaq2f966cd5-ff06-475f-a8ed-7433c225657f" class="widget widgetFAQ skin15 widgetOptionSet27 narrow" data-modulewidgettype="FAQ" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="faqHeader2f966cd5-ff06-475f-a8ed-7433c225657f"> <header class="widgetHeader" id="faqHeader2f966cd5-ff06-475f-a8ed-7433c225657f"> <div class=""> <h3><a href="/Faq.aspx?TID=28">FAQs</a></h3> </div> </header> <div class="widgetBody pageStyles cpGrid cpGrid1 "> <div class="row narrow"> <link href="/Areas/FAQ/Assets/Styles/Widget.css" rel="stylesheet" /> <div class="col col1"> <ol class="semanticList bullets" style="columns: 1"> <li style="position: relative" class="widgetItem"> <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=131">Can we reserve a tee time?</a> </li> <li style="position: relative" class="widgetItem"> <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=132">Are you open every day?</a> </li> <li style="position: relative" class="widgetItem"> <a class="widgetDesc widgetFAQQuestion" href="/Faq.aspx?QID=133">Do you have any tournaments today?</a> </li> </ol> </div> </div> <a id="faqViewAll2f966cd5-ff06-475f-a8ed-7433c225657f" class="widgetViewAll alignLeft" style="" href="/Faq.aspx?TID=28" aria-labelledby="faqHeader2f966cd5-ff06-475f-a8ed-7433c225657f faqViewAll2f966cd5-ff06-475f-a8ed-7433c225657f">View All FAQs</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/FAQ.aspx</div> </div> </section> <script> function handleExpandCollapse(e) { const element = e.currentTarget; const answer = document.getElementById(element.getAttribute("aria-controls")).parentElement; const expandArrow = element.getElementsByClassName("widgetFAQ--arrow")[0]; if (answer.classList.contains("hidden")) { expandArrow.classList.add('widgetFAQ--arrow-expanded'); expandArrow.classList.remove('widgetFAQ--arrow-collapsed'); answer.classList.remove("hidden"); element.setAttribute("aria-expanded", "true"); } else { expandArrow.classList.add('widgetFAQ--arrow-collapsed'); expandArrow.classList.remove('widgetFAQ--arrow-expanded'); answer.classList.add("hidden"); element.setAttribute("aria-expanded", "false"); } e.preventDefault(); e.stopImmediatePropagation(); e.stopPropagation(); } document.querySelectorAll(".widgetFAQ--question a").forEach(element => { // When the link is clicked, expand or collapse the answer element.addEventListener("click", handleExpandCollapse); }); </script> </div> </div>  </div>  <div class="row nest last wide"> <div class="inner col col24 first last id818b7ba7-b590-4f25-a76c-e4297e2e3cc0" style="" data-widgetcontainerid="818b7ba7-b590-4f25-a76c-e4297e2e3cc0"> <div data-widget-id="95a4e215-108b-42ed-b737-22a78c326f6a" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklink95a4e215-108b-42ed-b737-22a78c326f6a" class="widget widgetQuickLinks skin15 widgetOptionSet29 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader95a4e215-108b-42ed-b737-22a78c326f6a"> <header class="widgetHeader" id="quickLinksHeader95a4e215-108b-42ed-b737-22a78c326f6a"> <div class=""> <h3><a style="" href="/QuickLinks.aspx?CID=4" >Quick Links</a></h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row narrow"> <div class="col col1 first last"> <ol class="semanticList bullets"> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.utahpga.com/index.cfm?menu=1104&openitem=1104&CFID=5765963&CFTOKEN=7c4ba97487e93f5a-4E5FD71B-3048-769C-02728AF60C677156" target="_blank" aria-label="Utah PGA opens in new window">Utah PGA</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.gcsaa.org/" target="_blank" aria-label="GCSAA opens in new window">GCSAA</a> <div class="widgetMeta"></div> </li> <li style="position:relative" class="widgetItem QuickLinks"> <a class="widgetDesc widgetQuickLinksLink" href="http://www.uga.org/" target="_blank" aria-label="UGA opens in new window">UGA</a> <div class="widgetMeta"></div> </li> </ol> </div> </div> <a id="quickLinksViewAll95a4e215-108b-42ed-b737-22a78c326f6a" class="widgetViewAll alignLeft" style="" href="/QuickLinks.aspx?CID=4" aria-labelledby="quickLinksHeader95a4e215-108b-42ed-b737-22a78c326f6a quickLinksViewAll95a4e215-108b-42ed-b737-22a78c326f6a">View All Links</a> </div> <div class="widgetFooter"> </div> <div class="addItemModal hidden"> <div class="url hidden">/QuickLinks.aspx</div> </div> </section> </div> </div>  </div>  </div></div>  </div> </aside> </div><div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> <aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc627730d9-1c48-4524-abe4-b1eb99e96375" data-containerid="627730d9-1c48-4524-abe4-b1eb99e96375" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav"> <ol role="menu" id="secondaryMenusecondaryNav" data-parent="65" class="rootNavMenu accordionNav"> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem155" data-pageid="155"> <div class="accordionNavItem"> <a href="/155/Course-Facilities" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Course Facilities</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem162" data-pageid="162"> <div class="accordionNavItem"> <a href="/162/Course-Rules" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Course Rules</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem163" data-pageid="163"> <div class="accordionNavItem"> <a href="/163/Directions-to-the-Course" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Directions to the Course</a> </div> </li> <li role="menuitem" aria-haspopup="true" class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem156" data-pageid="156"> <div class="accordionNavItem"> <a href="/156/Fees-and-Season-Passes" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Fees and Season Passes</a> </div> </li> </ol> <script type="text/javascript"> window.addEventListener('load', function () { //setup menu manager properties for secondary menu menuManager.isSideMenuEditable = false; menuManager.sideMenuMaxSubMenuLevels = 4; menuManager.sideMenuHasCustomLinks = false; }); </script> <script type="text/javascript"> window.addEventListener('load', function () { $('*[id^="SideItem"]').each(function () { var ids = $('[id="' + this.id + '"]'); if (ids.length > 1) $.each(ids, function (index, value) { value.id = value.id + '_' + index; }); }); $('.hasAccordionChildren .openAccordionNav').click(function (e) { e.preventDefault(); showHideAccordionMenuForSecondaryNav($(this)); }); $("#secondaryNav .grippy").each(function () { menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); }); $("#secondaryNav li").each(function () { menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); }); }); </script> </nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc8f3b6585-b09a-4a84-be19-da04116f70f2" data-containerid="8f3b6585-b09a-4a84-be19-da04116f70f2" class="pageContent cpGrid cpGrid24 showInMobile"> </div> </aside> </div> </div></div> </div><div data-cpRole="structuralContainer" id="gbsContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc05bafb0e-2b6d-4ada-8b9f-d3e76e01a7fe" data-containerid="05bafb0e-2b6d-4ada-8b9f-d3e76e01a7fe" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="30"> <div class="row outer wide"><div class="outer col col8 first" style="" data-widgetcontainerid="a0c3c0be-9eab-436f-ae27-30be81e8134c"> <div class="row nest first last wide"> <div class="inner col col8 first last idcef291da-11ec-4839-836e-861674076e17" style="" data-widgetcontainerid="cef291da-11ec-4839-836e-861674076e17"> <div data-widget-id="d81922c1-828c-40a5-bee1-20e99ba09de2" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetd81922c1-828c-40a5-bee1-20e99ba09de2" 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="/224/Parks-and-Outdoor-Facilities" target="_self" class="fancyButton fancyButton309 " > <span> <span><span class="text">Parks</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton309.fancyButton:link,.fancyButton309.fancyButton:visited, .fancyButton309div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16361'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton309.fancyButton:hover,.fancyButton309.fancyButton:focus,.fancyButton309.fancyButton:active,.fancyButton309.fancyButton.hover{ background-position: center 0px ; } .fancyButton309.fancyButton:link > span,.fancyButton309.fancyButton:visited > span, .fancyButton309div.fancyButton > span{ } .fancyButton309.fancyButton:hover > span,.fancyButton309.fancyButton:focus > span,.fancyButton309.fancyButton:active > span,.fancyButton309.fancyButton.hover > span{ } .fancyButton309.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton309.fancyButton:hover .text,.fancyButton309.fancyButton:focus .text,.fancyButton309.fancyButton:active .text,.fancyButton309.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="/1130/cedar-city-cemetery" target="_self" class="fancyButton fancyButton310 " > <span> <span><span class="text">Cemetery</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton310.fancyButton:link,.fancyButton310.fancyButton:visited, .fancyButton310div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16359'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton310.fancyButton:hover,.fancyButton310.fancyButton:focus,.fancyButton310.fancyButton:active,.fancyButton310.fancyButton.hover{ background-position: center 0px ; } .fancyButton310.fancyButton:link > span,.fancyButton310.fancyButton:visited > span, .fancyButton310div.fancyButton > span{ } .fancyButton310.fancyButton:hover > span,.fancyButton310.fancyButton:focus > span,.fancyButton310.fancyButton:active > span,.fancyButton310.fancyButton.hover > span{ } .fancyButton310.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton310.fancyButton:hover .text,.fancyButton310.fancyButton:focus .text,.fancyButton310.fancyButton:active .text,.fancyButton310.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="6c5271a6-4be6-438b-ac9f-1f209f15d25f"> <div class="row nest first last wide"> <div class="inner col col8 first last id4a7524ad-9974-42af-91dd-470cf4ef9da7" style="" data-widgetcontainerid="4a7524ad-9974-42af-91dd-470cf4ef9da7"> <div data-widget-id="f1881b72-8d4a-4628-85df-fb8611db8757" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidgetf1881b72-8d4a-4628-85df-fb8611db8757" 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="/445/Aquatic-Center" target="_self" class="fancyButton fancyButton311 " > <span> <span><span class="text">Aquatic Center</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton311.fancyButton:link,.fancyButton311.fancyButton:visited, .fancyButton311div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16357'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton311.fancyButton:hover,.fancyButton311.fancyButton:focus,.fancyButton311.fancyButton:active,.fancyButton311.fancyButton.hover{ background-position: center 0px ; } .fancyButton311.fancyButton:link > span,.fancyButton311.fancyButton:visited > span, .fancyButton311div.fancyButton > span{ } .fancyButton311.fancyButton:hover > span,.fancyButton311.fancyButton:focus > span,.fancyButton311.fancyButton:active > span,.fancyButton311.fancyButton.hover > span{ } .fancyButton311.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton311.fancyButton:hover .text,.fancyButton311.fancyButton:focus .text,.fancyButton311.fancyButton:active .text,.fancyButton311.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="/65/Cedar-Ridge-Golf-Course" target="_self" class="fancyButton fancyButton312 " > <span> <span><span class="text">Golf Course</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton312.fancyButton:link,.fancyButton312.fancyButton:visited, .fancyButton312div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16360'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton312.fancyButton:hover,.fancyButton312.fancyButton:focus,.fancyButton312.fancyButton:active,.fancyButton312.fancyButton.hover{ background-position: center 0px ; } .fancyButton312.fancyButton:link > span,.fancyButton312.fancyButton:visited > span, .fancyButton312div.fancyButton > span{ } .fancyButton312.fancyButton:hover > span,.fancyButton312.fancyButton:focus > span,.fancyButton312.fancyButton:active > span,.fancyButton312.fancyButton.hover > span{ } .fancyButton312.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton312.fancyButton:hover .text,.fancyButton312.fancyButton:focus .text,.fancyButton312.fancyButton:active .text,.fancyButton312.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="89176eea-0414-40c2-ba48-30ab7f48558a"> <div class="row nest first last wide"> <div class="inner col col8 first last idcbb78987-5ffa-4294-ba3d-15d0842196da" style="" data-widgetcontainerid="cbb78987-5ffa-4294-ba3d-15d0842196da"> <div data-widget-id="347f2464-6ca0-48ba-94cd-438e7e222da0" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget347f2464-6ca0-48ba-94cd-438e7e222da0" 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="/117/Cross-Hollow-Arenas" target="_self" class="fancyButton fancyButton313 " > <span> <span><span class="text">Cross Hollow Arena</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton313.fancyButton:link,.fancyButton313.fancyButton:visited, .fancyButton313div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16358'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton313.fancyButton:hover,.fancyButton313.fancyButton:focus,.fancyButton313.fancyButton:active,.fancyButton313.fancyButton.hover{ background-position: center 0px ; } .fancyButton313.fancyButton:link > span,.fancyButton313.fancyButton:visited > span, .fancyButton313div.fancyButton > span{ } .fancyButton313.fancyButton:hover > span,.fancyButton313.fancyButton:focus > span,.fancyButton313.fancyButton:active > span,.fancyButton313.fancyButton.hover > span{ } .fancyButton313.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton313.fancyButton:hover .text,.fancyButton313.fancyButton:focus .text,.fancyButton313.fancyButton:active .text,.fancyButton313.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="/671/Sports-and-Recreation" target="_self" class="fancyButton fancyButton314 " > <span> <span><span class="text">Sports & Recreation</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton314.fancyButton:link,.fancyButton314.fancyButton:visited, .fancyButton314div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16362'); background-repeat: no-repeat; background-position: center 10px ; transition: all .2s ease-in-out;} .fancyButton314.fancyButton:hover,.fancyButton314.fancyButton:focus,.fancyButton314.fancyButton:active,.fancyButton314.fancyButton.hover{ background-position: center 0px ; } .fancyButton314.fancyButton:link > span,.fancyButton314.fancyButton:visited > span, .fancyButton314div.fancyButton > span{ } .fancyButton314.fancyButton:hover > span,.fancyButton314.fancyButton:focus > span,.fancyButton314.fancyButton:active > span,.fancyButton314.fancyButton.hover > span{ } .fancyButton314.fancyButton .text{ color: #070707; font-size: 1.1em; font-family: "Oxygen"; padding-top: 150px; font-weight: 700; text-decoration: none; padding-top: 150px; background-repeat: no-repeat; background-position: center 40px ; line-height: 1.2; transition: all .2s ease-in-out; } .fancyButton314.fancyButton:hover .text,.fancyButton314.fancyButton:focus .text,.fancyButton314.fancyButton:active .text,.fancyButton314.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: center 30px ; } </style> </div></div></div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div><footer data-cpRole="structuralContainer" id="footerContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="cc22096e17-6d9a-4323-bba5-50f3a4d145d9" data-containerid="22096e17-6d9a-4323-bba5-50f3a4d145d9" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> <div class="row outer wide"><div class="outer col col4 first" style="" data-widgetcontainerid="5caadcb0-7caa-44bc-8b28-bd12b55a10d7"> <div class="row nest first last wide"> <div class="inner col col4 first last id6978ed90-a03a-4a40-9ee1-4374fb44427d" style="" data-widgetcontainerid="6978ed90-a03a-4a40-9ee1-4374fb44427d"> <div data-widget-id="e2f67cc8-1bdc-45a3-bc54-3ec3c3c8567c" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdve2f67cc8-1bdc-45a3-bc54-3ec3c3c8567c" 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="headere2f67cc8-1bdc-45a3-bc54-3ec3c3c8567c"> <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) { $('#divInfoAdve2f67cc8-1bdc-45a3-bc54-3ec3c3c8567c .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="61808a20-32e4-4efe-8f63-bbf390dfb9a5"> <div class="row nest first last wide"> <div class="inner col col1 first last id32afabbd-d9b5-4a88-9473-ec1305364097" style="" data-widgetcontainerid="32afabbd-d9b5-4a88-9473-ec1305364097"> <div class="widget widgetSpacer" id="39c7cc0d-b896-4bc3-bb96-f6565473dc4e"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="361b4fff-a711-44ea-ad50-c7f639c2af0f"> <div class="row nest first last wide"> <div class="inner col col4 first last id84c83c15-94e8-4697-8422-d41d2a9d5413" style="" data-widgetcontainerid="84c83c15-94e8-4697-8422-d41d2a9d5413"> <div data-widget-id="26d7ae6e-ac96-4326-9e61-fecdf3983f17" data-widget-controller-path="/InfoAdvanced/Widget"> <section id="divInfoAdv26d7ae6e-ac96-4326-9e61-fecdf3983f17" class="widget widgetInfoAdvanced skin18 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header26d7ae6e-ac96-4326-9e61-fecdf3983f17"> <header class="widgetHeader" id="header26d7ae6e-ac96-4326-9e61-fecdf3983f17"> <div class=""> <h3 >Contact Us</h3> </div> </header> <div class="widgetBody cpGrid cpGrid1 "> <div class="row wide"> <div class="col col1 first last"> <ol class="pageStyles semanticList"> <li class="InfoAdvanced widgetItem fr-view"> <p id="isPasted">Leisure Services Department  <br>2090 W. Royal Hunter Drive <br>Cedar City, UT 84720 <br><br>Phone: <a href="http://435-865-9223">435-865-9223 </a><br>Fax: <a href="http://435-867-6075">435-867-6075</a></p><p>Administrative Hours <br>Monday - Friday <br>8:00am - 5:00pm </p><p><a href="https://www.cedarcity.org/Directory.aspx?DID=12">Staff Directory</a></p> </li> </ol> </div> </div> </div> <div class="widgetFooter"> </div> </section> <script type="text/javascript"> //Render slideshow if info advacned items contain one. $(document).ready(function (e) { $('#divInfoAdv26d7ae6e-ac96-4326-9e61-fecdf3983f17 .InfoAdvanced.widgetItem').each(function () { renderSlideshowIfApplicable($(this)); }); }); </script></div> </div>  </div>  </div><div class="outer col col1" style="" data-widgetcontainerid="41ec74d0-d653-4ce9-ba43-be220d0e13ef"> <div class="row nest first last wide"> <div class="inner col col1 first last id48c7b571-a9dd-46f4-b7a3-9e7b475f971d" style="" data-widgetcontainerid="48c7b571-a9dd-46f4-b7a3-9e7b475f971d"> <div class="widget widgetSpacer" id="b98cf320-fefd-4a27-adde-98c9a0b1a9b9"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="6147485d-7438-4710-b2d2-ad5cf9209096"> <div class="row nest first last wide"> <div class="inner col col4 first last id765bd391-c158-4b8f-9c73-48921ed7cae3" style="" data-widgetcontainerid="765bd391-c158-4b8f-9c73-48921ed7cae3"> <div data-widget-id="c4d0ae7c-39d7-4e69-ae32-2c912b458441" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkc4d0ae7c-39d7-4e69-ae32-2c912b458441" class="widget widgetQuickLinks skin18 widgetOptionSet13 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderc4d0ae7c-39d7-4e69-ae32-2c912b458441"> <header class="widgetHeader" id="quickLinksHeaderc4d0ae7c-39d7-4e69-ae32-2c912b458441"> <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="ba42f489-4e67-4b8e-92b7-f7bafe1dce79"> <div class="row nest first last wide"> <div class="inner col col1 first last id890019f2-1abb-483d-aa98-755715adce77" style="" data-widgetcontainerid="890019f2-1abb-483d-aa98-755715adce77"> <div class="widget widgetSpacer" id="d06ee291-0631-44f3-8eb4-157db07a394b"></div> </div>  </div>  </div><div class="outer col col4" style="" data-widgetcontainerid="62503dba-3965-43d9-9af1-83a5cbcee9c6"> <div class="row nest first last wide"> <div class="inner col col4 first last idb7f2cfcc-2194-4d8f-91b3-628aa6839555" style="" data-widgetcontainerid="b7f2cfcc-2194-4d8f-91b3-628aa6839555"> <div data-widget-id="bb0e76f7-2512-4cf0-863d-c3785c66ea1e" data-widget-controller-path="/QuickLinks/Widget"> <section id="widgetQuicklinkbb0e76f7-2512-4cf0-863d-c3785c66ea1e" class="widget widgetQuickLinks skin18 widgetOptionSet13 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderbb0e76f7-2512-4cf0-863d-c3785c66ea1e"> <header class="widgetHeader" id="quickLinksHeaderbb0e76f7-2512-4cf0-863d-c3785c66ea1e"> <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="a6908b3d-2dc3-4144-b7f5-4cab8f618f36"> <div class="row nest first last wide"> <div class="inner col col1 first last idc15d60d3-5bda-4e07-aabd-a06370c64b83" style="" data-widgetcontainerid="c15d60d3-5bda-4e07-aabd-a06370c64b83"> <div class="widget widgetSpacer" id="2c455672-6f8b-4901-820e-1b88f85787ae"></div> </div>  </div>  </div><div class="outer col col4 last" style="" data-widgetcontainerid="813a8208-7999-4201-8f9b-84ae3ff42477"> <div class="row nest first last wide"> <div class="inner col col4 first last id4740b611-aec8-4fd2-a67f-c5b794fec34d" style="" data-widgetcontainerid="4740b611-aec8-4fd2-a67f-c5b794fec34d"> <div data-widget-id="176f25eb-04e7-43ef-b6e6-de65bbeef85b" data-widget-controller-path="/GraphicLinks/Widget"> <div id="graphicLinkWidget176f25eb-04e7-43ef-b6e6-de65bbeef85b" 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="https://www.facebook.com/CedarCityLeisureServices" target="_self" class="fancyButton fancyButton339 " > <span> <span><span class="text">Facebook</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton339.fancyButton:link,.fancyButton339.fancyButton:visited, .fancyButton339div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16291'); background-repeat: no-repeat; background-position: left top; margin: 0 auto; width: 97px;} .fancyButton339.fancyButton:hover,.fancyButton339.fancyButton:focus,.fancyButton339.fancyButton:active,.fancyButton339.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton339.fancyButton:link > span,.fancyButton339.fancyButton:visited > span, .fancyButton339div.fancyButton > span{ } .fancyButton339.fancyButton:hover > span,.fancyButton339.fancyButton:focus > span,.fancyButton339.fancyButton:active > span,.fancyButton339.fancyButton.hover > span{ } .fancyButton339.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; } .fancyButton339.fancyButton:hover .text,.fancyButton339.fancyButton:focus .text,.fancyButton339.fancyButton:active .text,.fancyButton339.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="https://www.instagram.com/cedarcityleisureservices/" target="_self" class="fancyButton fancyButton343 " > <span> <span><span class="text">Instagram</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton343.fancyButton:link,.fancyButton343.fancyButton:visited, .fancyButton343div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16292'); background-repeat: no-repeat; background-position: left top; margin: 0 auto; width: 100px;} .fancyButton343.fancyButton:hover,.fancyButton343.fancyButton:focus,.fancyButton343.fancyButton:active,.fancyButton343.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton343.fancyButton:link > span,.fancyButton343.fancyButton:visited > span, .fancyButton343div.fancyButton > span{ } .fancyButton343.fancyButton:hover > span,.fancyButton343.fancyButton:focus > span,.fancyButton343.fancyButton:active > span,.fancyButton343.fancyButton.hover > span{ } .fancyButton343.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; } .fancyButton343.fancyButton:hover .text,.fancyButton343.fancyButton:focus .text,.fancyButton343.fancyButton:active .text,.fancyButton343.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div><div class="widgetItem GraphicLinks"> <div> <a href="https://twitter.com/CedarCityUtah" target="_self" class="fancyButton fancyButton347 " > <span> <span><span class="text">Twitter</span></span> </span> </a> </div> <style scoped="scoped">.fancyButton347.fancyButton:link,.fancyButton347.fancyButton:visited, .fancyButton347div.fancyButton{ background-image: url('/ImageRepository/Document?documentID=16299'); background-repeat: no-repeat; background-position: left top; margin: 0 auto; width: 80px;} .fancyButton347.fancyButton:hover,.fancyButton347.fancyButton:focus,.fancyButton347.fancyButton:active,.fancyButton347.fancyButton.hover{ background-repeat: no-repeat; background-position: left top; } .fancyButton347.fancyButton:link > span,.fancyButton347.fancyButton:visited > span, .fancyButton347div.fancyButton > span{ } .fancyButton347.fancyButton:hover > span,.fancyButton347.fancyButton:focus > span,.fancyButton347.fancyButton:active > span,.fancyButton347.fancyButton.hover > span{ } .fancyButton347.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; } .fancyButton347.fancyButton:hover .text,.fancyButton347.fancyButton:focus .text,.fancyButton347.fancyButton:active .text,.fancyButton347.fancyButton.hover .text{ text-decoration: underline; background-repeat: no-repeat; background-position: left top; } </style> </div></div> </div> <div class="widgetFooter"> </div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </footer><div data-cpRole="structuralContainer" id="poweredByContainerTS"> <div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="cc3d2fb306-5be1-40b6-aac8-f0d8440e08f7" data-containerid="3d2fb306-5be1-40b6-aac8-f0d8440e08f7" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> <div class="row outer wide"><div class="outer col col24 first last" style="" data-widgetcontainerid="c2098e45-5045-439b-8f35-5e91197fedd3"> <div class="row nest first last wide"> <div class="inner col col24 first last id8ecef463-0e6e-4a7b-8db1-700b05b0dc64" style="" data-widgetcontainerid="8ecef463-0e6e-4a7b-8db1-700b05b0dc64"> <div data-widget-id='afcfff55-668b-40df-a169-bb6bffbd8943' data-moduleName="customHtml" id='widgetCustomHtmlafcfff55-668b-40df-a169-bb6bffbd8943' class="widget widgetCustomHtml skin18 narrow" > <div class="widgetBody pageStyles" id="widgetBodyafcfff55-668b-40df-a169-bb6bffbd8943"> <div id="customHtmlafcfff55-668b-40df-a169-bb6bffbd8943"><div><style> /* CP icon */ .cpBylineIconTS { color: #fff; } /* CP Text */ .cpBylineTextTS, .cpBylineTextTS a:link { color: #fff; } .cpBylineTS { text-align: center; } .cpBylineIconTS { fill: currentColor; width: 39px; height: 26px; display: inline; vertical-align: middle; } </style> <div class="widgetItem cpBylineTS"> <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path> <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path> </svg> <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> </div> </div></div> </div> </div> </div>  </div>  </div></div>  </div> </div></div> </div> </div> </div> </div> </div> <link href="/745732998.css" rel="stylesheet" type="text/css" /> <div tabindex="0"></div> <div id="SplashMessageWrapper" class="cp-Splash-wrapper"> <div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open"> <div class="cp-Splash-header"> <span class="cp-Splash-title" id="cp-Splash-title">Loading</span> <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> <svg id="iconClose" viewBox="0 0 25 25"> <polygon style="fill:currentcolor" points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon> </svg> </button> </div> <div class="cp-Splash-body"> <div class="cp-Splash-Prose editorContent fr-view fr-element" id="editorContentDesc">  Loading </div> </div> <div class="cp-Splash-footer"> <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> </div> </div> </div> <div tabindex="0"></div> <script src="/Assets/Scripts/APIClient.js"></script> <script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script> <script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script> <script> $(document).ready(function () { var filter = { targetId: '65', 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>