1 2<!DOCTYPE html> 3<html lang="en"> 4<head> 5 6 <meta http-equiv="Content-type" content="text/html; charset=UTF-8" /> 7<!-- Google Tag Manager for GA4 --> 8
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-LK4QCSQZXT';w[l]=w[l]||[];w[l].push({'gtm.start': 9 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 10 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 11 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 12 })(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12 13 <!-- End Google Tag Manager for GA4 --> 14
14<script type='text/javascript'> 15 var enableTelemetry = 'false' 16 var aiConfig = { 17 instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f' 18 } 19 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://js.monitor.azure.com/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); 20 window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length; 21 // Add telemetry initializer 22 appInsights.queue.push(function() { 23 appInsights.context.addTelemetryInitializer(function(envelope) { 24 var telemetryItem = envelope.data.baseData; 25 // To check the telemetry itemâs type: 26 if (!false) 27 { 28 //If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that 29 if (envelope.name.indexOf('.Event') == -1) 30 return false; 31 } 32 }); 33 }); 34 appInsights.trackPageView(); 35 </script>
35 36
36<script> 37 function populateAntiForgery(token) { 38 var input = document.createElement("input"); 39 input.name = "__RequestVerificationToken"; 40 input.type = "hidden"; 41 input.value = token; 42 var absPat = /^https?:\/\/|^\/\//i; 43 var forms = document.getElementsByTagName("form"); 44 for (var i = 0; i < forms.length; i++) { 45 if (forms[i].method == "post" && 46 !forms[i].querySelector('[name="__RequestVerificationToken"]') && 47 !absPat.test(forms[i].getAttribute("action"))) { 48 forms[i].appendChild(input.cloneNode()); 49 } 50 } 51 } 52 53 function getAntiForgeryToken(callback, error) { 54 var xhr = new XMLHttpRequest(); 55 xhr.open("GET", "/antiforgery"); 56 xhr.addEventListener("load", function() { 57 try { 58 if (this.status !== 200) { 59 throw Error("Invalid status. Could not retrieve antiforgery token."); 60 } 61 var obj = JSON.parse(this.responseText); 62 callback(obj.token); 63 } catch (e) { 64 typeof error === "function" && error(e); 65 } 66 }); 67 xhr.send(); 68 } 69 70 getAntiForgeryToken(function(token) { 71 if (document.readyState === "complete" 72 || document.readyState === "loaded" 73 || document.readyState === "interactive") { 74 populateAntiForgery(token); 75 return; 76 } 77 document.addEventListener("DOMContentLoaded", function() { 78 populateAntiForgery(token); 79 }, false); 80 }, console.error); 81 </script>
81 82 83 84
84<script type="text/javascript"> 85 window.departmentHeader = {}; 86 window.pageSectionTracker = {}; 87 window.isResponsiveEnabled = true; 88 window.isRemoveSetHeights= false; 89 if (window.isRemoveSetHeights) { 90 document.documentElement.className += ' removeSetHeights'; 91 } 92 window.mainMenuMediaQuery = 'screen and (max-width: 40em)'; 93 window.isMobileBrowserIncludingTablets = false; 94 window.fixedResponsiveMenu = false; 95 window.fullWidthResponsiveMenu = false; 96 window.responsiveMenuHeight = ''; 97 window.responsiveMenuFontSize = ''; 98 window.isContentAdvisor = false; 99 (function () { 100 window.setSizeCookie = function () { 101 document.cookie = "dpi=" + window.devicePixelRatio + "; path=/"; 102 document.cookie = "viewportWidth=" + window.innerWidth + "; path=/"; 103 document.cookie = "viewportHeight=" + window.innerHeight + "; path=/"; 104 if (screen && screen.width && screen.height) { 105 document.cookie = "screenWidth=" + screen.width + "; path=/"; 106 document.cookie = "screenHeight=" + screen.height + "; path=/"; 107 } 108 document.cookie = "responsiveGhost=1; path=/"; 109 }; 110 111 setSizeCookie(); 112 }()); 113 </script>
113 114 <meta name="viewport" content="width=device-width, initial-scale=1"> 115 116
116<script async src="https://docaccess.com/docbox.js"></script>
116 117 118 <meta name="category0" content="Home" /> 119<meta name="category1" content="Community" /> 120 121 122 <meta name="theme-color" content="rgb(29, 30, 9)"> 123 <link rel="icon" href="/images/favicon.ico" type="image/x-icon" /> 124 <link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" /> 125 <title>Community | Gunnison County, CO - Official Website</title> 126 127 <meta name="description" content="Explore your community and find out what there is to do, learn about the community, and much more."> 128
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128 129
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129 130 131 132 <!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]--> 133 <!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]--> 134 <!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]--> 135 <!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]--> 136
136<script type="text/javascript"><!-- 137 var intCountryCode = 840; 138 var order = ''; 139//--></script>
139 140 141 <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/-558576004.css" rel="stylesheet" type="text/css" /> 142 143 <link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print"> 144
144<script type="text/javascript"> 145 window.Pages = window.Pages || {}; 146 // FrontEnd RWD initialization 147 window.Pages.rwdReady = $.Deferred(); 148 window.Pages.toolBarDeferred = $.Deferred(); 149 window.Pages.rwdSetupComplete = $.Deferred(); 150 window.Pages.megaMenuLoaded = $.Deferred(); 151 window.Pages.angularToolbarComplete = $.Deferred(); 152 window.Pages.frontEndToolbarComplete = $.Deferred(); 153 </script>
153 154 <!--CPHeadContent--> 155
155<script src="/739942322.js" type="text/javascript"></script>
155 156 157 158 159 160 161 162 163 164 <!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]--> 165 <!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]--> 166 <!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]--> 167 <!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]--> 168 169
169<script type="text/javascript"> 170 setEditorVariables(false, 840); 171 function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); } 172 </script>
172 173
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173 174</head> 175<body class="wide " > 176 177
177<script>jQuery(document).click(function (event) { 178 var target = jQuery(event.target); 179 if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) { 180 var text = target.attr('title'); 181 182 if (!text.length) { 183 text = "N/A"; 184 } 185 ga('send', 186 { 187 hitType: 'event', 188 eventCategory: 'Image', 189 eventAction: 'Image - ' + text, 190 eventLabel: window.location.href 191 }); 192 } 193 if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) { 194 var text = ""; 195 if (target.parents('.button')[0]) { 196 text = target.parents('.button').first().text(); 197 } else if (target.text().length) { 198 text = target.text(); 199 } else if (target.attr('title').length) { 200 text = target.attr('title'); 201 } 202 if (!text.length) { 203 text = "N/A"; 204 } 205 ga('send', 206 { 207 hitType: 'event', 208 eventCategory: 'Button', 209 eventAction: 'Button - ' + text, 210 eventLabel: window.location.href 211 }); 212 } 213 if (target.parents('.widgetCustomHtml').length) { 214 ga('send', 215 { 216 hitType: 'event', 217 eventCategory: 'Custom Html',
218 eventAction: 'Custom Html Clicked', 219 eventLabel: window.location.href 220 }); 221 } 222 if (target.parents('.editor').length) { 223 ga('send', 224 { 225 hitType: 'event', 226 eventCategory: 'Editor', 227 eventAction: 'Editor Link Clicked', 228 eventLabel: window.location.href 229 }); 230 } 231 if (target.parents('.GraphicLinks').length) { 232 var text = ""; 233 var targetGraphicLink = target; 234 if (target.hasClass('widgetGraphicLinksLink')) { 235 targetGraphicLink = jQuery(target.children()[0]); 236 } 237 if (targetGraphicLink.hasClass('text')) { 238 text = targetGraphicLink.text(); 239 } else if (targetGraphicLink.attr('src').length) { 240 if (targetGraphicLink.attr('alt').length) { 241 text = targetGraphicLink.attr('alt'); 242 } else { 243 text = targetGraphicLink.attr('src'); 244 } 245 } else { 246 text = "N/A"; 247 } 248 ga('send', 249 { 250 hitType: 'event', 251 eventCategory: 'Graphic Links', 252 eventAction: 'Graphic Link - ' + text, 253 eventLabel: window.location.href 254 }); 255 } 256 if (target.parents('.InfoAdvanced').length) { 257 ga('send', 258 { 259 hitType: 'event', 260 eventCategory: 'Info Advanced', 261 eventAction: 'Info Advanced Clicked', 262 eventLabel: window.location.href 263 }); 264 } 265 if (target.parents('.list').length) { 266 ga('send', 267 { 268 hitType: 'event', 269 eventCategory: 'List', 270 eventAction: 'List Clicked', 271 eventLabel: window.location.href 272 }); 273 } 274 if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) { 275 var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text(); 276 var breadCrumbs = []; 277 jQuery('.breadCrumbs > li').each(function () { 278 breadCrumbs.push(this.textContent); 279 }); 280 var pageTitle = breadCrumbs.join('>'); 281 var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text(); 282 var text = ""; 283 if (pageTitle) { 284 text += pageTitle + " | "; 285 } else { 286 text += document.title + ' - '; 287 } 288 if (target.text() == "" && megaMenuText == "") { 289 text += "N/A"; 290 } else if (target.text().length && megaMenuText.length) { 291 if (megaMenuText == target.text()) { 292 text += megaMenuText; 293 } else { 294 text += megaMenuText + " - " + subTitleText + " - " + target.text(); 295 } 296 } else if (target.text() == "") { 297 text += megaMenuText; 298 } else { 299 text += target.text(); 300 } 301 if (!text.length) { 302 text = "N/A"; 303 } 304 ga('send', 305 { 306 hitType: 'event', 307 eventCategory: 'Mega Menu', 308 eventAction: 'Mega Menu : ' + text, 309 eventLabel: window.location.href 310 }); 311 } 312 if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) { 313 var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text(); 314 if (!text.length) { 315 text = "N/A"; 316 } 317 ga('send', 318 { 319 hitType: 'event', 320 eventCategory: 'News Flash', 321 eventAction: 'News Flash - ' + text, 322 eventLabel: window.location.href 323 }); 324 } 325 if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) { 326 var text = target.text(); 327 if (!text.length) { 328 text = "N/A"; 329 } 330 ga('send', 331 { 332 hitType: 'event', 333 eventCategory: 'Quick Links', 334 eventAction: 'Quick Links - ' + text, 335 eventLabel: window.location.href 336 }); 337 } 338 if (target.attr('src') && target.parents('.cpSlideshow').length) { 339 var text = target.attr('title'); 340 if (!text.length) { 341 text = "N/A"; 342 } 343 ga('send', 344 { 345 hitType: 'event', 346 eventCategory: 'Slideshow', 347 eventAction: 'Slideshow - ' + text, 348 eventLabel: window.location.href 349 }); 350 } 351 if (target.parents('.widgetText').length) { 352 ga('send', 353 { 354 hitType: 'event', 355 eventCategory: 'Text', 356 eventAction: 'Text Link Clicked', 357 eventLabel: window.location.href 358 }); 359 } 360});</script>
360 361 <div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;"> 362 <div class="cp-PopOver-header"> 363 <h3 class="cp-PopOver-title"></h3> 364 <button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)"> 365 <svg class="cp-Icon--close" alt="close" title="close"> 366 <use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use> 367 </svg> 368 </button> 369 </div> 370 <div id="cpPopOverBody" class="cp-PopOver-body"> 371 <form id="cpPopOverForm" name="cpPopOverForm" novalidate></form> 372 </div> 373 <div id="cpPopOverFooter" class="cp-PopOver-footer"> 374 <div class="cp-BtnGroup" id="actionButtons"> 375 <!-- Action buttons will be dynamically added here --> 376 </div> 377 </div> 378</div> 379 <div id="fb-root"></div> 380<div id=skipToContentLinks> 381<a href="#cc417a9e29-92cc-478a-9a8b-cb288c8f1187" target="_self" class="skipToContentLink">Skip to Main Content</a> 382</div> 383 <form id="frmReferenceFormForTelerikEditorDialogs"></form> 384 385 <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" /> 386 387 388 389 <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com"> 390 <input type="hidden" id="hdnStructureID" value="8" /> 391 <input type="hidden" id="hdnContentCollectionID" value="6cbfde3f-8388-4c72-8745-e59e23b488b2" /> 392 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 393 <input type="hidden" id="hdnThemeID" value="32" /> 394 <input type="hidden" id="pageIsFrontEnd" value="true" /> 395 <input type="hidden" id="pageModuleID" /> 396 <input type="hidden" id="pagePageID" value="31" /> 397 398 <div id="stickyPlaceholder"></div> 399 <div id="outer-wrap" class="outer-wrap"> 400 <div id="inner-wrap" class="inner-wrap"> 401 <div id="divToolbars" class="cpToolbars newCP mui-fixed" style=""> 402 403 404 405 406 </div> 407 <div id="bodyWrapper"> 408 <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div> 409 410<div data-cpRole="structuralContainer" id="bodyContainerTS"> 411<!-- <div data-cpRole="banner" id="banner3" class="fixedBannerTS"> --><!-- Header Container --><header data-cpRole="structuralContainer" id="headerContainerTS" class="fixedTopTS"> 412<div class="siteWrap6"><div data-cpRole="structuralContainer" id="flexHeader1TS" class="headerTS flexTS flex-columnTS justify-betweenTS align-centerTS"> 413<div data-cpRole="structuralContainer" id="logoTS"> 414<div data-cpRole="banner" id="logoInnerTS" class="bannerLogoTS empty"> 415 416 417 418 419 <a id="logoInnerTS-76" style=" display: block; text-align: center; 420" class="bannerObject" href="/" target="_self"><img alt="Gunnison County Colorado Homepage" class="bannerObject" height="360" src="/ImageRepository/Document?documentID=16345" width="340" /></a> 421</div> 422</div><div data-cpRole="structuralContainer" id="navTS"> 423<nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" aria-label="Main"> 424<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 425--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!-- 426 --><!-- 427 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Government" target = "_self" > Government </a> <!-- 428 --><!-- 429 --></li><!----><li id="MainItem8" class="topMenuItem" role="none" data-pageid="8" data-displaymegamenu="True"><!-- 430 --><!-- 431 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu8" id = "mainNavServices" class="navMainItem mainNavItem mainNavItem2 " href="/8/Services" target = "_self" > Services </a> <!-- 432 --><!-- 433 --></li><!----><li id="MainItem31" class="topMenuItem" role="none" data-pageid="31" data-displaymegamenu="True"><!-- 434 --><!-- 435 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu31" id = "mainNavCommunity" class="navMainItem mainNavItem mainNavItem3 " href="/31/Community" target = "_self" > Community </a> <!-- 436 --><!-- 437 --></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!-- 438 --><!-- 439 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/35/How-Do-I" target = "_self" > How Do I? </a> <!-- 440 --><!-- 441 --></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 442 --><!-- 443 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavConnect" class="navMainItem mainNavItem mainNavItem5 " href="/9/Connect" target = "_self" > Connect </a> <!-- 444 --><!-- 445 --></li><!----> 446</ol> 447 448 449
449<script type="text/javascript"> 450 (function () { 451 function setupMenu() { 452 const menuID = 'mainNavMenu'; 453 const menuType = MAIN_MENU; 454 455 //setup menu manager properties for main menu 456 if (!menuManager.mobileMainNav && true) 457 menuManager.adjustMainItemsWidth('#' + menuID); 458 menuManager.isMainMenuEditable = false; 459 menuManager.mainMenuMaxSubMenuLevels = 4; 460 menuManager.setMOMMode(2, menuType); 461 462 //Init main menu 463 const setupDraggable = menuManager.isMainMenuEditable; 464 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=32&menuContainerID=mainNav'; 465 466 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 467 menuManager.mainMenuInit = true; 468 menuManager.mainMenuTextResizer = true; 469 if (1.00 > 0) 470 menuManager.mainMenuTextResizerRatio = 1.00; 471 if (window.isResponsiveEnabled) 472 menuManager.mainMenuReady.resolve(); 473 474 } 475 476 if (document.readyState === "complete" 477 || document.readyState === "loaded" 478 || document.readyState === "interactive") { 479 setupMenu(); 480 return; 481 } 482 483 document.addEventListener("DOMContentLoaded", setupMenu); 484 })(); 485 </script>
485 486 487 488<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="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal"> <div id="cc88b1b78d-ba73-4918-bdec-f64c07a79054" data-containerid="88b1b78d-ba73-4918-bdec-f64c07a79054" class="pageContent cpGrid cpGrid24"> 489 490 491 492 493 </div> 494</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu8" class="contentTop mainNavMegaMenu megaMenuContainer pageID_8 hidden" data-orientation="horizontal"> <div id="cc0053e5e1-ba93-4567-b256-df2161fd7ac5" data-containerid="0053e5e1-ba93-4567-b256-df2161fd7ac5" class="pageContent cpGrid cpGrid24"> 495 496 497 498 499 </div> 500</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu31" class="contentTop mainNavMegaMenu megaMenuContainer pageID_31 hidden" data-orientation="horizontal"> <div id="cc77ac8179-8efb-4cbe-a735-84b6d26f390c" data-containerid="77ac8179-8efb-4cbe-a735-84b6d26f390c" class="pageContent cpGrid cpGrid24"> 501 502 503 504 505 </div> 506</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal"> <div id="cc2c899453-3697-4b99-816c-4983f3baee0c" data-containerid="2c899453-3697-4b99-816c-4983f3baee0c" class="pageContent cpGrid cpGrid24"> 507 508 509 510 511 </div> 512</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc0f492f50-826b-45a6-b15d-06c9e3c08534" data-containerid="0f492f50-826b-45a6-b15d-06c9e3c08534" class="pageContent cpGrid cpGrid24"> 513 514 515 516 517 </div> 518</aside></aside></nav> 519</div><div data-cpRole="structuralContainer" id="searchTS"> 520<div data-cpRole="contentContainer" id="searchInnerTS" class="containerTS"> <div id="cc81c32029-a51f-4e77-a710-e17bfecef8a1" data-containerid="81c32029-a51f-4e77-a710-e17bfecef8a1" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 521 522 523 <div class="row outer wide"><!-- 524--><div class="outer col col24 first last" style="" data-widgetcontainerid="be5efe8d-ac72-436b-ab0b-3ecf9476567d">� 525 <div class="row nest first last wide">� 526 527 <div class="inner col col24 first last id7b0aa1cd-c8f1-4983-9e45-bac2d730f8f2" style="" data-widgetcontainerid="7b0aa1cd-c8f1-4983-9e45-bac2d730f8f2">� 528<div data-widget-id="8acfaac9-0e21-475c-a1af-17b402ff74bd" data-widget-controller-path="/Layout/WidgetSearch"> 529 530
530<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
530 531
531<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
531 532
532<script defer type="text/javascript"> 533 534 $(document).ready(function () { 535 try { 536 // Minimum characters required before performing a search/autocomplete 537 var minPrefixLength = 3; 538 var autoCompleteDebounceDelay = 500; 539 var searchFieldSelector = "#searchField" + '8acfaac9-0e21-475c-a1af-17b402ff74bd'; 540 var checkboxSelector = "#ysnSearchOnlyDept" + '8acfaac9-0e21-475c-a1af-17b402ff74bd'; 541 var buttonSelector = ".widgetSearchButton" + '8acfaac9-0e21-475c-a1af-17b402ff74bd'; 542 var autoCompleteCache = {}; 543 var autoCompleteCacheKeys = []; 544 var autoCompleteCacheLimit = 25; 545 var currentAutoCompleteRequest = null; 546 var currentAutoCompleteRequestKey = null; 547 var autoCompleteDebounceTimer = null; 548 var autoCompleteDebounceKey = null; 549 var pendingAutoCompleteResponses = []; 550 551 function normalizeAutoCompleteTerm(term) { 552 return $.trim((term || "") + "").replace(/\s+/g, " "); 553 } 554 555 function shouldSearch(term) { 556 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 557 } 558 559 function getAutoCompleteUrl() { 560 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 561 } 562 563 function getAutoCompleteCacheKey(requestUrl, term) { 564 return requestUrl + "|" + term.toLowerCase(); 565 } 566 567 function cacheAutoCompleteResult(cacheKey, data) { 568 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 569 autoCompleteCacheKeys.push(cacheKey); 570 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 571 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 572 } 573 } 574 autoCompleteCache[cacheKey] = data; 575 } 576 577 function respondToPendingAutoComplete(data) { 578 var responses = pendingAutoCompleteResponses; 579 pendingAutoCompleteResponses = []; 580 for (var i = 0; i < responses.length; i++) { 581 responses[i](data); 582 } 583 } 584 585 function cancelPendingAutoComplete() { 586 clearTimeout(autoCompleteDebounceTimer); 587 autoCompleteDebounceKey = null; 588 if (currentAutoCompleteRequest != null) { 589 currentAutoCompleteRequest.abort(); 590 currentAutoCompleteRequest = null; 591 } 592 currentAutoCompleteRequestKey = null; 593 respondToPendingAutoComplete([]); 594 } 595 596 function createWidgetAutoCompleteSource(options) { 597 return function (request, response) { 598 var term = normalizeAutoCompleteTerm(request.term); 599 if (!options.shouldSearch(term)) { 600 response([]); 601 return; 602 } 603 604 var requestUrl = options.url(); 605 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 606 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 607 response(autoCompleteCache[cacheKey]); 608 if (options.success) { 609 options.success(autoCompleteCache[cacheKey]); 610 } 611 return; 612 } 613 614 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 615 pendingAutoCompleteResponses.push(response); 616 return; 617 } 618 619 cancelPendingAutoComplete(); 620 autoCompleteDebounceKey = cacheKey; 621 pendingAutoCompleteResponses.push(response); 622 autoCompleteDebounceTimer = setTimeout(function () { 623 autoCompleteDebounceKey = null; 624 currentAutoCompleteRequestKey = cacheKey; 625 currentAutoCompleteRequest = $.ajax({ 626 url: requestUrl, 627 dataType: "json", 628 timeout: options.timeout, 629 data: { 630 term: term, 631 }, 632 success: function (data) { 633 if (currentAutoCompleteRequestKey === cacheKey) { 634 cacheAutoCompleteResult(cacheKey, data); 635 respondToPendingAutoComplete(data); 636 if (options.success) { 637 options.success(data); 638 } 639 } 640 }, 641 error: function (xmlhttprequest, textstatus, message) { 642 if (textstatus === "abort") { 643 return; 644 } 645 646 if (options.error) { 647 options.error(xmlhttprequest, textstatus, message); 648 } 649 650 respondToPendingAutoComplete([]); 651 }, 652 complete: function (xmlhttprequest) { 653 if (currentAutoCompleteRequest === xmlhttprequest) { 654 currentAutoCompleteRequest = null;
655 currentAutoCompleteRequestKey = null; 656 } 657 } 658 }); 659 }, options.delay); 660 }; 661 } 662 663 // click handler for search buttons 664 $(buttonSelector).click(function (e) { 665 e.preventDefault(); 666 var $btn = $(this); 667 var $field = $btn.siblings(".widgetSearchBox"); 668 var term = $field.val() + ""; 669 if (!shouldSearch(term)) { 670 // do nothing until user types enough characters 671 $field.focus(); 672 return; 673 } 674 675 if ($(checkboxSelector).is(':checked') || false) 676 { 677 doWidgetSearch($.trim(term), Number(0)); 678 } 679 else { 680 doWidgetSearch($.trim(term), 0); 681 } 682 }); 683 684 // enter key handler for the search field 685 $(searchFieldSelector).keypress(function (e) { 686 var code = e.which || e.keyCode; 687 if (code === 13) { 688 e.preventDefault(); 689 var $this = $(this); 690 var term = $this.val() + ""; 691 if (!shouldSearch(term)) { 692 // do nothing until user types enough characters 693 $this.focus(); 694 return false; 695 } 696 697 if ($(checkboxSelector).is(':checked') || false) { 698 doWidgetSearch($.trim(term), Number(0)); 699 } else { 700 doWidgetSearch($.trim(term), 0); 701 } 702 return false; 703 } 704 return true; 705 }); 706 707 // autocomplete: set minLength and guard source 708 if (true) { 709 var $searchField = $(searchFieldSelector).autocomplete({ 710 minLength: minPrefixLength, 711 source: createWidgetAutoCompleteSource({ 712 delay: autoCompleteDebounceDelay, 713 timeout: 10000, 714 shouldSearch: shouldSearch, 715 url: getAutoCompleteUrl, 716 success: function () { 717 $('.autoCompleteError').remove(); 718 }, 719 error: function (xmlhttprequest, textstatus, message) { 720 if (textstatus === "timeout") { 721 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 722 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 723 } 724 } 725 }), 726 html: true, 727 delay: 0, 728 select: function (event, ui) { 729 $(this).val(ui.item.value); 730 $(this).next().click(); 731 } 732 }); 733 734 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 735 return $("<li class=\"itemList\"></li>") 736 .data("ui-autocomplete-item", item) 737 .append("<a>" + item.label + "</a>") 738 .appendTo(ul); 739 }; 740 } 741 742 // keep searchBtnApplyQuery consistent with prefix rule 743 window.searchBtnApplyQuery = function() { 744 var $field = $(searchFieldSelector); 745 var term = $field.val() + ""; 746 if (shouldSearch(term)) { 747 // update href for the icon/button (if present) 748 var btn = document.getElementById("btnSearchIcon"); 749 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 750 } else { 751 var btn = document.getElementById("btnSearchIcon"); 752 if (btn) btn.href = "#"; 753 } 754 }; 755 } 756 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. 757 }); 758 </script>
758 759 760 <section id="widgetPreviewSearch" class="widget widgetSearch skin89 widgetOptionSet56" style="display: block;" aria-label="Search"> 761 <!-- For the button right and inside --> 762 <div class="widgetBody buttonRightInside"> 763 <input class="widgetSearchBox widgetSearchBox8acfaac9-0e21-475c-a1af-17b402ff74bd" cp5ph="true" id="searchField8acfaac9-0e21-475c-a1af-17b402ff74bd" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search" type="text" value="" /> 764 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButton8acfaac9-0e21-475c-a1af-17b402ff74bd" role="button"><img alt="search" class="imageHover" data-hover="/ImageRepository/Document?documentID=16348" data-image="/ImageRepository/Document?documentID=16349" src="/ImageRepository/Document?documentID=16349" /></a> 765 766 <label class="searchLabel" aria-hidden="true" for="searchField8acfaac9-0e21-475c-a1af-17b402ff74bd">Search</label> 767 </div> 768 769 </section> 770 771 772<style scoped> 773 774 .widgetSearch ::-webkit-input-placeholder { 775 color: #414323; 776 } 777 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 778 color: #414323; 779 } 780 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 781 color: #414323; 782 } 783 .widgetSearch :-ms-input-placeholder { 784 color: #414323; 785 } 786 787 788 .widgetSearch .widgetBody .widgetSearchBox8acfaac9-0e21-475c-a1af-17b402ff74bd 789 { 790 color: #000000; 791 height: 60px; 792padding: 0 60px 0 27px; 793border-radius: 6px; 794border: 2px solid #52777F; 795font: italic 400 20px Roboto Condensed; 796background: #FFF; 797 } 798 .widgetSearch .widgetBody .widgetSearchButton8acfaac9-0e21-475c-a1af-17b402ff74bd 799 { 800 margin: 2px; 801 } 802 .widgetSearch .widgetSearch-onlyDept8acfaac9-0e21-475c-a1af-17b402ff74bd 803 { 804 display: inline-block; 805 color: #333; 806 807 808 padding-top: 10px; 809 } 810 #ysnSearchOnlyDept8acfaac9-0e21-475c-a1af-17b402ff74bd 811 { 812 position: relative; 813 top: .125em; 814 } 815 816</style> 817 818<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 819<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 820 821 822
823<script type="text/javascript"> 824 //Updates search icons href to have the correct queryString 825 function searchBtnApplyQuery() { 826 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchField8acfaac9-0e21-475c-a1af-17b402ff74bd").value; 827 } 828</script>
828 829 830</div> 831 832 </div> <!-- inner column --> 833 834 </div> <!-- inner row --> 835 836 </div><!-- outer column --><!-- --></div> <!-- outer row --> 837 838 839 </div> 840</div> 841</div> 842</div></div> 843</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 844<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 845<div data-cpRole="structuralContainer" id="bannerContentTS"> 846<div class="siteWrap6"><div data-cpRole="contentContainer" id="contentTS" class="containerTS"> <div id="cca684012b-0b6a-4937-b389-17276ac4c9f8" data-containerid="a684012b-0b6a-4937-b389-17276ac4c9f8" class="pageContent cpGrid cpGrid24 showInMobile"> 847 848 849 850 851 </div> 852</div></div> 853</div> 854</div> 855 856 857 858 859 <div id="bannerImagesJSON75" class="hidden"></div> 860 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 861 <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> 862 <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> 863 </div> 864
864<script type="text/javascript"> 865 $(window).on("load", function () { 866 $.when(window.Pages.rwdSetupComplete) 867 .done(function () { 868 renderExternalBannerSlideshow('banner1', 869 {"BannerOptionID":75,"ThemeID":32,"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":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":149,"BannerOptionID":75,"FileName":"/ImageRepository/Document?documentID=16346","Height":300,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":150,"BannerOptionID":75,"FileName":"/ImageRepository/Document?documentID=16347","Height":300,"Width":2200,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":2,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":8,"BannerOptionID":75,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202507021244445379.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"}, 870 '/App_Themes/2025 - Interior/Images/', 871 'Rotating'); 872 }); 873 }); 874 </script>
874 875 876</div> 877</div><main data-cpRole="structuralContainer" id="mainSectionTS"> 878<!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 879<div class="siteWrap2"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap flexTS flex-columnTS roundedTS"> 880<div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar left-nav-decoration roundedTS"> 881<aside data-cpRole="contentContainer" id="sidebarContainer1TS" class="containerTS"> <div id="cc1b4c72e1-2a1c-4027-bd05-eff88d83d6d9" data-containerid="1b4c72e1-2a1c-4027-bd05-eff88d83d6d9" class="pageContent cpGrid cpGrid24 showInMobile"> 882 883 884 885 886 </div> 887</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav" aria-label="Secondary"> 888 889 890 891 892 893 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="31" class="rootNavMenu accordionNav"> 894 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem618" data-pageid="618"> 895 <div class="accordionNavItem"> 896 <a href="/618/Area-Information" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Area Information</a> 897 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Area Information Submenu" aria-expanded="false" aria-controls="submenu-lvl1-618"></a> 898 </div> 899 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-618" style="display: none;" data-parent="618"> 900 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem619" data-pageid="619"> 901 <div class="accordionNavItem"> 902 <a href="/619/Almont" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Almont</span></a> 903 </div> 904 </li> 905 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem620" data-pageid="620"> 906 <div class="accordionNavItem"> 907 <a href="/620/Crested-Butte" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Crested Butte</span></a> 908 </div> 909 </li> 910 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem624" data-pageid="624"> 911 <div class="accordionNavItem"> 912 <a href="/624/Gunnison" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Gunnison</span></a> 913 </div> 914 </li> 915 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem626" data-pageid="626"> 916 <div class="accordionNavItem"> 917 <a href="/626/Marble" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Marble</span></a> 918 </div> 919 </li> 920 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem627" data-pageid="627"> 921 <div class="accordionNavItem"> 922 <a href="/627/Mt-Crested-Butte" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Mt. Crested Butte</span></a> 923 </div> 924 </li> 925 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem628" data-pageid="628"> 926 <div class="accordionNavItem"> 927 <a href="/628/Ohio-City" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Ohio City</span></a> 928 </div> 929 </li> 930 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem629" data-pageid="629"> 931 <div class="accordionNavItem"> 932 <a href="/629/Parlin" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Parlin</span></a> 933 </div> 934 </li> 935 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem630" data-pageid="630"> 936 <div class="accordionNavItem"> 937 <a href="/630/Pitkin" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Pitkin</span></a> 938 </div> 939 </li> 940 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem631" data-pageid="631"> 941 <div class="accordionNavItem"> 942 <a href="/631/Powderhorn" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Powderhorn</span></a> 943 </div> 944 </li> 945 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem632" data-pageid="632"> 946 <div class="accordionNavItem"> 947 <a href="/632/Sapinero" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Sapinero</span></a> 948 </div> 949 </li> 950 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem633" data-pageid="633"> 951 <div class="accordionNavItem"> 952 <a href="/633/Schofield" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Schofield</span></a> 953 </div> 954 </li> 955 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem929" data-pageid="929"> 956 <div class="accordionNavItem">
957 <a href="/929/Shady-Island" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Shady Island</span></a> 958 </div> 959 </li> 960 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem634" data-pageid="634"> 961 <div class="accordionNavItem"> 962 <a href="/634/Somerset" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Somerset</span></a> 963 </div> 964 </li> 965 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem635" data-pageid="635"> 966 <div class="accordionNavItem"> 967 <a href="/635/Tin-Cup" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Tin Cup</span></a> 968 </div> 969 </li> 970 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem636" data-pageid="636"> 971 <div class="accordionNavItem"> 972 <a href="/636/White-Pine" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">White Pine</span></a> 973 </div> 974 </li> 975 976 </ol> 977 </li> 978 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem244" data-pageid="244"> 979 <div class="accordionNavItem"> 980 <a href="/244/Chambers-of-Commerce-Visitors-Tourism" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Chambers of Commerce, Visitors & Tourism</a> 981 </div> 982 </li> 983 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem465" data-pageid="465"> 984 <div class="accordionNavItem"> 985 <a href="/Jobs.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Employment Opportunities</a> 986 </div> 987 </li> 988 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem297" data-pageid="297"> 989 <div class="accordionNavItem"> 990 <a href="/297/Environmental-Initiatives" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Environmental Initiatives</a> 991 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Environmental Initiatives Submenu" aria-expanded="false" aria-controls="submenu-lvl1-297"></a> 992 </div> 993 <ol aria-hidden="true" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-297" style="display: none;" data-parent="297"> 994 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem301" data-pageid="301"> 995 <div class="accordionNavItem"> 996 <a href="/301/Accomplishments-Achievements" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Accomplishments / Achievements</span></a> 997 </div> 998 </li> 999 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem831" data-pageid="831"> 1000 <div class="accordionNavItem"> 1001 <a href="/831/Compressed-Natural-Gas-CNG" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Compressed Natural Gas (CNG)</span></a> 1002 </div> 1003 </li> 1004 <li class="sideNavLi subMenuItem hasAccordionChildren" id="SideItem1166" data-pageid="1166"> 1005 <div class="accordionNavItem"> 1006 <a href="/1145/GV-HEAT" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">GV-HEAT</span></a> 1007 </div> 1008 </li> 1009 1010 </ol> 1011 </li> 1012 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem467" data-pageid="467"> 1013 <div class="accordionNavItem"> 1014 <a href="/faq.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Frequently Asked Questions (FAQ)</a> 1015 </div> 1016 </li> 1017 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem261" data-pageid="261"> 1018 <div class="accordionNavItem"> 1019 <a href="/261/Gunnison-County-Housing-Authority" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Gunnison County Housing Authority</a> 1020 </div> 1021 </li> 1022 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem126" data-pageid="126"> 1023 <div class="accordionNavItem"> 1024 <a href="/126/New-Resident-Information" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">New Resident Information</a> 1025 </div> 1026 </li> 1027 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem469" data-pageid="469"> 1028 <div class="accordionNavItem"> 1029 <a href="/civicalerts.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">News</a> 1030 </div> 1031 </li> 1032 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem470" data-pageid="470"> 1033 <div class="accordionNavItem"> 1034 <a href="/152/Clinical-Services" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Public Health</a> 1035 </div> 1036 </li> 1037 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem473" data-pageid="473"> 1038 <div class="accordionNavItem"> 1039 <a href="/directory.aspx" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Staff Directory</a> 1040 </div> 1041 </li> 1042 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem471" data-pageid="471"> 1043 <div class="accordionNavItem"> 1044 <a href="/169/Solid-Waste-Management" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Trash & Recycling</a> 1045 </div> 1046 </li> 1047 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem474" data-pageid="474"> 1048 <div class="accordionNavItem"> 1049 <a href="/170/Utility-Services" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Utilities</a> 1050 </div> 1051 </li> 1052 <li class="topMenuItem sideNavLi hasAccordionChildren" id="SideItem476" data-pageid="476"> 1053 <div class="accordionNavItem"> 1054 <a href="/162/Wildlife-Conservation" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Wildlife Conservation</a> 1055 </div> 1056 </li> 1057 1058 </ol> 1059 1060 1061
1061<script type="text/javascript"> 1062 (function () { 1063 function setupSecondaryMenuProperties() { 1064 //setup menu manager properties for secondary menu 1065 menuManager.isSideMenuEditable = false; 1066 menuManager.sideMenuMaxSubMenuLevels = 4; 1067 menuManager.sideMenuHasCustomLinks = false; 1068 } 1069 1070 if (document.readyState === "loading") { 1071 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1072 return; 1073 } 1074 1075 setupSecondaryMenuProperties(); 1076 })(); 1077 </script>
1077 1078 1079
1079<script type="text/javascript"> 1080 (function () { 1081 function setupAccordionSecondaryNav() { 1082 var $menuContainer = $('#secondaryNav'); 1083 1084 $menuContainer.find('*[id^="SideItem"]').each(function () { 1085 var ids = $('[id="' + this.id + '"]'); 1086 if (ids.length > 1) 1087 $.each(ids, function (index, value) { 1088 value.id = value.id + '_' + index; 1089 }); 1090 }); 1091 1092 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1093 e.preventDefault(); 1094 showHideAccordionMenuForSecondaryNav($(this)); 1095 }); 1096 1097 $menuContainer.find(".grippy").each(function () { 1098 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1099 }); 1100 1101 $menuContainer.find("li").each(function () { 1102 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1103 }); 1104 } 1105 1106 if (document.readyState === "loading") { 1107 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1108 return; 1109 } 1110 1111 setupAccordionSecondaryNav(); 1112 })(); 1113 </script>
1113 1114 1115 1116 1117</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS" class="containerTS"> <div id="ccb5056c91-1526-41fe-a589-afc8131388f8" data-containerid="b5056c91-1526-41fe-a589-afc8131388f8" class="pageContent cpGrid cpGrid24 showInMobile"> 1118 1119 1120 1121 1122 </div> 1123</aside> 1124</div><div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap flexTS flex-columnTS"> 1125<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1126<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 1127 <li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="31"><a href class="breadCrumb" aria-current="page">Community</a></li> 1128 </ol> 1129 1130 1131 1132</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1133 1134 <div id="page" class="moduleContentNew"> 1135 1136 1137 <input id="hdnPageID" name="hdnPageID" type="hidden" value="31" /> 1138 <input id="hdnParentID" name="hdnParentID" type="hidden" value="1" /> 1139 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="8127" /> 1140 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Community" /> 1141 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
1142 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1143 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1144 1145 <h1 id="versionHeadLine" class="headline"> 1146 1147Community </h1> 1148 1149 <div id="cc417a9e29-92cc-478a-9a8b-cb288c8f1187" data-containerid="417a9e29-92cc-478a-9a8b-cb288c8f1187" class="pageContent cpGrid cpGrid24" > 1150 1151 1152 <div class="row outer wide"><!-- 1153--><div class="outer col col24 first last" style="" data-widgetcontainerid="b52eb5d4-313c-4aa7-9cbd-e760216a9516">� 1154 <div class="row nest first last wide">� 1155 1156 <div class="inner col col24 first last ided92625d-a16a-4723-aea8-b9703311eea2" style="" data-widgetcontainerid="ed92625d-a16a-4723-aea8-b9703311eea2">� 1157 <nav class="widget clear dynamicSubpage widgetPages skin89 wide" id="widgetPage7d43e54d-f31b-4f37-bf4c-4818cfcad9f8" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label = Pages> 1158 <div class="hidden widgetTypeID">9</div> 1159 <div class="hidden depth">1</div> 1160 <div class="hidden cols">1</div> 1161 <div class="hidden format">2</div> 1162 <div class="widgetBody"> 1163 1164 <div class="widgetBody cpGrid cpGrid1 "> 1165 <div class="row wide"> 1166 1167 <div class="col col1"> 1168 <ol class="semanticList layout2"> 1169 <li class="megaMenuItem widgetItem" data-pageid="618" role="none"> 1170 <div class="widgetTitle"> 1171 <a href="/618/Area-Information" target="_self" >Area Information</a> 1172 </div> 1173 <p class="widgetDesc">Links and information for all of the cities and towns within Gunnison County</p> 1174 1175 </li> <li class="megaMenuItem widgetItem" data-pageid="244" role="none"> 1176 <div class="widgetTitle"> 1177 <a href="/244/Chambers-of-Commerce-Visitors-Tourism" target="_self" >Chambers of Commerce, Visitors & Tourism</a> 1178 </div> 1179 <p class="widgetDesc">Information and resources for visitors, tourists, and the many recreational activities available in Gunnison County</p> 1180 1181 </li> <li class="megaMenuItem widgetItem" data-pageid="465" role="none"> 1182 <div class="widgetTitle"> 1183 <a href="/Jobs.aspx" target="_self" >Employment Opportunities</a> 1184 </div> 1185 <p class="widgetDesc"></p> 1186 1187 </li> <li class="megaMenuItem widgetItem" data-pageid="297" role="none"> 1188 <div class="widgetTitle"> 1189 <a href="/297/Environmental-Initiatives" target="_self" >Environmental Initiatives</a> 1190 </div> 1191 <p class="widgetDesc">Check out the environmental initiatives going on in Gunnison County.</p> 1192 1193 </li> <li class="megaMenuItem widgetItem" data-pageid="467" role="none"> 1194 <div class="widgetTitle"> 1195 <a href="/faq.aspx" target="_self" >Frequently Asked Questions (FAQ)</a> 1196 </div> 1197 <p class="widgetDesc">Read through questions that are commonly asked about the county or a county department, and their answers.</p> 1198 1199 </li> <li class="megaMenuItem widgetItem" data-pageid="261" role="none"> 1200 <div class="widgetTitle"> 1201 <a href="/261/Gunnison-County-Housing-Authority" target="_self" >Gunnison County Housing Authority</a> 1202 </div> 1203 <p class="widgetDesc">Learn more about workforce housing and the Gunnison Valley Regional Housing Authority.</p> 1204 1205 </li> <li class="megaMenuItem widgetItem" data-pageid="126" role="none"> 1206 <div class="widgetTitle"> 1207 <a href="/126/New-Resident-Information" target="_self" >New Resident Information</a> 1208 </div> 1209 <p class="widgetDesc">Helpful information and resources for those visitors who have become new residents</p> 1210 1211 </li> <li class="megaMenuItem widgetItem" data-pageid="469" role="none"> 1212 <div class="widgetTitle"> 1213 <a href="/civicalerts.aspx" target="_self" >News</a> 1214 </div> 1215 <p class="widgetDesc"></p> 1216 1217 </li> <li class="megaMenuItem widgetItem" data-pageid="470" role="none"> 1218 <div class="widgetTitle"> 1219 <a href="/152/Clinical-Services" target="_self" >Public Health</a> 1220 </div> 1221 <p class="widgetDesc"></p> 1222 1223 </li> <li class="megaMenuItem widgetItem" data-pageid="473" role="none"> 1224 <div class="widgetTitle"> 1225 <a href="/directory.aspx" target="_self" >Staff Directory</a> 1226 </div> 1227 <p class="widgetDesc"></p> 1228 1229 </li> <li class="megaMenuItem widgetItem" data-pageid="471" role="none"> 1230 <div class="widgetTitle"> 1231 <a href="/169/Solid-Waste-Management" target="_self" >Trash & Recycling</a> 1232 </div> 1233 <p class="widgetDesc"></p> 1234 1235 </li> <li class="megaMenuItem widgetItem" data-pageid="474" role="none"> 1236 <div class="widgetTitle"> 1237 <a href="/170/Utility-Services" target="_self" >Utilities</a> 1238 </div> 1239 <p class="widgetDesc"></p> 1240 1241 </li> <li class="megaMenuItem widgetItem" data-pageid="476" role="none"> 1242 <div class="widgetTitle"> 1243 <a href="/162/Wildlife-Conservation" target="_self" >Wildlife Conservation</a> 1244 </div> 1245 <p class="widgetDesc"></p> 1246 1247 </li> </ol> 1248 </div> 1249 </div> 1250 </div> 1251 1252 1253 1254 1255 </div> 1256 1257 </nav> 1258 1259 1260 1261 </div> <!-- inner column --> 1262 1263 </div> <!-- inner row --> 1264 1265 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1266 1267 1268 </div> 1269 1270 </div> 1271 1272
1273 <div class="newCP"> 1274 1275 </div> 1276</div> 1277</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent containerTS roundedTS"> <div id="cc98c4565f-c41c-4a19-8b1e-128544da7d98" data-containerid="98c4565f-c41c-4a19-8b1e-128544da7d98" class="pageContent cpGrid cpGrid24 showInMobile"> 1278 1279 1280 1281 1282 </div> 1283</aside> 1284</div> 1285</div></div> 1286</div><!-- Home Container --><!-- <div data-cpRole="structuralContainer" id="homeContainer1"> 1287 <div class="siteWrap2"> 1288 <div data-cpRole="contentContainer" id="homeContent1a" class="containerTS"></div> 1289 </div> 1290 </div> --> 1291</main><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1292<div class="siteWrap2"><div data-cpRole="contentContainer" id="gbsTS" class="containerTS"> <div id="cc6b85d895-cb65-4c37-b931-4b3469403dd0" data-containerid="6b85d895-cb65-4c37-b931-4b3469403dd0" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="30"> 1293 1294 1295 <div class="row outer wide"><!-- 1296--><div class="outer col col8 first" style="" data-widgetcontainerid="a92bc54d-d9bb-4984-b88b-a5138bbe95d7">� 1297 <div class="row nest first last wide">� 1298 1299 <div class="inner col col8 first last id0cd8767f-82e8-46d5-a6e2-2ecc0922fd4c" style="" data-widgetcontainerid="0cd8767f-82e8-46d5-a6e2-2ecc0922fd4c">� 1300<div data-widget-id="ca51cc48-a5b5-438c-991c-8cc2ac9684a8" data-widget-controller-path="/GraphicLinks/Widget"> 1301 1302 1303 1304 1305<div id="graphicLinkWidgetca51cc48-a5b5-438c-991c-8cc2ac9684a8" class="widget widgetGraphicLinks skin92 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1306 <div class="widgetHeader"> 1307 <div class=""> 1308 </div> 1309 </div> 1310 <div class="widgetBody cpGrid cpGrid2 "> 1311 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1312 <div class="row wide"> 1313 <!-- 1314--><div class="col col1 first "><ul class="semanticList"><!-- 1315 --><li class="widgetItem GraphicLinks"> 1316 1317<div> 1318 <a href="/list.aspx" target="_self" class="fancyButton fancyButton383 " > 1319 <span> 1320 <span><span class="text"><span class="textStyle1">Notify Me®</span></span></span> 1321 </span> 1322 </a> 1323</div> 1324 <style scoped="scoped">.fancyButton383.fancyButton:link,.fancyButton383.fancyButton:visited, .fancyButton383div.fancyButton{ 1325 background-repeat: no-repeat; 1326 background-position: left top; 1327position: relative; 1328} 1329 1330.fancyButton383::before, 1331.fancyButton383::after { 1332content: ""; 1333position: absolute; 1334background: #FFFFFF; 1335left: 50%; 1336top: 2em; 1337transform: translate(-50%, 0); 1338z-index: 1; 1339width: 6.875em; 1340height: 6.875em; 1341transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55), background .4s ease-in-out .05s; 1342} 1343 1344.fancyButton383::before { 1345border-radius: 50%; 1346z-index: 1; 1347transform: translate(-50%, 0) scale(0.8); 1348} 1349 1350.fancyButton383::after { 1351border-radius: 15px; 1352outline: 10px solid rgba(189, 156, 113, 0.40); 1353background-clip: padding-box; 1354transform: translate(-50%, 0) rotate(45deg); 1355} 1356.fancyButton383.fancyButton:hover,.fancyButton383.fancyButton:focus,.fancyButton383.fancyButton:active,.fancyButton383.fancyButton.hover{ 1357 background-repeat: no-repeat; 1358 background-position: left top; 1359} 1360 1361.fancyButton383:is(:hover, :focus, :active)::before { 1362background: #414323; 1363transform: translate(-50%, 0) scale(1.1); 1364} 1365 1366.fancyButton383:is(:hover, :focus, :active)::after { 1367background: #414323; 1368outline: 0px solid rgba(189, 156, 113, 0.4); 1369background-clip: padding-box; 1370border-radius: 50%; 1371transform: translate(-50%, 0) rotate(180deg) scale(0.6);} 1372.fancyButton383.fancyButton:link > span,.fancyButton383.fancyButton:visited > span, .fancyButton383div.fancyButton > span{ 1373} 1374.fancyButton383.fancyButton:hover > span,.fancyButton383.fancyButton:focus > span,.fancyButton383.fancyButton:active > span,.fancyButton383.fancyButton.hover > span{ 1375} 1376.fancyButton383.fancyButton .text{ 1377 padding-top: 11em; 1378 text-decoration: none; 1379 padding-top: 11em; 1380 background-image: url('/ImageRepository/Document?documentID=16355'); 1381 background-repeat: no-repeat; 1382 background-position: center 2.875em ; 1383position: relative; 1384z-index: 3; 1385background-size: 5em; 1386transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55); 1387 1388} 1389.fancyButton383.fancyButton:hover .text,.fancyButton383.fancyButton:focus .text,.fancyButton383.fancyButton:active .text,.fancyButton383.fancyButton.hover .text{ 1390 text-decoration: none; 1391 background-image: url('/ImageRepository/Document?documentID=16354'); 1392 background-repeat: no-repeat; 1393 background-position: center 2.875em ; 1394 1395 1396} 1397.fancyButton383.fancyButton .textStyle1{ 1398 color: rgb(65, 67, 35); 1399 font-size: 1.25em; 1400 font-family: Roboto Condensed; 1401 font-weight: 700; 1402 text-decoration: none; 1403display: block; 1404line-height: 1.3;} 1405.fancyButton383.fancyButton:hover .textStyle1, .fancyButton383.fancyButton.hover .textStyle1{ 1406 text-decoration: underline; 1407 1408} 1409</style> 1410 1411 </li><!-- 1412--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1413 --><li class="widgetItem GraphicLinks"> 1414 1415<div> 1416 <a href="/270/Public-Open-Records-Requests" target="_self" class="fancyButton fancyButton382 " > 1417 <span> 1418 <span><span class="text"><span class="textStyle1">Public Record Requests</span></span></span> 1419 </span> 1420 </a> 1421</div> 1422 <style scoped="scoped">.fancyButton382.fancyButton:link,.fancyButton382.fancyButton:visited, .fancyButton382div.fancyButton{ 1423 background-repeat: no-repeat; 1424 background-position: left top; 1425position: relative; 1426} 1427 1428.fancyButton382::before, 1429.fancyButton382::after { 1430content: ""; 1431position: absolute; 1432background: #FFFFFF; 1433left: 50%; 1434top: 2em; 1435transform: translate(-50%, 0); 1436z-index: 1; 1437width: 6.875em; 1438height: 6.875em; 1439transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55), background .4s ease-in-out .05s; 1440} 1441 1442.fancyButton382::before { 1443border-radius: 50%; 1444z-index: 1; 1445transform: translate(-50%, 0) scale(0.8); 1446} 1447 1448.fancyButton382::after { 1449border-radius: 15px; 1450outline: 10px solid rgba(189, 156, 113, 0.40); 1451background-clip: padding-box; 1452transform: translate(-50%, 0) rotate(45deg); 1453} 1454.fancyButton382.fancyButton:hover,.fancyButton382.fancyButton:focus,.fancyButton382.fancyButton:active,.fancyButton382.fancyButton.hover{ 1455 background-repeat: no-repeat; 1456 background-position: left top; 1457} 1458 1459.fancyButton382:is(:hover, :focus, :active)::before { 1460background: #414323; 1461transform: translate(-50%, 0) scale(1.1); 1462} 1463 1464.fancyButton382:is(:hover, :focus, :active)::after { 1465background: #414323; 1466outline: 0px solid rgba(189, 156, 113, 0.4); 1467background-clip: padding-box; 1468border-radius: 50%; 1469transform: translate(-50%, 0) rotate(180deg) scale(0.6);} 1470.fancyButton382.fancyButton:link > span,.fancyButton382.fancyButton:visited > span, .fancyButton382div.fancyButton > span{ 1471} 1472.fancyButton382.fancyButton:hover > span,.fancyButton382.fancyButton:focus > span,.fancyButton382.fancyButton:active > span,.fancyButton382.fancyButton.hover > span{ 1473} 1474.fancyButton382.fancyButton .text{ 1475 padding-top: 11em; 1476 text-decoration: none; 1477 padding-top: 11em; 1478 background-image: url('/ImageRepository/Document?documentID=16361'); 1479 background-repeat: no-repeat; 1480 background-position: center 2.875em ; 1481position: relative; 1482z-index: 3; 1483background-size: 5em; 1484transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55); 1485 1486} 1487.fancyButton382.fancyButton:hover .text,.fancyButton382.fancyButton:focus .text,.fancyButton382.fancyButton:active .text,.fancyButton382.fancyButton.hover .text{ 1488 text-decoration: none; 1489 background-image: url('/ImageRepository/Document?documentID=16360'); 1490 background-repeat: no-repeat; 1491 background-position: center 2.875em ; 1492 1493 1494} 1495.fancyButton382.fancyButton .textStyle1{ 1496 color: rgb(65, 67, 35); 1497 font-size: 1.25em; 1498 font-family: Roboto Condensed; 1499 font-weight: 700; 1500 text-decoration: none; 1501display: block; 1502line-height: 1.3;} 1503.fancyButton382.fancyButton:hover .textStyle1, .fancyButton382.fancyButton.hover .textStyle1{ 1504 text-decoration: underline; 1505 1506} 1507</style> 1508 1509 </li><!-- 1510--></ul></div><!-- --> 1511 </div> 1512 </nav> 1513 </div> 1514 <div class="widgetFooter"> 1515 </div> 1516</div> 1517</div> 1518 1519 </div> <!-- inner column --> 1520 1521 </div> <!-- inner row --> 1522 1523 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="efba31e1-b167-4f8c-b02f-32a33d38a317">� 1524 <div class="row nest first last wide">� 1525 1526 <div class="inner col col8 first last id7eab2d74-ddab-4497-8b0b-8f25947d06cb" style="" data-widgetcontainerid="7eab2d74-ddab-4497-8b0b-8f25947d06cb">� 1527<div data-widget-id="b41a3b95-8473-43a6-9c29-225b2c4fee39" data-widget-controller-path="/GraphicLinks/Widget"> 1528 1529 1530 1531 1532<div id="graphicLinkWidgetb41a3b95-8473-43a6-9c29-225b2c4fee39" class="widget widgetGraphicLinks skin92 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1533 <div class="widgetHeader"> 1534 <div class="">
1535 </div> 1536 </div> 1537 <div class="widgetBody cpGrid cpGrid2 "> 1538 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1539 <div class="row wide"> 1540 <!-- 1541--><div class="col col1 first "><ul class="semanticList"><!-- 1542 --><li class="widgetItem GraphicLinks"> 1543 1544<div> 1545 <a href="/alertcenter" target="_self" class="fancyButton fancyButton392 " > 1546 <span> 1547 <span><span class="text"><span class="textStyle1">Alerts</span></span></span> 1548 </span> 1549 </a> 1550</div> 1551 <style scoped="scoped">.fancyButton392.fancyButton:link,.fancyButton392.fancyButton:visited, .fancyButton392div.fancyButton{ 1552 background-repeat: no-repeat; 1553 background-position: left top; 1554position: relative; 1555} 1556 1557.fancyButton392::before, 1558.fancyButton392::after { 1559content: ""; 1560position: absolute; 1561background: #FFFFFF; 1562left: 50%; 1563top: 2em; 1564transform: translate(-50%, 0); 1565z-index: 1; 1566width: 6.875em; 1567height: 6.875em; 1568transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55), background .4s ease-in-out .05s; 1569} 1570 1571.fancyButton392::before { 1572border-radius: 50%; 1573z-index: 1; 1574transform: translate(-50%, 0) scale(0.8); 1575} 1576 1577.fancyButton392::after { 1578border-radius: 15px; 1579outline: 10px solid rgba(189, 156, 113, 0.40); 1580background-clip: padding-box; 1581transform: translate(-50%, 0) rotate(45deg); 1582} 1583.fancyButton392.fancyButton:hover,.fancyButton392.fancyButton:focus,.fancyButton392.fancyButton:active,.fancyButton392.fancyButton.hover{ 1584 background-repeat: no-repeat; 1585 background-position: left top; 1586} 1587 1588.fancyButton392:is(:hover, :focus, :active)::before { 1589background: #414323; 1590transform: translate(-50%, 0) scale(1.1); 1591} 1592 1593.fancyButton392:is(:hover, :focus, :active)::after { 1594background: #414323; 1595outline: 0px solid rgba(189, 156, 113, 0.4); 1596background-clip: padding-box; 1597border-radius: 50%; 1598transform: translate(-50%, 0) rotate(180deg) scale(0.6);} 1599.fancyButton392.fancyButton:link > span,.fancyButton392.fancyButton:visited > span, .fancyButton392div.fancyButton > span{ 1600} 1601.fancyButton392.fancyButton:hover > span,.fancyButton392.fancyButton:focus > span,.fancyButton392.fancyButton:active > span,.fancyButton392.fancyButton.hover > span{ 1602} 1603.fancyButton392.fancyButton .text{ 1604 padding-top: 11em; 1605 text-decoration: none; 1606 padding-top: 11em; 1607 background-image: url('/ImageRepository/Document?documentID=16353'); 1608 background-repeat: no-repeat; 1609 background-position: center 2.875em ; 1610position: relative; 1611z-index: 3; 1612background-size: 5em; 1613transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55); 1614 1615} 1616.fancyButton392.fancyButton:hover .text,.fancyButton392.fancyButton:focus .text,.fancyButton392.fancyButton:active .text,.fancyButton392.fancyButton.hover .text{ 1617 text-decoration: none; 1618 background-image: url('/ImageRepository/Document?documentID=16352'); 1619 background-repeat: no-repeat; 1620 background-position: center 2.875em ; 1621 1622 1623} 1624.fancyButton392.fancyButton .textStyle1{ 1625 color: rgb(65, 67, 35); 1626 font-size: 1.25em; 1627 font-family: Roboto Condensed; 1628 font-weight: 700; 1629 text-decoration: none; 1630display: block; 1631line-height: 1.3;} 1632.fancyButton392.fancyButton:hover .textStyle1, .fancyButton392.fancyButton.hover .textStyle1{ 1633 text-decoration: underline; 1634 1635} 1636</style> 1637 1638 </li><!-- 1639--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1640 --><li class="widgetItem GraphicLinks"> 1641 1642<div> 1643 <a href="/propertysearch" target="_self" class="fancyButton fancyButton393 " > 1644 <span> 1645 <span><span class="text"><span class="textStyle1">Property Search</span></span></span> 1646 </span> 1647 </a> 1648</div> 1649 <style scoped="scoped">.fancyButton393.fancyButton:link,.fancyButton393.fancyButton:visited, .fancyButton393div.fancyButton{ 1650 background-repeat: no-repeat; 1651 background-position: left top; 1652position: relative; 1653} 1654 1655.fancyButton393::before, 1656.fancyButton393::after { 1657content: ""; 1658position: absolute; 1659background: #FFFFFF; 1660left: 50%; 1661top: 2em; 1662transform: translate(-50%, 0); 1663z-index: 1; 1664width: 6.875em; 1665height: 6.875em; 1666transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55), background .4s ease-in-out .05s; 1667} 1668 1669.fancyButton393::before { 1670border-radius: 50%; 1671z-index: 1; 1672transform: translate(-50%, 0) scale(0.8); 1673} 1674 1675.fancyButton393::after { 1676border-radius: 15px; 1677outline: 10px solid rgba(189, 156, 113, 0.40); 1678background-clip: padding-box; 1679transform: translate(-50%, 0) rotate(45deg); 1680} 1681.fancyButton393.fancyButton:hover,.fancyButton393.fancyButton:focus,.fancyButton393.fancyButton:active,.fancyButton393.fancyButton.hover{ 1682 background-repeat: no-repeat; 1683 background-position: left top; 1684} 1685 1686.fancyButton393:is(:hover, :focus, :active)::before { 1687background: #414323; 1688transform: translate(-50%, 0) scale(1.1); 1689} 1690 1691.fancyButton393:is(:hover, :focus, :active)::after { 1692background: #414323; 1693outline: 0px solid rgba(189, 156, 113, 0.4); 1694background-clip: padding-box; 1695border-radius: 50%; 1696transform: translate(-50%, 0) rotate(180deg) scale(0.6);} 1697.fancyButton393.fancyButton:link > span,.fancyButton393.fancyButton:visited > span, .fancyButton393div.fancyButton > span{ 1698} 1699.fancyButton393.fancyButton:hover > span,.fancyButton393.fancyButton:focus > span,.fancyButton393.fancyButton:active > span,.fancyButton393.fancyButton.hover > span{ 1700} 1701.fancyButton393.fancyButton .text{ 1702 padding-top: 11em; 1703 text-decoration: none; 1704 padding-top: 11em; 1705 background-image: url('/ImageRepository/Document?documentID=16359'); 1706 background-repeat: no-repeat; 1707 background-position: center 2.875em ; 1708position: relative; 1709z-index: 3; 1710background-size: 5em; 1711transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55); 1712 1713} 1714.fancyButton393.fancyButton:hover .text,.fancyButton393.fancyButton:focus .text,.fancyButton393.fancyButton:active .text,.fancyButton393.fancyButton.hover .text{ 1715 text-decoration: none; 1716 background-image: url('/ImageRepository/Document?documentID=16358'); 1717 background-repeat: no-repeat; 1718 background-position: center 2.875em ; 1719 1720 1721} 1722.fancyButton393.fancyButton .textStyle1{ 1723 color: rgb(65, 67, 35); 1724 font-size: 1.25em; 1725 font-family: Roboto Condensed; 1726 font-weight: 700; 1727 text-decoration: none; 1728display: block; 1729line-height: 1.3;} 1730.fancyButton393.fancyButton:hover .textStyle1, .fancyButton393.fancyButton.hover .textStyle1{ 1731 text-decoration: underline; 1732 1733} 1734</style> 1735 1736 </li><!-- 1737--></ul></div><!-- --> 1738 </div> 1739 </nav> 1740 </div> 1741 <div class="widgetFooter"> 1742 </div> 1743</div> 1744</div> 1745 1746 </div> <!-- inner column --> 1747 1748 </div> <!-- inner row --> 1749 1750 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="a0339ef2-fdef-4d5d-8ef8-9b3f75112568">� 1751 <div class="row nest first last wide">� 1752 1753 <div class="inner col col8 first last idf1503d17-44d6-479a-8fc8
1753-6e30ed54be9f" style="" data-widgetcontainerid="f1503d17-44d6-479a-8fc8-6e30ed54be9f">� 1754<div data-widget-id="59b875c9-d43a-440c-b8e2-ac26897b59be" data-widget-controller-path="/GraphicLinks/Widget"> 1755 1756 1757 1758 1759<div id="graphicLinkWidget59b875c9-d43a-440c-b8e2-ac26897b59be" class="widget widgetGraphicLinks skin92 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1760 <div class="widgetHeader"> 1761 <div class=""> 1762 </div> 1763 </div> 1764 <div class="widgetBody cpGrid cpGrid2 "> 1765 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1766 <div class="row wide"> 1767 <!-- 1768--><div class="col col1 first "><ul class="semanticList"><!-- 1769 --><li class="widgetItem GraphicLinks"> 1770 1771<div> 1772 <a href="/217/Online-Payments" target="_self" class="fancyButton fancyButton394 " > 1773 <span> 1774 <span><span class="text"><span class="textStyle1">Online Payments</span></span></span> 1775 </span> 1776 </a> 1777</div> 1778 <style scoped="scoped">.fancyButton394.fancyButton:link,.fancyButton394.fancyButton:visited, .fancyButton394div.fancyButton{ 1779 background-repeat: no-repeat; 1780 background-position: left top; 1781position: relative; 1782} 1783 1784.fancyButton394::before, 1785.fancyButton394::after { 1786content: ""; 1787position: absolute; 1788background: #FFFFFF; 1789left: 50%; 1790top: 2em; 1791transform: translate(-50%, 0); 1792z-index: 1; 1793width: 6.875em; 1794height: 6.875em; 1795transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55), background .4s ease-in-out .05s; 1796} 1797 1798.fancyButton394::before { 1799border-radius: 50%; 1800z-index: 1; 1801transform: translate(-50%, 0) scale(0.8); 1802} 1803 1804.fancyButton394::after { 1805border-radius: 15px; 1806outline: 10px solid rgba(189, 156, 113, 0.40); 1807background-clip: padding-box; 1808transform: translate(-50%, 0) rotate(45deg); 1809} 1810.fancyButton394.fancyButton:hover,.fancyButton394.fancyButton:focus,.fancyButton394.fancyButton:active,.fancyButton394.fancyButton.hover{ 1811 background-repeat: no-repeat; 1812 background-position: left top; 1813} 1814 1815.fancyButton394:is(:hover, :focus, :active)::before { 1816background: #414323; 1817transform: translate(-50%, 0) scale(1.1); 1818} 1819 1820.fancyButton394:is(:hover, :focus, :active)::after { 1821background: #414323; 1822outline: 0px solid rgba(189, 156, 113, 0.4); 1823background-clip: padding-box; 1824border-radius: 50%; 1825transform: translate(-50%, 0) rotate(180deg) scale(0.6);} 1826.fancyButton394.fancyButton:link > span,.fancyButton394.fancyButton:visited > span, .fancyButton394div.fancyButton > span{ 1827} 1828.fancyButton394.fancyButton:hover > span,.fancyButton394.fancyButton:focus > span,.fancyButton394.fancyButton:active > span,.fancyButton394.fancyButton.hover > span{ 1829} 1830.fancyButton394.fancyButton .text{ 1831 padding-top: 11em; 1832 text-decoration: none; 1833 padding-top: 11em; 1834 background-image: url('/ImageRepository/Document?documentID=16357'); 1835 background-repeat: no-repeat; 1836 background-position: center 2.875em ; 1837position: relative; 1838z-index: 3; 1839background-size: 5em; 1840transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55); 1841 1842} 1843.fancyButton394.fancyButton:hover .text,.fancyButton394.fancyButton:focus .text,.fancyButton394.fancyButton:active .text,.fancyButton394.fancyButton.hover .text{ 1844 text-decoration: none; 1845 background-image: url('/ImageRepository/Document?documentID=16356'); 1846 background-repeat: no-repeat; 1847 background-position: center 2.875em ; 1848 1849 1850} 1851.fancyButton394.fancyButton .textStyle1{ 1852 color: rgb(65, 67, 35); 1853 font-size: 1.25em; 1854 font-family: Roboto Condensed; 1855 font-weight: 700; 1856 text-decoration: none; 1857display: block; 1858line-height: 1.3;} 1859.fancyButton394.fancyButton:hover .textStyle1, .fancyButton394.fancyButton.hover .textStyle1{ 1860 text-decoration: underline; 1861 1862} 1863</style> 1864 1865 </li><!-- 1866--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1867 --><li class="widgetItem GraphicLinks"> 1868 1869<div> 1870 <a href="/453/Transparency" target="_self" class="fancyButton fancyButton395 " > 1871 <span> 1872 <span><span class="text"><span class="textStyle1">Transparency</span></span></span> 1873 </span> 1874 </a> 1875</div> 1876 <style scoped="scoped">.fancyButton395.fancyButton:link,.fancyButton395.fancyButton:visited, .fancyButton395div.fancyButton{ 1877 background-repeat: no-repeat; 1878 background-position: left top; 1879position: relative; 1880} 1881 1882.fancyButton395::before, 1883.fancyButton395::after { 1884content: ""; 1885position: absolute; 1886background: #FFFFFF; 1887left: 50%; 1888top: 2em; 1889transform: translate(-50%, 0); 1890z-index: 1; 1891width: 6.875em; 1892height: 6.875em; 1893transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55), background .4s ease-in-out .05s; 1894} 1895 1896.fancyButton395::before { 1897border-radius: 50%; 1898z-index: 1; 1899transform: translate(-50%, 0) scale(0.8); 1900} 1901 1902.fancyButton395::after { 1903border-radius: 15px; 1904outline: 10px solid rgba(189, 156, 113, 0.40); 1905background-clip: padding-box; 1906transform: translate(-50%, 0) rotate(45deg); 1907} 1908.fancyButton395.fancyButton:hover,.fancyButton395.fancyButton:focus,.fancyButton395.fancyButton:active,.fancyButton395.fancyButton.hover{ 1909 background-repeat: no-repeat; 1910 background-position: left top; 1911} 1912 1913.fancyButton395:is(:hover, :focus, :active)::before { 1914background: #414323; 1915transform: translate(-50%, 0) scale(1.1); 1916} 1917 1918.fancyButton395:is(:hover, :focus, :active)::after { 1919background: #414323; 1920outline: 0px solid rgba(189, 156, 113, 0.4); 1921background-clip: padding-box; 1922border-radius: 50%; 1923transform: translate(-50%, 0) rotate(180deg) scale(0.6);} 1924.fancyButton395.fancyButton:link > span,.fancyButton395.fancyButton:visited > span, .fancyButton395div.fancyButton > span{ 1925} 1926.fancyButton395.fancyButton:hover > span,.fancyButton395.fancyButton:focus > span,.fancyButton395.fancyButton:active > span,.fancyButton395.fancyButton.hover > span{ 1927} 1928.fancyButton395.fancyButton .text{ 1929 padding-top: 11em; 1930 text-decoration: none; 1931 padding-top: 11em; 1932 background-image: url('/ImageRepository/Document?documentID=16363'); 1933 background-repeat: no-repeat; 1934 background-position: center 2.875em ; 1935position: relative; 1936z-index: 3; 1937background-size: 5em; 1938transition: all 0.45s cubic-bezier(0.68, -0.55, 0.265, 1.55); 1939 1940} 1941.fancyButton395.fancyButton:hover .text,.fancyButton395.fancyButton:focus .text,.fancyButton395.fancyButton:active .text,.fancyButton395.fancyButton.hover .text{ 1942 text-decoration: none; 1943 background-image: url('/ImageRepository/Document?documentID=16362'); 1944 background-repeat: no-repeat; 1945 background-position: center 2.875em ; 1946 1947 1948} 1949.fancyButton395.fancyButton .textStyle1{ 1950 color: rgb(65, 67, 35); 1951 font-size: 1.25em; 1952 font-family: Roboto Condensed; 1953 font-weight: 700; 1954 text-decoration: none; 1955display: block; 1956line-height: 1.3;} 1957.fancyButton395.fancyButton:hover .textStyle1, .fancyButton395.fancyButton.hover .textStyle1{ 1958 text-decoration: underline; 1959 1960} 1961</style> 1962 1963 </li><!-- 1964--></ul></div><!-- --> 1965 </div> 1966 </nav> 1967 </div> 1968 <div class="widgetFooter"> 1969 </div> 1970</div> 1971</div> 1972 1973 </div> <!-- inner column --> 1974 1975 </div> <!-- inner row --> 1976 1977 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1978 1979 1980 </div> 1981</div></div> 1982</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 1983<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS" class="containerTS"> <div id="cc63e3196d-37b9-490e-a6e6-ac08d5e04fdc" data-containerid="63e3196d-37b9-490e-a6e6-ac08d5e04fdc" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> 1984 1985 1986 <div class="row outer wide"><!-- 1987--><div class="outer col col4 first" style="" data-widgetcontainerid="aad9f570-d4f6-45ff-8edb-47b31eeeccb7">� 1988 <div class="row nest first last wide">� 1989
1990 <div class="inner col col4 first last id0b3d1628-30ba-4365-bcdd-26ea5e477c44" style="" data-widgetcontainerid="0b3d1628-30ba-4365-bcdd-26ea5e477c44">� 1991 <div data-widget-id="03e16f42-c210-43e7-8d43-a21c568d7659" data-widget-controller-path="/InfoAdvanced/Widget"> 1992 1993 1994 1995 1996 1997 <section id="divInfoAdv03e16f42-c210-43e7-8d43-a21c568d7659" class="widget widgetInfoAdvanced skin93 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1998 <header class="widgetHeader" id="header03e16f42-c210-43e7-8d43-a21c568d7659"> 1999 <div class=""> 2000 </div> 2001 </header> 2002 <div class="widgetBody cpGrid cpGrid1 "> 2003 <div class="row wide"> 2004 <div class="col col1 first last"> 2005 <ol class="pageStyles semanticList"> 2006 2007<li class="InfoAdvanced widgetItem fr-view"> 2008 <p><a href="/"><img src="/ImageRepository/Document?documentId=16350" class="fr-fil fr-dib" alt="Gunnison County Colorado Homepage"></a></p> 2009</li> </ol> 2010 </div> 2011 </div> 2012 </div> 2013 <div class="widgetFooter"> 2014 2015 </div> 2016 2017 </section> 2018 2019 2020
2021<script type="text/javascript"> 2022 //Render slideshow if info advacned items contain one. 2023 $(document).ready(function (e) { 2024 $('#divInfoAdv03e16f42-c210-43e7-8d43-a21c568d7659 .InfoAdvanced.widgetItem').each(function () { 2025 renderSlideshowIfApplicable($(this)); 2026 }); 2027 }); 2028</script>
2028</div> 2029 </div> <!-- inner column --> 2030 2031 </div> <!-- inner row --> 2032 2033 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="3b8b8744-7e49-4fd5-a130-bf99d2b4e04c">� 2034 <div class="row nest first last wide">� 2035 2036 <div class="inner col col1 first last idb5b053d2-bb68-48df-9fc3-b96bc4badd13" style="" data-widgetcontainerid="b5b053d2-bb68-48df-9fc3-b96bc4badd13">� 2037 2038<div class="widget widgetSpacer" id="bd10b0a8-745e-4064-b254-046861591e3c"></div> 2039 </div> <!-- inner column --> 2040 2041 </div> <!-- inner row --> 2042 2043 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="ccf700d0-7e01-4a70-b716-cc3f1cfaa427">� 2044 <div class="row nest first last wide">� 2045 2046 <div class="inner col col4 first last id6aeb7951-2e33-4f55-a5ef-142e48035933" style="" data-widgetcontainerid="6aeb7951-2e33-4f55-a5ef-142e48035933">� 2047 <div data-widget-id="0bb4465f-83fb-40bb-8983-def53fe124df" data-widget-controller-path="/InfoAdvanced/Widget"> 2048 2049 2050 2051 2052 2053 <section id="divInfoAdv0bb4465f-83fb-40bb-8983-def53fe124df" class="widget widgetInfoAdvanced skin93 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header0bb4465f-83fb-40bb-8983-def53fe124df"> 2054 <header class="widgetHeader" id="header0bb4465f-83fb-40bb-8983-def53fe124df"> 2055 <div class=""> 2056 <h3 >Contact Us</h3> 2057 </div> 2058 </header> 2059 <div class="widgetBody cpGrid cpGrid1 "> 2060 <div class="row wide"> 2061 <div class="col col1 first last"> 2062 <ol class="pageStyles semanticList"> 2063 2064<li class="InfoAdvanced widgetItem fr-view"> 2065 200 E. Virginia<br> 2066Gunnison, CO 81230 2067</li> </ol> 2068 </div> 2069 </div> 2070 </div> 2071 <div class="widgetFooter"> 2072 2073 </div> 2074 2075 </section> 2076 2077 2078
2079<script type="text/javascript"> 2080 //Render slideshow if info advacned items contain one. 2081 $(document).ready(function (e) { 2082 $('#divInfoAdv0bb4465f-83fb-40bb-8983-def53fe124df .InfoAdvanced.widgetItem').each(function () { 2083 renderSlideshowIfApplicable($(this)); 2084 }); 2085 }); 2086</script>
2086</div> 2087 </div> <!-- inner column --> 2088 2089 </div> <!-- inner row --> 2090 2091 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="44aacf19-7ec7-4d5c-9de4-25b9c3654ec5">� 2092 <div class="row nest first last wide">� 2093 2094 <div class="inner col col1 first last id655026a1-65c7-4fc1-a206-4e0af2cfc9ec" style="" data-widgetcontainerid="655026a1-65c7-4fc1-a206-4e0af2cfc9ec">� 2095 2096<div class="widget widgetSpacer" id="533c3a9d-6189-49a4-90a2-8a565283227f"></div> 2097 </div> <!-- inner column --> 2098 2099 </div> <!-- inner row --> 2100 2101 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="e1170ecc-f964-4945-a4d4-a3479089c379">� 2102 <div class="row nest first last wide">� 2103 2104 <div class="inner col col4 first last id1aca56c8-c386-487e-b688-753e652144e6" style="" data-widgetcontainerid="1aca56c8-c386-487e-b688-753e652144e6">� 2105<div data-widget-id="dfe3d612-5846-4c36-bfca-83398d01e1e1" data-widget-controller-path="/GraphicLinks/Widget"> 2106 2107 2108 2109 2110<div id="graphicLinkWidgetdfe3d612-5846-4c36-bfca-83398d01e1e1" class="widget widgetGraphicLinks skin93 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 2111 <div class="widgetHeader"> 2112 <div class=""> 2113 <h3 id="GraphicLinkHeaderText" class="" >Social Media</h3> 2114 </div> 2115 </div> 2116 <div class="widgetBody cpGrid cpGrid1 "> 2117 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 2118 <ul class="semanticList"> 2119 <!-- 2120 --><li class="widgetItem GraphicLinks"> 2121 2122<div> 2123 <a href="/facebook" target="_self" class="fancyButton fancyButton384 " > 2124 <span> 2125 <span><span class="text">Facebook</span></span> 2126 </span> 2127 </a> 2128</div> 2129 <style scoped="scoped">.fancyButton384.fancyButton:link,.fancyButton384.fancyButton:visited, .fancyButton384div.fancyButton{ 2130 background-repeat: no-repeat; 2131 background-position: left top; 2132} 2133.fancyButton384.fancyButton:hover,.fancyButton384.fancyButton:focus,.fancyButton384.fancyButton:active,.fancyButton384.fancyButton.hover{ 2134 background-repeat: no-repeat; 2135 background-position: left top; 2136} 2137.fancyButton384.fancyButton:link > span,.fancyButton384.fancyButton:visited > span, .fancyButton384div.fancyButton > span{ 2138} 2139.fancyButton384.fancyButton:hover > span,.fancyButton384.fancyButton:focus > span,.fancyButton384.fancyButton:active > span,.fancyButton384.fancyButton.hover > span{ 2140} 2141.fancyButton384.fancyButton .text{ 2142 color: rgb(255, 255, 255); 2143 text-align: left; 2144 padding-left: 1.5em; 2145 text-decoration: none; 2146 padding-left: 1.5em; 2147 background-image: url('/ImageRepository/Document?documentID=16365'); 2148 background-repeat: no-repeat; 2149 background-position: left center; 2150background-size: 1em; 2151} 2152.fancyButton384.fancyButton:hover .text,.fancyButton384.fancyButton:focus .text,.fancyButton384.fancyButton:active .text,.fancyButton384.fancyButton.hover .text{ 2153 text-decoration: underline; 2154 background-repeat: no-repeat; 2155 background-position: left center; 2156 2157 2158} 2159</style> 2160 2161 </li><!-- 2162 --><li class="widgetItem GraphicLinks"> 2163 2164<div> 2165 <a href="/linkedin" target="_self" class="fancyButton fancyButton385 " > 2166 <span> 2167 <span><span class="text">LinkedIn</span></span> 2168 </span> 2169 </a> 2170</div> 2171 <style scoped="scoped">.fancyButton385.fancyButton:link,.fancyButton385.fancyButton:visited, .fancyButton385div.fancyButton{ 2172 background-repeat: no-repeat; 2173 background-position: left top; 2174} 2175.fancyButton385.fancyButton:hover,.fancyButton385.fancyButton:focus,.fancyButton385.fancyButton:active,.fancyButton385.fancyButton.hover{ 2176 background-repeat: no-repeat; 2177 background-position: left top; 2178} 2179.fancyButton385.fancyButton:link > span,.fancyButton385.fancyButton:visited > span, .fancyButton385div.fancyButton > span{ 2180} 2181.fancyButton385.fancyButton:hover > span,.fancyButton385.fancyButton:focus > span,.fancyButton385.fancyButton:active > span,.fancyButton385.fancyButton.hover > span{ 2182} 2183.fancyButton385.fancyButton .text{ 2184 color: rgb(255, 255, 255); 2185 text-align: left; 2186 padding-left: 1.5em; 2187 text-decoration: none; 2188 padding-left: 1.5em; 2189 background-image: url('/ImageRepository/Document?documentID=16367'); 2190 background-repeat: no-repeat; 2191 background-position: left center; 2192background-size: 1em; 2193} 2194.fancyButton385.fancyButton:hover .text,.fancyButton385.fancyButton:focus .text,.fancyButton385.fancyButton:active .text,.fancyButton385.fancyButton.hover .text{ 2195 text-decoration: underline; 2196 background-repeat: no-repeat; 2197 background-position: left center; 2198 2199 2200} 2201</style> 2202 2203 </li><!-- 2204 --><li class="widgetItem GraphicLinks"> 2205 2206<div> 2207 <a href="/twitter" target="_self" class="fancyButton fancyButton386 " > 2208 <span> 2209 <span><span class="text">X</span></span> 2210 </span> 2211 </a> 2212</div> 2213 <style scoped="scoped">.fancyButton386.fancyButton:link,.fancyButton386.fancyButton:visited, .fancyButton386div.fancyButton{ 2214 background-repeat: no-repeat; 2215 background-position: left top; 2216} 2217.fancyButton386.fancyButton:hover,.fancyButton386.fancyButton:focus,.fancyButton386.fancyButton:active,.fancyButton386.fancyButton.hover{ 2218 background-repeat: no-repeat; 2219 background-position: left top; 2220} 2221.fancyButton386.fancyButton:link > span,.fancyButton386.fancyButton:visited > span, .fancyButton386div.fancyButton > span{ 2222} 2223.fancyButton386.fancyButton:hover > span,.fancyButton386.fancyButton:focus > span,.fancyButton386.fancyButton:active > span,.fancyButton386.fancyButton.hover > span{ 2224} 2225.fancyButton386.fancyButton .text{ 2226 color: rgb(255, 255, 255); 2227 text-align: left; 2228 padding-left: 1.5em; 2229 text-decoration: none; 2230 padding-left: 1.5em; 2231 background-image: url('/ImageRepository/Document?documentID=16378'); 2232 background-repeat: no-repeat; 2233 background-position: left center; 2234background-size: 1em; 2235} 2236.fancyButton386.fancyButton:hover .text,.fancyButton386.fancyButton:focus .text,.fancyButton386.fancyButton:active .text,.fancyButton386.fancyButton.hover .text{ 2237 text-decoration: underline; 2238 background-repeat: no-repeat; 2239 background-position: left center; 2240 2241 2242} 2243</style> 2244 2245 </li><!-- 2246 --> 2247 </ul> 2248 </nav> 2249 </div> 2250 <div class="widgetFooter"> 2251 </div> 2252</div> 2253</div> 2254 2255 </div> <!-- inner column --> 2256 2257 </div> <!-- inner row --> 2258 2259 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="2f90a872-f2b5-4dcd-b75a-31fafdc0ce71">� 2260 <div class="row nest first last wide">� 2261 2262 <div class="inner col col1 first last ida55932ac-e38b-4111-a749-c5800831411b" style="" data-widgetcontainerid="a55932ac-e38b-4111-a749-c5800831411b">� 2263 2264<div class="widget widgetSpacer" id="8f4fbb07-98d7-4fb8-ae40-61d50079fd4e"></div> 2265 </div> <!-- inner column --> 2266 2267 </div> <!-- inner row --> 2268 2269 </div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="78071572-b83a-4cdf-8c06-8bf480c6b6c0">� 2270 <div class="row nest first last wide">� 2271
2272 <div class="inner col col4 first last id7ce8a5dc-f9d7-4a61-ba20-cbd9d0c7a712" style="" data-widgetcontainerid="7ce8a5dc-f9d7-4a61-ba20-cbd9d0c7a712">� 2273 <div data-widget-id="1f6c71b5-fc7d-4053-a82d-e08b77c81da8" data-widget-controller-path="/QuickLinks/Widget"> 2274 2275 2276 2277 2278 2279 2280 2281 2282 <section id="widgetQuicklink1f6c71b5-fc7d-4053-a82d-e08b77c81da8" class="widget widgetQuickLinks skin93 widgetOptionSet46 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader1f6c71b5-fc7d-4053-a82d-e08b77c81da8"> 2283 <header class="widgetHeader" id="quickLinksHeader1f6c71b5-fc7d-4053-a82d-e08b77c81da8"> 2284 <div class=""> 2285 <h3><a style="" href="/QuickLinks.aspx?CID=123" >Quick Links</a></h3> 2286 </div> 2287 </header> 2288 <div class="widgetBody cpGrid cpGrid1 "> 2289 <div class="row narrow"> 2290 <div class="col col1 first last"> 2291 <ol class="semanticList"> 2292 2293 <li style="position:relative" class="widgetItem QuickLinks"> 2294 <a class="widgetDesc widgetQuickLinksLink" href="/AgendaCenter" target="_self" >Agendas and Minutes</a> 2295 <div class="widgetMeta"></div> 2296 </li> 2297 2298 <li style="position:relative" class="widgetItem QuickLinks"> 2299 <a class="widgetDesc widgetQuickLinksLink" href="/270/Public-Open-Records-Requests" target="_self" >Public Records Request</a> 2300 <div class="widgetMeta"></div> 2301 </li> 2302 2303 <li style="position:relative" class="widgetItem QuickLinks"> 2304 <a class="widgetDesc widgetQuickLinksLink" href="/127/County-Commissioners" target="_self" >County Commissioners</a> 2305 <div class="widgetMeta"></div> 2306 </li> 2307 2308 <li style="position:relative" class="widgetItem QuickLinks"> 2309 <a class="widgetDesc widgetQuickLinksLink" href="/Bids.aspx" target="_self" >Bids, RFPs, and Proposals</a> 2310 <div class="widgetMeta"></div> 2311 </li> 2312 2313 <li style="position:relative" class="widgetItem QuickLinks"> 2314 <a class="widgetDesc widgetQuickLinksLink" href="https://recruiting.paylocity.com/recruiting/jobs/All/0cea26d5-3f38-406d-9f37-cdb47630802e/Gunnison-County" target="_blank" aria-label="Employment Opportunities opens in new window">Employment Opportunities</a> 2315 <div class="widgetMeta"></div> 2316 </li> 2317 2318 <li style="position:relative" class="widgetItem QuickLinks"> 2319 <a class="widgetDesc widgetQuickLinksLink" href="https://gunnisoncounty.org/DocumentCenter/View/6794" target="_blank" aria-label="Personal Data Privacy Policy opens in new window">Personal Data Privacy Policy</a> 2320 <div class="widgetMeta"></div> 2321 </li> 2322 </ol> 2323 </div> 2324 </div> 2325 2326 </div> 2327 <div class="widgetFooter"> 2328 </div> 2329 <div class="addItemModal hidden"> 2330 <div class="url hidden">/QuickLinks.aspx</div> 2331 </div> 2332 2333 </section> 2334</div> 2335 2336 </div> <!-- inner column --> 2337 2338 </div> <!-- inner row --> 2339 2340 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="808c5e15-3587-4f74-b481-8f5559332cbf">� 2341 <div class="row nest first last wide">� 2342 2343 <div class="inner col col1 first last ide8d7c4ea-1d5b-4b58-8f29-2b8119e4d9a6" style="" data-widgetcontainerid="e8d7c4ea-1d5b-4b58-8f29-2b8119e4d9a6">� 2344 2345<div class="widget widgetSpacer" id="4ef9eb50-c0ba-471b-9425-87456db8fa0b"></div> 2346 </div> <!-- inner column --> 2347 2348 </div> <!-- inner row --> 2349 2350 </div><!-- outer column --><!----><div class="outer col col4 last" style="" data-widgetcontainerid="7b54b020-df15-408d-b823-4efdc13cbc86">� 2351 <div class="row nest first last wide">� 2352 2353 <div class="inner col col4 first last id2abe1589-2ae4-4b2e-9675-d639ab9448e9" style="" data-widgetcontainerid="2abe1589-2ae4-4b2e-9675-d639ab9448e9">� 2354 <div data-widget-id="d746af33-5706-4d4b-b768-de791c5000e1" data-widget-controller-path="/QuickLinks/Widget"> 2355 2356 2357 2358 2359 2360 2361 2362 2363 <section id="widgetQuicklinkd746af33-5706-4d4b-b768-de791c5000e1" class="widget widgetQuickLinks skin93 widgetOptionSet46 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeaderd746af33-5706-4d4b-b768-de791c5000e1"> 2364 <header class="widgetHeader" id="quickLinksHeaderd746af33-5706-4d4b-b768-de791c5000e1"> 2365 <div class=""> 2366 <h3><a style="" href="/QuickLinks.aspx?CID=124" >Site Links</a></h3> 2367 </div> 2368 </header> 2369 <div class="widgetBody cpGrid cpGrid1 "> 2370 <div class="row narrow"> 2371 <div class="col col1 first last"> 2372 <ol class="semanticList"> 2373 2374 <li style="position:relative" class="widgetItem QuickLinks"> 2375 <a class="widgetDesc widgetQuickLinksLink" href="/Accessibility" target="_self" >Accessibility</a> 2376 <div class="widgetMeta"></div> 2377 </li> 2378 2379 <li style="position:relative" class="widgetItem QuickLinks"> 2380 <a class="widgetDesc widgetQuickLinksLink" href="/Directory.aspx" target="_self" >Contact Us</a> 2381 <div class="widgetMeta"></div> 2382 </li> 2383 2384 <li style="position:relative" class="widgetItem QuickLinks"> 2385 <a class="widgetDesc widgetQuickLinksLink" href="/72/Staff-Intranet" target="_self" >Staff Login</a> 2386 <div class="widgetMeta"></div> 2387 </li> 2388 2389 <li style="position:relative" class="widgetItem QuickLinks"> 2390 <a class="widgetDesc widgetQuickLinksLink" href="https://outlook.office.com" target="_blank" aria-label="Staff Email Login opens in new window">Staff Email Login</a> 2391 <div class="widgetMeta"></div> 2392 </li> 2393 2394 <li style="position:relative" class="widgetItem QuickLinks"> 2395 <a class="widgetDesc widgetQuickLinksLink" href="https://access.paylocity.com/" target="_blank" aria-label="Self Service Login opens in new window">Self Service Login</a> 2396 <div class="widgetMeta"></div> 2397 </li> 2398 </ol> 2399 </div> 2400 </div> 2401 2402 </div> 2403 <div class="widgetFooter"> 2404 </div> 2405 <div class="addItemModal hidden"> 2406 <div class="url hidden">/QuickLinks.aspx</div> 2407 </div> 2408 2409 </section> 2410</div> 2411 2412 </div> <!-- inner column --> 2413 2414 </div> <!-- inner row --> 2415 2416 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2417 2418 2419 </div> 2420</div></div> 2421</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2422<div class="siteWrap2"><div data-cpRole="contentContainer" id="poweredByTS" class="containerTS"> <div id="cc96bc215c-3897-4046-8f19-763842325e5d" data-containerid="96bc215c-3897-4046-8f19-763842325e5d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2423 2424 2425 <div class="row outer wide"><!-- 2426--><div class="outer col col24 first last" style="" data-widgetcontainerid="0a634376-9ef9-49d9-83fc-b1f77
2426d4c6c84">� 2427 <div class="row nest first last wide">� 2428 2429 <div class="inner col col24 first last id7142f179-23c6-4683-83ef-b46cc266ab16" style="" data-widgetcontainerid="7142f179-23c6-4683-83ef-b46cc266ab16">� 2430 2431 <div data-widget-id='c0ce2636-5300-418a-a434-ac7b26441897' data-moduleName="customHtml" id='widgetCustomHtmlc0ce2636-5300-418a-a434-ac7b26441897' class="widget widgetCustomHtml skin89 narrow" > 2432 <div class="widgetBody pageStyles" id="widgetBodyc0ce2636-5300-418a-a434-ac7b26441897"> 2433 <div id="customHtmlc0ce2636-5300-418a-a434-ac7b26441897"><div><style> 2434 /* CP icon */ 2435 .cpBylineIconTS { 2436 color: #fff; 2437 } 2438 /* CP Text */ 2439 .cpBylineTextTS, 2440 .cpBylineTextTS a:is(:link, :visited) { 2441 color: #fff; 2442 font-weight: inherit; 2443 } 2444 2445 .cpBylineTS { 2446 text-align: center; 2447 font-size: 1.125em; 2448 } 2449 2450 .cpBylineIconTS { 2451 fill: currentColor; 2452 width: 39px; 2453 height: 26px; 2454 display: inline; 2455 vertical-align: middle; 2456 } 2457</style> 2458 2459<div class="widgetItem cpBylineTS"> 2460 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2461 <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> 2462 <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> 2463 </svg> 2464 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2465</div> 2466</div></div> 2467 </div> 2468 2469 </div> 2470 2471 </div> <!-- inner column --> 2472 2473 </div> <!-- inner row --> 2474 2475 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2476 2477 2478 </div> 2479</div></div> 2480</div><!-- </div> --> 2481</div> 2482 2483 </div> 2484 </div> 2485 </div> 2486 2487<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2488 2489<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2490 <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"> 2491 <div class="cp-Splash-header"> 2492 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2493 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2494 <svg id="iconClose" viewBox="0 0 25 25"> 2495 <polygon style="fill:currentcolor" 2496 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> 2497 </svg> 2498 </button>
2499 </div> 2500 <div class="cp-Splash-body"> 2501 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2502 <!-- Content from the Froala Editor will go here. --> 2503 Loading 2504 </div> 2505 </div> 2506 <div class="cp-Splash-footer"> 2507 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2508 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 2509 </div> 2510 </div> 2511</div> 2512
2513<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2513
2513
2514<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2514
2514
2515<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2515
2515
2516<script> 2517 2518 $(document).ready(function () { 2519 var filter = { 2520 targetId: '31', 2521 targetType: 1 2522 } 2523 2524 new SplashModalRender().triggerRender(filter); 2525 }); 2526</script>
2526 2527 2528 2529 2530 2531 2532 2533 2534 2535 2536 2537 2538 2539 2540 2541 2542 2543
2543<script src="/-1442400649.js" type="text/javascript"></script>
2543 2544 <!----------Google Translate (Mobile Friendly)---------> 2545<style>#google-translate-container {float: right;padding: 3px 5px 0px 0px;}.goog-te-combo,.goog-te-banner *,.goog-te-ftab *,.goog-te-menu *,.goog-te-menu2 *,.goog-te-balloon * {font-family: arial;font-size: 10pt;background-image: url("https://theme.zdassets.com/theme_assets/958586/bae8aa24db8d43595871692a9d259186f2db3fb4.png");background-position: 3px 4px;background-size: 22px;background-repeat: no-repeat;padding-left: 30px !important;background-color: #fff;color: #000 !important;}.goog-logo-link {display: none !important;}.goog-te-gadget {color: transparent !important;}.goog-te-gadget .goog-te-combo {margin: 2px 0 !important;border-radius: 15px !important;}.goog-te-combo{border: 1px solid !important;border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important;border-radius: 0 !important;height:32px !important;padding: 0 0 0 30px !important;width: 165px !important;-moz-appearance: none;-webkit-appearance: none;}#launcher-wrapper {bottom: 50px !important;}</style> 2546 2547<div id="google-translate-container"> 2548<div id="google_translate_element" style="position: fixed; bottom: 0px; right: 20px; z-index: 5;"></div> 2549</div>
2550<script> 2551function googleTranslateElementInit() { 2552var el = document.getElementById("google_translate_element"); 2553if (el && el.innerHTML.trim() !== "") { 2554 return; 2555} 2556 2557new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); 2558 // begin accessibility compliance 2559 $('img.goog-te-gadget-icon').attr('alt','Google Translate'); 2560 $('div#goog-gt-tt div.logo img').attr('alt','translate'); 2561 $('div#goog-gt-tt .original-text').css('text-align','left'); 2562 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 2563} 2564$(function() { 2565$.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); 2566}); 2567</script>
2567 2568<!--------------End Google Translate-----------------> 2569 2570<!--------------849977 Monsido install----------------->
2571<script type="text/javascript"> 2572window._monsido = window._monsido || { 2573token: "39uUgc8A0S7P_4oLcn-2Mw", 2574statistics: { 2575enabled: true, 2576cookieLessTracking: false, 2577documentTracking: { 2578enabled: true, 2579documentCls: "monsido_download", 2580documentIgnoreCls: "monsido_ignore_download", 2581documentExt: [".pdf",".txt",".xls",".ppt",".doc"], 2582}, 2583}, 2584heatmap: { 2585enabled: true, 2586}, 2587pageCorrect: { 2588enabled: false, 2589}, 2590pageAssistV2: { 2591enabled: true, 2592theme: "light", 2593mainColor: "#783CE2", 2594textColor: "#ffffff", 2595linkColor: "#783CE2", 2596buttonHoverColor: "#783CE2", 2597mainDarkColor: "#052942", 2598textDarkColor: "#ffffff", 2599linkColorDark: "#FFCF4B", 2600buttonHoverDarkColor: "#FFCF4B", 2601greeting: "Discover your personalization options", 2602direction: "leftbottom", 2603coordinates: "undefined undefined undefined undefined", 2604iconShape: "circle", 2605title: "Personalization Options", 2606titleText: "Welcome to PageAssist™ toolbar! Adjust the options below to cater the website to your accessibility needs.", 2607iconPictureUrl: "logo", 2608logoPictureUrl: "", 2609logoPictureBase64: "", 2610languages: [""], 2611defaultLanguage: "", 2612skipTo: false, 2613alwaysOnTop: false, 2614hotkeyEnabled: false, 2615}, 2616}; 2617</script>
vendor: 2 bytes, line 2617
2617
2618<script type="text/javascript" async src="https://app-script.monsido.com/v2/monsido-script.js"></script>
2618 2619<!--------------End 849977 Monsido install-----------------> 2620 2621 2622<!-- Fixed Nav Adjustment -->
2623<script> 2624 function getValueTS(elem, attr) { 2625 const val = elem.css(attr); 2626 if (val === undefined) return undefined; 2627 const num = parseInt(val, 10); 2628 if (num === NaN) return undefined; 2629 return num; 2630 } 2631 2632 function clampTS(number, min, max) { 2633 return Math.min(Math.max(number, min), max); 2634 } 2635 2636 function isPageEditingTS() { 2637 return ( 2638 $("#doneEditing").length > 0 || // In live edit 2639 typeof DesignCenter !== "undefined" // In theme manager 2640 ); 2641 } 2642 2643 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 2644 function isTransparentTS(elem) { 2645 const bg = elem.css('background-color'); 2646 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 2647 const matchState = bg.match(bgColorRegexTS); 2648 if (!matchState || matchState.length !== 5) return false; 2649 const alpha = parseFloat(matchState[4], 10); 2650 if (!(alpha >= 0 && alpha < 1)) return false; 2651 return true; 2652 } 2653 2654 function iterateLeftpads(cb) { 2655 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2656 for (let i = 0; i < containersTS.length; i++) { 2657 const containerTS = containersTS[i]; 2658 // Skip the body container and anything with data-skip-leftpad 2659 if ( 2660 containerTS.id !== "bodyContainerTS" && 2661 containerTS.getAttribute('data-skip-leftpad') === null 2662 ) { 2663 cb(containerTS); 2664 } 2665 } 2666 } 2667 2668 function iterateRightpads(cb) { 2669 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2670 for (let i = 0; i < containersTS.length; i++) { 2671 const containerTS = containersTS[i]; 2672 // Skip the body container and anything with data-skip-leftpad 2673 if ( 2674 containerTS.id !== "bodyContainerTS" && 2675 containerTS.getAttribute('data-skip-rightpad') === null 2676 ) { 2677 cb(containerTS); 2678 } 2679 } 2680 } 2681 2682 const anchor = $("#divToolbars"); 2683 2684 // Outer banner padding (push banner down) 2685 const outerSizingTS = $("#bannerContainerTS"); 2686 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 2687 const innerSizingTS = $("#bannerSizingTS"); 2688 const bodyContainerTS = $("#bodyContainerTS"); 2689 const headerContainerTS = $("#headerContainerTS"); 2690 const forceUnfixClassTS = "forceUnfixTS"; 2691 2692 const fixedTopTS = $(".fixedTopTS"); 2693 const fixedBottomTS = $(".fixedBottomTS"); 2694 const fixedLeftTS = $(".fixedLeftTS"); 2695 const fixedRightTS = $(".fixedRightTS"); 2696 2697 var initialTopTS; 2698 var topAttachTS; 2699 if (fixedTopTS && fixedTopTS.length === 1) { 2700 initialTopTS = getValueTS(fixedTopTS, 'top'); 2701 const attachment = fixedTopTS.attr('data-attach');
2702 if (attachment) topAttachTS = $("#" + attachment); 2703 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 2704 } 2705 2706 function resizeAdjustmentTS() { 2707 const editing = isPageEditingTS(); 2708 2709 // Fixed top script 2710 (function () { 2711 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 2712 2713 if (editing) { 2714 fixedTopTS[0].classList.add(forceUnfixClassTS); 2715 } else { 2716 fixedTopTS[0].classList.remove(forceUnfixClassTS); 2717 } 2718 2719 const topPosition = fixedTopTS.css('position'); 2720 if (topPosition === 'fixed') { 2721 if (topAttachTS) { 2722 scrollAdjustmentTS(); 2723 } else { 2724 const anchorHeight = anchor.outerHeight() - 1; 2725 fixedTopTS.css('top', anchorHeight + initialTopTS); 2726 } 2727 } else { 2728 fixedTopTS.css('top', initialTopTS); 2729 } 2730 2731 if (topPosition === 'fixed' || topPosition === 'absolute') { 2732 // Bump the banner content down 2733 if (isTransparentTS(fixedTopTS)) { 2734 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 2735 outerSizingTS.css('padding-top', ''); 2736 2737 try { 2738 window.Pages.onResizeHandlersExecute(); 2739 } catch (e) { } 2740 } else { 2741 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 2742 innerSizingTS.css('padding-top', ''); 2743 } 2744 } else { 2745 innerSizingTS.css('padding-top', ''); 2746 outerSizingTS.css('padding-top', ''); 2747 } 2748 })(); 2749 2750 // Fixed bottom script 2751 (function () { 2752 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 2753 2754 // If the widget has gone narrow, force unfix 2755 if (editing || fixedBottomTS.outerHeight() > 200) { 2756 fixedBottomTS[0].classList.add(forceUnfixClassTS); 2757 } else { 2758 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 2759 } 2760 2761 if (fixedBottomTS.css('position') === 'fixed') { 2762 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 2763 } else { 2764 bodyContainerTS.css('padding-bottom', ''); 2765 } 2766 })(); 2767 2768 // Fixed left script 2769 (function () { 2770 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 2771 2772 if (editing) { 2773 fixedLeftTS[0].classList.add(forceUnfixClassTS); 2774 } else { 2775 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 2776 } 2777 2778 if (fixedLeftTS.css('position') === 'fixed') { 2779 const anchorHeight = anchor.outerHeight() - 1; 2780 const headerHeight = headerContainerTS.outerHeight() - 1; 2781 fixedLeftTS.css('top', anchorHeight + headerHeight + 100); 2782 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 2783 iterateLeftpads(function (containerTS) { 2784 const containerBoundingTS = containerTS.getBoundingClientRect(); 2785 if (containerBoundingTS.left <= leftBoundingTS.right) { 2786 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 2787 } 2788 }); 2789 } else { 2790 fixedLeftTS.css('top', ''); 2791 iterateLeftpads(function (containerTS) { 2792 $(containerTS).css('padding-left', ''); 2793 }); 2794 } 2795 })(); 2796 2797 // Fixed right script 2798 (function () { 2799 if (!fixedRightTS || fixedRightTS.length === 0) return; 2800 2801 if (editing) { 2802 fixedRightTS[0].classList.add(forceUnfixClassTS); 2803 } else { 2804 fixedRightTS[0].classList.remove(forceUnfixClassTS); 2805 } 2806 2807 if (fixedRightTS.css('position') === 'fixed') { 2808 const anchorHeight = anchor.outerHeight() - 1; 2809 const headerHeight = headerContainerTS.outerHeight() - 1; 2810 fixedRightTS.css('top', anchorHeight + headerHeight + 100); 2811 const rightBoundingTS = fixedRightTS[0].getBoundingClientRect(); 2812 iterateRightpads(function (containerTS) { 2813 const containerBoundingTS = containerTS.getBoundingClientRect(); 2814 if (containerBoundingTS.left <= rightBoundingTS.right) { 2815 $(containerTS).css('padding-right', rightBoundingTS.width + 16); 2816 } 2817 }); 2818 } else { 2819 fixedRightTS.css('top', ''); 2820 iterateRightpads(function (containerTS) { 2821 $(containerTS).css('padding-right', ''); 2822 }); 2823 } 2824 })(); 2825 } 2826 2827 function scrollAdjustmentTS() {
2828 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 2829 const topPosition = fixedTopTS.css('position'); 2830 if (topPosition === 'fixed' || topPosition === 'absolute') { 2831 const anchorBounding = anchor[0].getBoundingClientRect(); 2832 const attachBounding = topAttachTS[0].getBoundingClientRect(); 2833 const scrollTop = $(window).scrollTop(); 2834 2835 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 2836 } else { 2837 fixedTopTS.css('top', initialTopTS); 2838 } 2839 } 2840 2841 $(window).load(function () { 2842 setTimeout(function () { 2843 resizeAdjustmentTS(); 2844 }, 350); 2845 2846 $(window).scroll(function () { 2847 scrollAdjustmentTS(); 2848 }); 2849 2850 var adjustTimeoutTS; 2851 $(window).resize(function () { 2852 clearTimeout(adjustTimeoutTS); 2853 adjustTimeoutTS = setTimeout(function () { 2854 resizeAdjustmentTS(); 2855 }, 350); 2856 }); 2857 2858 $.when(window.Pages.angularToolbarComplete).done(function () { 2859 resizeAdjustmentTS(); 2860 }); 2861 }); 2862</script>
2862 2863<!-- End Fixed Nav Adjustment --> 2864 2865 2866
2866<script type="text/javascript"> 2867 $(function () { 2868 document.cookie = "responsiveGhost=0; path=/"; 2869 }); 2870 $(window).on("load", function () { 2871 $('body').addClass('doneLoading').removeClass('hideContent'); 2872 2873 if ($('#404Content').length > 0) 2874 $('div#bodyWrapper').css('padding', '0px'); 2875 }); 2876 </script>
2876 2877 2878 <noscript> 2879 <style> 2880 body.hideContent { 2881 opacity: 1 !important; 2882 } 2883 </style> 2884 </noscript> 2885 2886 2887<div style="display: none;"> 2888 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2889 2890 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2891 <title>Arrow Left</title> 2892 <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> 2893 </symbol> 2894 2895 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2896 <title>Arrow Right</title> 2897 <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> 2898 </symbol> 2899 2900 </svg> 2901</div> 2902
2902<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Lora:700,700italic,italic,regular|Montserrat:500,500italic,600,600italic,700,800,italic,regular|Roboto:500,700,italic,regular|Roboto+Condensed:500,700,italic,regular|');</script>
2902 2903 2904 2905 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2906 <div style="display: none;"> 2907 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2908 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 2909 <title>Slideshow Left Arrow</title> 2910 <g> 2911 <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> 2912 </g> 2913 </symbol> 2914 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 2915 <title>Slideshow Right Arrow</title> 2916 <g> 2917 <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> 2918 </g> 2919 </symbol> 2920 </svg> 2921 </div> 2922 2923 2924 2925 2926 <div id="root-picker-outlet"></div> 2927</body> 2928</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.