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-X7RY58XDEH';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= true; 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="How Do I..." /> 120 121 122 <meta name="theme-color" content="rgb(55, 80, 82)"> 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>How Do I... | Kittitas Public Utility District, WA</title> 126 127 <meta name="description" content=""> 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="/-681783051.css" rel="stylesheet" type="text/css" /> <link href="/-2140275272.css" rel="stylesheet" type="text/css" /> <link href="/385641917.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="#ccdf639faf-78bf-49cf-a21a-c4d7f5381d72" 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="7" /> 391 <input type="hidden" id="hdnContentCollectionID" value="97ebad0b-978d-4f19-90aa-7627ab2f686c" /> 392 <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" /> 393 <input type="hidden" id="hdnThemeID" value="20" /> 394 <input type="hidden" id="pageIsFrontEnd" value="true" /> 395 <input type="hidden" id="pageModuleID" /> 396 <input type="hidden" id="pagePageID" value="9" /> 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="flexWrap3" id="flexHeader1TS"><div data-cpRole="structuralContainer" id="logoTS"> 413<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty"> 414 415 416 417 418 <a id="bannerLogoTS-63" style=" display: block; text-align: center; 419" class="bannerObject" href="/" target="_self"><img alt="Kittitas Public Utility District, Washington Homepage" class="bannerObject" height="161" src="/ImageRepository/Document?documentID=1609" width="780" /></a> 420</div> 421</div><div data-cpRole="structuralContainer" id="mainNavTS"> 422<nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" aria-label="Main"> 423<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!-- 424--><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!-- 425 --><!-- 426 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem1 " href="/9/How-Do-I" target = "_self" > How Do I... </a> <!-- 427 --><!-- 428 --></li><!----><li id="MainItem142" class="topMenuItem" role="none" data-pageid="142" data-displaymegamenu="True"><!-- 429 --><!-- 430 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu142" id = "mainNavCustomers" class="navMainItem mainNavItem mainNavItem2 " href="/142/Customers" target = "_self" > Customers </a> <!-- 431 --><!-- 432 --></li><!----><li id="MainItem158" class="topMenuItem" role="none" data-pageid="158" data-displaymegamenu="True"><!-- 433 --><!-- 434 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu158" id = "mainNavVendorsContractors" class="navMainItem mainNavItem mainNavItem3 " href="/158/Vendors-Contractors" target = "_self" > Vendors & Contractors </a> <!-- 435 --><!-- 436 --></li><!----><li id="MainItem213" class="topMenuItem" role="none" data-pageid="213" data-displaymegamenu="True"><!-- 437 --><!-- 438 --> <a role = "menuitem" aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu213" id = "mainNavAboutUs" class="navMainItem mainNavItem mainNavItem4 " href="/213/About-Us" target = "_self" > About Us </a> <!-- 439 --><!-- 440 --></li><!----> 441</ol> 442 443 444
444<script type="text/javascript"> 445 (function () { 446 function setupMenu() { 447 const menuID = 'mainNavMenu'; 448 const menuType = MAIN_MENU; 449 450 //setup menu manager properties for main menu 451 if (!menuManager.mobileMainNav && true) 452 menuManager.adjustMainItemsWidth('#' + menuID); 453 menuManager.isMainMenuEditable = false; 454 menuManager.mainMenuMaxSubMenuLevels = 4; 455 menuManager.setMOMMode(2, menuType); 456 457 //Init main menu 458 const setupDraggable = menuManager.isMainMenuEditable; 459 const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=20&menuContainerID=mainNav'; 460 461 menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus); 462 menuManager.mainMenuInit = true; 463 menuManager.mainMenuTextResizer = true; 464 if (1.00 > 0) 465 menuManager.mainMenuTextResizerRatio = 1.00; 466 if (window.isResponsiveEnabled) 467 menuManager.mainMenuReady.resolve(); 468 469 } 470 471 if (document.readyState === "complete" 472 || document.readyState === "loaded" 473 || document.readyState === "interactive") { 474 setupMenu(); 475 return; 476 } 477 478 document.addEventListener("DOMContentLoaded", setupMenu); 479 })(); 480 </script>
480 481 482 483<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="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal"> <div id="cc67f1636e-2fef-4d71-9d89-37758b3eb87e" data-containerid="67f1636e-2fef-4d71-9d89-37758b3eb87e" class="pageContent cpGrid cpGrid24"> 484 485 486 487 488 </div> 489</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu142" class="contentTop mainNavMegaMenu megaMenuContainer pageID_142 hidden" data-orientation="horizontal"> <div id="cc6d52b385-a4aa-4211-b368-b3287da9d4b2" data-containerid="6d52b385-a4aa-4211-b368-b3287da9d4b2" class="pageContent cpGrid cpGrid24"> 490 491 492 493 494 </div> 495</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu158" class="contentTop mainNavMegaMenu megaMenuContainer pageID_158 hidden" data-orientation="horizontal"> <div id="cc742dc438-4b59-44c9-ba8e-b828701570a6" data-containerid="742dc438-4b59-44c9-ba8e-b828701570a6" class="pageContent cpGrid cpGrid24"> 496 497 498 499 500 </div> 501</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu213" class="contentTop mainNavMegaMenu megaMenuContainer pageID_213 hidden" data-orientation="horizontal"> <div id="cc6e8f6716-8dc5-40bc-94ca-b1a0998ad78c" data-containerid="6e8f6716-8dc5-40bc-94ca-b1a0998ad78c" class="pageContent cpGrid cpGrid24"> 502 503 504 505 506 </div> 507</aside></aside></nav> 508</div><div data-cpRole="contentContainer" id="searchTS"> <div id="ccab96e76c-ccce-4ef1-9921-a4df42f5f437" data-containerid="ab96e76c-ccce-4ef1-9921-a4df42f5f437" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 509 510 511 <div class="row outer wide"><!-- 512--><div class="outer col col24 first last" style="" data-widgetcontainerid="0439ceab-0341-44d3-a849-e1efbaf87661">� 513 <div class="row nest first last wide">� 514 515 <div class="inner col col24 first last id7f1864c0-d90e-442c-a993-f46427d1c9a8" style="" data-widgetcontainerid="7f1864c0-d90e-442c-a993-f46427d1c9a8">� 516 <div data-widget-id="12cc1a97-bb9e-4645-a0e1-b1e941666031" data-widget-controller-path="/InfoAdvanced/Widget"> 517 518 519 520 521 522 <section id="divInfoAdv12cc1a97-bb9e-4645-a0e1-b1e941666031" class="widget widgetInfoAdvanced skin83 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 523 <header class="widgetHeader" id="header12cc1a97-bb9e-4645-a0e1-b1e941666031"> 524 <div class=""> 525 </div> 526 </header> 527 <div class="widgetBody cpGrid cpGrid1 "> 528 <div class="row wide"> 529 <div class="col col1 first last"> 530 <ol class="pageStyles semanticList"> 531 532<li class="InfoAdvanced widgetItem fr-view"> 533 <p>Phone: 509-260-2300</p> 534</li> </ol> 535 </div> 536 </div> 537 </div> 538 <div class="widgetFooter"> 539 540 </div> 541 542 </section> 543 544 545
546<script type="text/javascript"> 547 //Render slideshow if info advacned items contain one. 548 $(document).ready(function (e) { 549 $('#divInfoAdv12cc1a97-bb9e-4645-a0e1-b1e941666031 .InfoAdvanced.widgetItem').each(function () { 550 renderSlideshowIfApplicable($(this)); 551 }); 552 }); 553</script>
553</div> 554 </div> <!-- inner column --> 555 556 </div> <!-- inner row --> 557 558 </div><!-- outer column --><!-- --></div> <!-- outer row --> 559 <div class="row outer wide"><!-- 560--><div class="outer col col24 first last" style="" data-widgetcontainerid="9c91aa16-eeca-4dc3-bcbf-b3d8b4290e1a">� 561 <div class="row nest first last wide">� 562 563 <div class="inner col col24 first last idad8a367b-8408-4905-bb4b-b599d9c9e3a2" style="" data-widgetcontainerid="ad8a367b-8408-4905-bb4b-b599d9c9e3a2">� 564<div data-widget-id="dfe1b0c5-6275-4d12-af26-113a7e4f832b" data-widget-controller-path="/Layout/WidgetSearch"> 565 566
566<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
566 567
567<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
567 568
568<script defer type="text/javascript"> 569 570 $(document).ready(function () { 571 try { 572 // Minimum characters required before performing a search/autocomplete 573 var minPrefixLength = 3; 574 var autoCompleteDebounceDelay = 500; 575 var searchFieldSelector = "#searchField" + 'dfe1b0c5-6275-4d12-af26-113a7e4f832b'; 576 var checkboxSelector = "#ysnSearchOnlyDept" + 'dfe1b0c5-6275-4d12-af26-113a7e4f832b'; 577 var buttonSelector = ".widgetSearchButton" + 'dfe1b0c5-6275-4d12-af26-113a7e4f832b'; 578 var autoCompleteCache = {}; 579 var autoCompleteCacheKeys = []; 580 var autoCompleteCacheLimit = 25; 581 var currentAutoCompleteRequest = null; 582 var currentAutoCompleteRequestKey = null; 583 var autoCompleteDebounceTimer = null; 584 var autoCompleteDebounceKey = null; 585 var pendingAutoCompleteResponses = []; 586 587 function normalizeAutoCompleteTerm(term) { 588 return $.trim((term || "") + "").replace(/\s+/g, " "); 589 } 590 591 function shouldSearch(term) { 592 return normalizeAutoCompleteTerm(term).length >= minPrefixLength; 593 } 594 595 function getAutoCompleteUrl() { 596 return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : ''); 597 } 598 599 function getAutoCompleteCacheKey(requestUrl, term) { 600 return requestUrl + "|" + term.toLowerCase(); 601 } 602 603 function cacheAutoCompleteResult(cacheKey, data) { 604 if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 605 autoCompleteCacheKeys.push(cacheKey); 606 if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) { 607 delete autoCompleteCache[autoCompleteCacheKeys.shift()]; 608 } 609 } 610 autoCompleteCache[cacheKey] = data; 611 } 612 613 function respondToPendingAutoComplete(data) { 614 var responses = pendingAutoCompleteResponses; 615 pendingAutoCompleteResponses = []; 616 for (var i = 0; i < responses.length; i++) { 617 responses[i](data); 618 } 619 } 620 621 function cancelPendingAutoComplete() { 622 clearTimeout(autoCompleteDebounceTimer); 623 autoCompleteDebounceKey = null; 624 if (currentAutoCompleteRequest != null) { 625 currentAutoCompleteRequest.abort(); 626 currentAutoCompleteRequest = null; 627 } 628 currentAutoCompleteRequestKey = null; 629 respondToPendingAutoComplete([]); 630 } 631 632 function createWidgetAutoCompleteSource(options) { 633 return function (request, response) { 634 var term = normalizeAutoCompleteTerm(request.term); 635 if (!options.shouldSearch(term)) { 636 response([]); 637 return; 638 } 639 640 var requestUrl = options.url(); 641 var cacheKey = getAutoCompleteCacheKey(requestUrl, term); 642 if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) { 643 response(autoCompleteCache[cacheKey]); 644 if (options.success) { 645 options.success(autoCompleteCache[cacheKey]); 646 } 647 return; 648 } 649 650 if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) { 651 pendingAutoCompleteResponses.push(response); 652 return; 653 } 654 655 cancelPendingAutoComplete(); 656 autoCompleteDebounceKey = cacheKey; 657 pendingAutoCompleteResponses.push(response); 658 autoCompleteDebounceTimer = setTimeout(function () { 659 autoCompleteDebounceKey = null; 660 currentAutoCompleteRequestKey = cacheKey; 661 currentAutoCompleteRequest = $.ajax({ 662 url: requestUrl, 663 dataType: "json", 664 timeout: options.timeout, 665 data: { 666 term: term, 667 }, 668 success: function (data) { 669 if (currentAutoCompleteRequestKey === cacheKey) { 670 cacheAutoCompleteResult(cacheKey, data); 671 respondToPendingAutoComplete(data); 672 if (options.success) { 673 options.success(data); 674 } 675 } 676 }, 677 error: function (xmlhttprequest, textstatus, message) { 678 if (textstatus === "abort") { 679 return; 680 } 681 682 if (options.error) { 683 options.error(xmlhttprequest, textstatus, message); 684 } 685 686 respondToPendingAutoComplete([]); 687 }, 688 complete: function (xmlhttprequest) { 689 if (currentAutoCompleteRequest === xmlhttprequest) { 690 currentAutoCompleteRequest = null;
691 currentAutoCompleteRequestKey = null; 692 } 693 } 694 }); 695 }, options.delay); 696 }; 697 } 698 699 // click handler for search buttons 700 $(buttonSelector).click(function (e) { 701 e.preventDefault(); 702 var $btn = $(this); 703 var $field = $btn.siblings(".widgetSearchBox"); 704 var term = $field.val() + ""; 705 if (!shouldSearch(term)) { 706 // do nothing until user types enough characters 707 $field.focus(); 708 return; 709 } 710 711 if ($(checkboxSelector).is(':checked') || false) 712 { 713 doWidgetSearch($.trim(term), Number(0)); 714 } 715 else { 716 doWidgetSearch($.trim(term), 0); 717 } 718 }); 719 720 // enter key handler for the search field 721 $(searchFieldSelector).keypress(function (e) { 722 var code = e.which || e.keyCode; 723 if (code === 13) { 724 e.preventDefault(); 725 var $this = $(this); 726 var term = $this.val() + ""; 727 if (!shouldSearch(term)) { 728 // do nothing until user types enough characters 729 $this.focus(); 730 return false; 731 } 732 733 if ($(checkboxSelector).is(':checked') || false) { 734 doWidgetSearch($.trim(term), Number(0)); 735 } else { 736 doWidgetSearch($.trim(term), 0); 737 } 738 return false; 739 } 740 return true; 741 }); 742 743 // autocomplete: set minLength and guard source 744 if (true) { 745 var $searchField = $(searchFieldSelector).autocomplete({ 746 minLength: minPrefixLength, 747 source: createWidgetAutoCompleteSource({ 748 delay: autoCompleteDebounceDelay, 749 timeout: 10000, 750 shouldSearch: shouldSearch, 751 url: getAutoCompleteUrl, 752 success: function () { 753 $('.autoCompleteError').remove(); 754 }, 755 error: function (xmlhttprequest, textstatus, message) { 756 if (textstatus === "timeout") { 757 if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0) 758 $('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector)); 759 } 760 } 761 }), 762 html: true, 763 delay: 0, 764 select: function (event, ui) { 765 $(this).val(ui.item.value); 766 $(this).next().click(); 767 } 768 }); 769 770 $searchField.data("ui-autocomplete")._renderItem = function (ul, item) { 771 return $("<li class=\"itemList\"></li>") 772 .data("ui-autocomplete-item", item) 773 .append("<a>" + item.label + "</a>") 774 .appendTo(ul); 775 }; 776 } 777 778 // keep searchBtnApplyQuery consistent with prefix rule 779 window.searchBtnApplyQuery = function() { 780 var $field = $(searchFieldSelector); 781 var term = $field.val() + ""; 782 if (shouldSearch(term)) { 783 // update href for the icon/button (if present) 784 var btn = document.getElementById("btnSearchIcon"); 785 if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term)); 786 } else { 787 var btn = document.getElementById("btnSearchIcon"); 788 if (btn) btn.href = "#"; 789 } 790 }; 791 } 792 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. 793 }); 794 </script>
794 795 796 <section id="widgetPreviewSearch" class="widget widgetSearch skin83 widgetOptionSet52" style="display: block;" aria-label="Search"> 797 <!-- For the button right and inside --> 798 <div class="widgetBody buttonRightInside"> 799 <input class="widgetSearchBox widgetSearchBoxdfe1b0c5-6275-4d12-af26-113a7e4f832b" cp5ph="true" id="searchFielddfe1b0c5-6275-4d12-af26-113a7e4f832b" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search..." type="text" value="" /> 800 <a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtondfe1b0c5-6275-4d12-af26-113a7e4f832b" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=1616" data-image="/ImageRepository/Document?documentID=1615" src="/ImageRepository/Document?documentID=1615" /></a> 801 802 <label class="searchLabel" aria-hidden="true" for="searchFielddfe1b0c5-6275-4d12-af26-113a7e4f832b">Search</label> 803 </div> 804 805 </section> 806 807 808<style scoped> 809 810 .widgetSearch ::-webkit-input-placeholder { 811 color: #ffffff; 812 } 813 .widgetSearch :-moz-placeholder { /* Firefox 18- */ 814 color: #ffffff; 815 } 816 .widgetSearch ::-moz-placeholder { /* Firefox 19+ */ 817 color: #ffffff; 818 } 819 .widgetSearch :-ms-input-placeholder { 820 color: #ffffff; 821 } 822 823 824 .widgetSearch .widgetBody .widgetSearchBoxdfe1b0c5-6275-4d12-af26-113a7e4f832b 825 { 826 color: #ffffff; 827 height: 49px; 828background: #427374; 829box-shadow: 0px 3px 10px #37505246; 830border-radius: 25px; 831padding: 0 49px 0 23px; 832border: none; 833font: 700 16px Comfortaa; 834 } 835 .widgetSearch .widgetBody .widgetSearchButtondfe1b0c5-6275-4d12-af26-113a7e4f832b 836 { 837 margin: 4px 4px 0 0; 838 } 839 .widgetSearch .widgetSearch-onlyDeptdfe1b0c5-6275-4d12-af26-113a7e4f832b 840 { 841 display: inline-block; 842 color: #333; 843 844 845 padding-top: 10px; 846 } 847 #ysnSearchOnlyDeptdfe1b0c5-6275-4d12-af26-113a7e4f832b 848 { 849 position: relative; 850 top: .125em; 851 } 852 853</style> 854 855<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css"> 856<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css"> 857 858 859
860<script type="text/javascript"> 861 //Updates search icons href to have the correct queryString 862 function searchBtnApplyQuery() { 863 document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFielddfe1b0c5-6275-4d12-af26-113a7e4f832b").value; 864 } 865</script>
865 866 867</div> 868 869 </div> <!-- inner column --> 870 871 </div> <!-- inner row --> 872 873 </div><!-- outer column --><!-- --></div> <!-- outer row --> 874 875 876 </div> 877</div></div> 878</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS"> 879<div data-cpRole="banner" id="banner1"><div data-cpRole="structuralContainer" id="bannerSizingTS"> 880<div data-cpRole="structuralContainer" id="bannerContentTS"> 881<div class="siteWrap3"><div data-cpRole="contentContainer" id="contentTS"> <div id="cc2dd04d63-6006-43dc-997e-4ca3e847494e" data-containerid="2dd04d63-6006-43dc-997e-4ca3e847494e" class="pageContent cpGrid cpGrid24 showInMobile"> 882 883 884 885 886 </div> 887</div></div> 888</div> 889</div> 890 891 892 893 894 <div id="bannerImagesJSON62" class="hidden"></div> 895 <div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none"> 896 <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> 897 <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> 898 </div> 899
899<script type="text/javascript"> 900 $(window).on("load", function () { 901 $.when(window.Pages.rwdSetupComplete) 902 .done(function () { 903 renderExternalBannerSlideshow('banner1', 904 {"BannerOptionID":62,"ThemeID":20,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":true,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":90,"BannerOptionID":62,"FileName":"/ImageRepository/Document?documentID=1611","Height":591,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[{"BannerVideoID":8,"BannerOptionID":62,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202403140916200462.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)\/"}, 905 '/App_Themes/2024 - Interior/Images/', 906 'Rotating'); 907 }); 908 }); 909 </script>
909 910 911</div> 912</div><div data-cpRole="structuralContainer" id="bgWrap1TS"> 913<main data-cpRole="structuralContainer" id="mainSectionTS"> 914<!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS"> 915<div class="siteWrap"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap flexTS"> 916<div data-cpRole="structuralContainer" id="siteSidebarTS" class="siteSidebar"> 917<aside data-cpRole="contentContainer" id="sidebarContainer1TS"> <div id="cc722e5be8-77ac-4bef-93cf-5881b8938a7a" data-containerid="722e5be8-77ac-4bef-93cf-5881b8938a7a" class="pageContent cpGrid cpGrid24 showInMobile"> 918 919 920 921 922 </div> 923</aside><nav data-cpRole="nav" id="secondaryNav" class="siteNav secondaryNav" aria-label="Secondary"> 924 925 926 927 928 929 <ol role="menu" id="secondaryMenusecondaryNav" data-parent="9" class="rootNavMenu accordionNav"> 930 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem172" data-pageid="172"> 931 <div class="accordionNavItem"> 932 <a href="/172/Apply-For" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Apply For</a> 933 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Apply For Submenu" aria-expanded="false" aria-controls="submenu-lvl1-172"></a> 934 </div> 935 <ol aria-hidden="true" role="menu" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-172" style="display: none;" data-parent="172"> 936 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem176" data-pageid="176"> 937 <div class="accordionNavItem"> 938 <a href="/159/Bid-Opportunities" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Bid Opportunities</span></a> 939 </div> 940 </li> 941 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem257" data-pageid="257"> 942 <div class="accordionNavItem"> 943 <a href="/139/Distributed-Generation" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Distributed Generation</span></a> 944 </div> 945 </li> 946 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem173" data-pageid="173"> 947 <div class="accordionNavItem"> 948 <a href="/168" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Jobs</span></a> 949 </div> 950 </li> 951 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem175" data-pageid="175"> 952 <div class="accordionNavItem"> 953 <a href="/145" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">New Service</span></a> 954 </div> 955 </li> 956 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem174" data-pageid="174"> 957 <div class="accordionNavItem"> 958 <a href="/132/Conservation-Programs" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Rebates</span></a> 959 </div> 960 </li> 961 962 </ol> 963 </li> 964 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem214" data-pageid="214"> 965 <div class="accordionNavItem"> 966 <a href="/214/Contact" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Contact</a> 967 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Contact Submenu" aria-expanded="false" aria-controls="submenu-lvl1-214"></a> 968 </div> 969 <ol aria-hidden="true" role="menu" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-214" style="display: none;" data-parent="214"> 970 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem216" data-pageid="216"> 971 <div class="accordionNavItem"> 972 <a href="/189/Meet-Our-Commissioners" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Commissioners</span></a> 973 </div> 974 </li> 975 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem229" data-pageid="229"> 976 <div class="accordionNavItem"> 977 <a href="https://www.kittitaspud.com/Directory.aspx?did=9" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Kittitas PUD Department Contacts</span></a> 978 </div> 979 </li> 980 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem215" data-pageid="215"> 981 <div class="accordionNavItem"> 982 <a href="/Directory.aspx?DID=6" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Kittitas PUD Staff</span></a> 983 </div> 984 </li> 985 986 </ol> 987 </li> 988 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem180" data-pageid="180"> 989 <div class="accordionNavItem"> 990 <a href="/180/Find" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Find</a> 991 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Find Submenu" aria-expanded="false" aria-controls="submenu-lvl1-180"></a> 992 </div> 993 <ol aria-hidden="true" role="menu" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-180" style="display: none;" data-parent="180"> 994 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem183" data-pageid="183"> 995 <div class="accordionNavItem"> 996 <a href="/151/Need-Help-Paying-your-Bill" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Bill Payment Assistance</span></a> 997 </div> 998 </li> 999 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem226" data-pageid="226"> 1000 <div class="accordionNavItem"> 1001 <a href="http://www.kittitaspud.com/DocumentCenter/View/1768" target="_blank" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Charges and Fee Schedule</span></a> 1002 </div> 1003 </li> 1004 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem181" data-pageid="181"> 1005 <div class="accordionNavItem"> 1006 <a href="/157/Rates" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Rates</span></a> 1007 </div> 1008 </li> 1009 1010 </ol> 1011 </li> 1012 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem177" data-pageid="177"> 1013 <div class="accordionNavItem"> 1014 <a href="/177/Report" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Report</a> 1015 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Report Submenu" aria-expanded="false" aria-controls="submenu-lvl1-177"></a> 1016 </div> 1017 <ol aria-hidden="true" role="menu" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-177" style="display: none;" data-parent="177"> 1018 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem217" data-pageid="217"> 1019 <div class="accordionNavItem"> 1020 <a href="/193/Report-an-Outage" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Power Outage</span></a> 1021 </div> 1022 </li> 1023 1024 </ol> 1025 </li> 1026 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem218" data-pageid="218"> 1027 <div class="accordionNavItem"> 1028 <a href="/218/Submit" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">Submit</a> 1029 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="Submit Submenu" aria-expanded="false" aria-controls="submenu-lvl1-218"></a> 1030 </div> 1031 <ol aria-hidden="true" role="menu" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-218" style="display: none;" data-parent="218"> 1032 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem219" data-pageid="219"> 1033 <div class="accordionNavItem"> 1034 <a href="/152/Payment-Options" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Online Payments</span></a> 1035 </div> 1036 </li> 1037 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem220" data-pageid="220"> 1038 <div class="accordionNavItem"> 1039 <a href="/forms.aspx?fid=65" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Outage Information Request</span></a> 1040 </div> 1041 </li> 1042 1043 </ol> 1044 </li> 1045 <li class="topMenuItem sideNavLi hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem184" data-pageid="184"> 1046 <div class="accordionNavItem"> 1047 <a href="/184/View" target="_self" class="navMainItem secondaryNavItem cpComponent" data-type="SecondaryMainItem">View </a> 1048 <a href="#" role="button" class="openAccordionNav accordionSecondaryNavItem" aria-label="View Submenu" aria-expanded="false" aria-controls="submenu-lvl1-184"></a> 1049 </div> 1050 <ol aria-hidden="true" role="menu" class="accordionNavContainer accordionNavContainer--lvl1" id="submenu-lvl1-184" style="display: none;" data-parent="184"> 1051 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="0" id="SideItem185" data-pageid="185"> 1052 <div class="accordionNavItem"> 1053 <a href="/133/Appliance-Rebate" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Appliance Rebates</span></a> 1054 </div> 1055 </li> 1056 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem186" data-pageid="186"> 1057 <div class="accordionNavItem"> 1058 <a href="/150/Billing-Options" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Billing Options</span></a> 1059 </div> 1060 </li> 1061 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem221" data-pageid="221"> 1062 <div class="accordionNavItem"> 1063 <a href="/166/Minutes" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Meeting Minutes</span></a> 1064 </div> 1065 </li> 1066 <li class="sideNavLi subMenuItem hasAccordionChildren" role="menuitem" tabindex="-1" id="SideItem187" data-pageid="187"> 1067 <div class="accordionNavItem"> 1068 <a href="/152/Payment-Options" target="_self" class="navMenuItem cpComponent" data-type="SecondaryMenuItem"><span lang="en">Payment Options</span></a> 1069 </div> 1070 </li> 1071 1072 </ol> 1073 </li> 1074 1075 </ol> 1076 1077 1078
1078<script type="text/javascript"> 1079 (function () { 1080 function setupSecondaryMenuProperties() { 1081 //setup menu manager properties for secondary menu 1082 menuManager.isSideMenuEditable = false; 1083 menuManager.sideMenuMaxSubMenuLevels = 4; 1084 menuManager.sideMenuHasCustomLinks = false; 1085 } 1086 1087 if (document.readyState === "loading") { 1088 document.addEventListener("DOMContentLoaded", setupSecondaryMenuProperties, { once: true }); 1089 return; 1090 } 1091 1092 setupSecondaryMenuProperties(); 1093 })(); 1094 </script>
1094 1095 1096
1096<script type="text/javascript"> 1097 (function () { 1098 function setupAccordionSecondaryNav() { 1099 var $menuContainer = $('#secondaryNav'); 1100 1101 $menuContainer.find('*[id^="SideItem"]').each(function () { 1102 var ids = $('[id="' + this.id + '"]'); 1103 if (ids.length > 1) 1104 $.each(ids, function (index, value) { 1105 value.id = value.id + '_' + index; 1106 }); 1107 }); 1108 1109 $menuContainer.find('.hasAccordionChildren .openAccordionNav').off('click.secondaryNav').on('click.secondaryNav', function (e) { 1110 e.preventDefault(); 1111 showHideAccordionMenuForSecondaryNav($(this)); 1112 }); 1113 1114 $menuContainer.find(".grippy").each(function () { 1115 menuManager.setupDraggableElement($(this), SIDE_MENU, '#secondaryNav'); 1116 }); 1117 1118 $menuContainer.find("li").each(function () { 1119 menuManager.setupDroppableAccordionElement($(this), SIDE_MENU); 1120 }); 1121 } 1122 1123 if (document.readyState === "loading") { 1124 document.addEventListener("DOMContentLoaded", setupAccordionSecondaryNav, { once: true }); 1125 return; 1126 } 1127 1128 setupAccordionSecondaryNav(); 1129 })(); 1130 </script>
1130 1131 1132 1133 1134</nav><aside data-cpRole="contentContainer" id="sidebarContainer2TS"> <div id="cc03559676-2f76-4be3-8f6e-f2ae5c7deb6d" data-containerid="03559676-2f76-4be3-8f6e-f2ae5c7deb6d" class="pageContent cpGrid cpGrid24 showInMobile"> 1135 1136 1137 1138 1139 </div> 1140</aside> 1141</div><div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap flexTS"> 1142<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap"> 1143<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer"> <ol class="semanticList breadCrumbs"> 1144 <li><a class="breadCrumb" href="/">Home</a></li><li id="currentBCPage" data-pageid="9"><a href class="breadCrumb" aria-current="page">How Do I...</a></li> 1145 </ol> 1146 1147 1148 1149</div><div data-cpRole="mainContentContainer" id="moduleContent"> 1150 1151 <div id="page" class="moduleContentNew"> 1152 1153 1154 <input id="hdnPageID" name="hdnPageID" type="hidden" value="9" /> 1155 <input id="hdnParentID" name="hdnParentID" type="hidden" value="1" /> 1156 <input id="hdnVersionID" name="hdnVersionID" type="hidden" value="2416" /> 1157 <input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="How Do I..." /> 1158 <input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="False" />
1159 <input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" /> 1160 <input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" /> 1161 1162 <h1 id="versionHeadLine" class="headline"> 1163 1164How Do I... </h1> 1165 1166 <div id="ccdf639faf-78bf-49cf-a21a-c4d7f5381d72" data-containerid="df639faf-78bf-49cf-a21a-c4d7f5381d72" class="pageContent cpGrid cpGrid24" > 1167 1168 1169 <div class="row outer wide"><!-- 1170--><div class="outer col col24 first last" style="" data-widgetcontainerid="e0551b0e-1ba2-4086-a18d-070a17858044">� 1171 <div class="row nest first last wide">� 1172 1173 <div class="inner col col24 first last id11cc1041-2c01-40dd-af11-d6a0250e6b33" style="" data-widgetcontainerid="11cc1041-2c01-40dd-af11-d6a0250e6b33">� 1174 <nav class="widget clear dynamicSubpage widgetPages skin76 wide" id="widgetPage4ec6a792-5739-4c79-9d2d-888b64041bda" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label = Pages> 1175 <div class="hidden widgetTypeID">9</div> 1176 <div class="hidden depth">2</div> 1177 <div class="hidden cols">2</div> 1178 <div class="hidden format">3</div> 1179 <div class="widgetBody"> 1180 1181 <div class="widgetBody cpGrid cpGrid2 "> 1182 <div class="row wide"> 1183 1184 <div class="col col1"> 1185 <ol class="semanticList layout3"> 1186 <li class="megaMenuItem widgetItem level1" data-pageid="172" > 1187 <div class="widgetTitle"> 1188 <a href="/172/Apply-For" target="_self" >Apply For</a> 1189 </div> 1190 <ol class="semanticList"> 1191 <li class="megaMenuItem level2" data-pageid="176"> 1192 <a href="/159/Bid-Opportunities" target="_blank" rel="noopener">Bid Opportunities</a> </li> 1193 <li class="megaMenuItem level2" data-pageid="257"> 1194 <a href="/139/Distributed-Generation" target="_self" >Distributed Generation</a> </li> 1195 <li class="megaMenuItem level2" data-pageid="173"> 1196 <a href="/168" target="_self" >Jobs</a> </li> 1197 <li class="megaMenuItem level2" data-pageid="175"> 1198 <a href="/145" target="_self" >New Service</a> </li> 1199 <li class="megaMenuItem level2" data-pageid="174"> 1200 <a href="/132/Conservation-Programs" target="_self" >Rebates</a> </li> 1201 </ol> 1202 1203 </li> <li class="megaMenuItem widgetItem level1" data-pageid="214" > 1204 <div class="widgetTitle"> 1205 <a href="/214/Contact" target="_self" >Contact</a> 1206 </div> 1207 <ol class="semanticList"> 1208 <li class="megaMenuItem level2" data-pageid="216"> 1209 <a href="/189/Meet-Our-Commissioners" target="_self" >Commissioners</a> </li> 1210 <li class="megaMenuItem level2" data-pageid="229"> 1211 <a href="https://www.kittitaspud.com/Directory.aspx?did=9" target="_self" >Kittitas PUD Department Contacts</a> </li> 1212 <li class="megaMenuItem level2" data-pageid="215"> 1213 <a href="/Directory.aspx?DID=6" target="_self" >Kittitas PUD Staff</a> </li> 1214 </ol> 1215 1216 </li> <li class="megaMenuItem widgetItem level1" data-pageid="180" > 1217 <div class="widgetTitle"> 1218 <a href="/180/Find" target="_self" >Find</a> 1219 </div> 1220 <ol class="semanticList"> 1221 <li class="megaMenuItem level2" data-pageid="183"> 1222 <a href="/151/Need-Help-Paying-your-Bill" target="_self" >Bill Payment Assistance</a> </li> 1223 <li class="megaMenuItem level2" data-pageid="226"> 1224 <a href="http://www.kittitaspud.com/DocumentCenter/View/1768" target="_blank" rel="noopener">Charges and Fee Schedule</a> </li> 1225 <li class="megaMenuItem level2" data-pageid="181"> 1226 <a href="/157/Rates" target="_self" >Rates</a> </li> 1227 </ol> 1228 1229 </li> </ol> 1230 </div> 1231 <div class="col col1"> 1232 <ol class="semanticList layout3"> 1233 <li class="megaMenuItem widgetItem level1" data-pageid="177" > 1234 <div class="widgetTitle"> 1235 <a href="/177/Report" target="_self" >Report</a> 1236 </div> 1237 <ol class="semanticList"> 1238 <li class="megaMenuItem level2" data-pageid="217"> 1239 <a href="/193/Report-an-Outage" target="_self" >Power Outage</a> </li> 1240 </ol> 1241 1242 </li> <li class="megaMenuItem widgetItem level1" data-pageid="218" > 1243 <div class="widgetTitle"> 1244 <a href="/218/Submit" target="_self" >Submit</a> 1245 </div> 1246 <ol class="semanticList"> 1247 <li class="megaMenuItem level2" data-pageid="219"> 1248 <a href="/152/Payment-Options" target="_self" >Online Payments</a> </li> 1249 <li class="megaMenuItem level2" data-pageid="220"> 1250 <a href="/forms.aspx?fid=65" target="_self" >Outage Information Request</a> </li> 1251 </ol> 1252 1253 </li> <li class="megaMenuItem widgetItem level1" data-pageid="184" > 1254 <div class="widgetTitle"> 1255 <a href="/184/View" target="_self" >View </a> 1256 </div> 1257 <ol class="semanticList"> 1258 <li class="megaMenuItem level2" data-pageid="185"> 1259 <a href="/133/Appliance-Rebate" target="_self" >Appliance Rebates</a> </li> 1260 <li class="megaMenuItem level2" data-pageid="186"> 1261 <a href="/150/Billing-Options" target="_self" >Billing Options</a> </li> 1262 <li class="megaMenuItem level2" data-pageid="221"> 1263 <a href="/166/Minutes" target="_self" >Meeting Minutes</a> </li> 1264 <li class="megaMenuItem level2" data-pageid="187"> 1265 <a href="/152/Payment-Options" target="_self" >Payment Options</a> </li> 1266 </ol> 1267 1268 </li> </ol> 1269 </div> 1270 </div> 1271 </div> 1272 1273 1274 1275 1276 </div> 1277 1278 </nav> 1279 1280 1281 1282 </div> <!-- inner column --> 1283 1284 </div> <!-- inner row --> 1285 1286 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1287 1288 1289 </div> 1290 1291 </div> 1292 1293
1294 <div class="newCP"> 1295 1296 </div> 1297</div> 1298</div><aside data-cpRole="contentContainer" id="featureColumn" class="secondaryContent"> <div id="cc233d0318-b840-44a5-8fb5-5195dd67266c" data-containerid="233d0318-b840-44a5-8fb5-5195dd67266c" class="pageContent cpGrid cpGrid24 showInMobile"> 1299 1300 1301 1302 1303 </div> 1304</aside> 1305</div> 1306</div></div> 1307</div><!-- Calendar/Carousel --><!-- <div data-cpRole="structuralContainer" id="homeContainer1"> 1308 <div class="siteWrap"> 1309 <div data-cpRole="contentContainer" id="homeContent1a"></div> 1310 </div> 1311 </div> --> 1312</main><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS"> 1313<div class="siteWrap"><div data-cpRole="contentContainer" id="gbsTS"> <div id="cc254b0e45-c2e3-4b6a-9b59-001809fe091d" data-containerid="254b0e45-c2e3-4b6a-9b59-001809fe091d" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35"> 1314 1315 1316 <div class="row outer wide"><!-- 1317--><div class="outer col col8 first" style="" data-widgetcontainerid="80487c32-fe8c-484d-9a94-cf84fd2cc743">� 1318 <div class="row nest first last wide">� 1319 1320 <div class="inner col col8 first last id177f9cfc-0593-477a-8940-c9b71ca57c04" style="" data-widgetcontainerid="177f9cfc-0593-477a-8940-c9b71ca57c04">� 1321<div data-widget-id="3a087e9f-1619-4acc-b83a-f30049bcd868" data-widget-controller-path="/GraphicLinks/Widget"> 1322 1323 1324 1325 1326<div id="graphicLinkWidget3a087e9f-1619-4acc-b83a-f30049bcd868" class="widget widgetGraphicLinks skin78 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1327 <div class="widgetHeader"> 1328 <div class=""> 1329 </div> 1330 </div> 1331 <div class="widgetBody cpGrid cpGrid2 "> 1332 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1333 <div class="row wide"> 1334 <!-- 1335--><div class="col col1 first "><ul class="semanticList"><!-- 1336 --><li class="widgetItem GraphicLinks"> 1337 1338<div> 1339 <a href="https://www.paymentservicenetwork.com/AuthName.aspx?accID=RT23325" target="_self" class="fancyButton fancyButton117 " > 1340 <span> 1341 <span><span class="text"><span class="textStyle1">Quick Pay</span></span></span> 1342 </span> 1343 </a> 1344</div> 1345 <style scoped="scoped">.fancyButton117.fancyButton:link,.fancyButton117.fancyButton:visited, .fancyButton117div.fancyButton{ 1346 background-image: url('/ImageRepository/Document?documentID=1618'); 1347 background-repeat: no-repeat; 1348 background-position: center .5em ; 1349transition: all .3s ease-in-out;} 1350.fancyButton117.fancyButton:hover,.fancyButton117.fancyButton:focus,.fancyButton117.fancyButton:active,.fancyButton117.fancyButton.hover{ 1351 background-repeat: no-repeat; 1352 background-position: center top; 1353} 1354.fancyButton117.fancyButton:link > span,.fancyButton117.fancyButton:visited > span, .fancyButton117div.fancyButton > span{ 1355} 1356.fancyButton117.fancyButton:hover > span,.fancyButton117.fancyButton:focus > span,.fancyButton117.fancyButton:active > span,.fancyButton117.fancyButton.hover > span{ 1357} 1358.fancyButton117.fancyButton .text{ 1359 padding-top: 11.5em; 1360 text-decoration: none; 1361 padding-top: 11.5em; 1362 background-image: url('/ImageRepository/Document?documentID=1624'); 1363 background-repeat: no-repeat; 1364 background-position: center 4.25em ; 1365transition: all .3s ease-in-out; 1366} 1367.fancyButton117.fancyButton:hover .text,.fancyButton117.fancyButton:focus .text,.fancyButton117.fancyButton:active .text,.fancyButton117.fancyButton.hover .text{ 1368 text-decoration: none; 1369 background-repeat: no-repeat; 1370 background-position: center 3.75em ; 1371 1372 1373} 1374.fancyButton117.fancyButton .textStyle1{ 1375 color: rgb(55, 80, 82); 1376 font-size: 1.2em; 1377 font-family: Comfortaa; 1378 font-weight: 700; 1379 text-decoration: none; 1380display: block; 1381width: fit-content; 1382margin: 0 auto; 1383text-transform: uppercase; 1384line-height: 1.3; 1385position: relative; 1386padding: .625em; 1387} 1388 1389.fancyButton117 .textStyle1::after { 1390content: ""; 1391position: absolute; 1392height: 8px; 1393width: 8px; 1394bottom: 0; 1395left: 50%; 1396transform: translate(-50%, 0); 1397background: #E9C837;
1398border-radius: 17px; 1399transition: all .3s ease-in-out; 1400} 1401 1402.fancyButton117:is(:hover, :focus, :active) .textStyle1::after { 1403width: 100%; 1404transform: translate(-50%, 0) scaleY(.375); 1405bottom: .25em;} 1406.fancyButton117.fancyButton:hover .textStyle1, .fancyButton117.fancyButton.hover .textStyle1{ 1407 text-decoration: none; 1408 1409} 1410</style> 1411 1412 </li><!-- 1413--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1414 --><li class="widgetItem GraphicLinks"> 1415 1416<div> 1417 <a href="https://online.mypcsportal.com/online/ksonline/Login/tabid/849/Default.aspx?returnurl=%2fonline%2fksonline%2fHome.aspx" target="_self" class="fancyButton fancyButton118 " > 1418 <span> 1419 <span><span class="text"><span class="textStyle1">Login</span></span></span> 1420 </span> 1421 </a> 1422</div> 1423 <style scoped="scoped">.fancyButton118.fancyButton:link,.fancyButton118.fancyButton:visited, .fancyButton118div.fancyButton{ 1424 background-image: url('/ImageRepository/Document?documentID=1618'); 1425 background-repeat: no-repeat; 1426 background-position: center .5em ; 1427transition: all .3s ease-in-out;} 1428.fancyButton118.fancyButton:hover,.fancyButton118.fancyButton:focus,.fancyButton118.fancyButton:active,.fancyButton118.fancyButton.hover{ 1429 background-repeat: no-repeat; 1430 background-position: center top; 1431} 1432.fancyButton118.fancyButton:link > span,.fancyButton118.fancyButton:visited > span, .fancyButton118div.fancyButton > span{ 1433} 1434.fancyButton118.fancyButton:hover > span,.fancyButton118.fancyButton:focus > span,.fancyButton118.fancyButton:active > span,.fancyButton118.fancyButton.hover > span{ 1435} 1436.fancyButton118.fancyButton .text{ 1437 padding-top: 11.5em; 1438 text-decoration: none; 1439 padding-top: 11.5em; 1440 background-image: url('/ImageRepository/Document?documentID=1619'); 1441 background-repeat: no-repeat; 1442 background-position: center 4.25em ; 1443transition: all .3s ease-in-out; 1444} 1445.fancyButton118.fancyButton:hover .text,.fancyButton118.fancyButton:focus .text,.fancyButton118.fancyButton:active .text,.fancyButton118.fancyButton.hover .text{ 1446 text-decoration: none; 1447 background-repeat: no-repeat; 1448 background-position: center 3.75em ; 1449 1450 1451} 1452.fancyButton118.fancyButton .textStyle1{ 1453 color: rgb(55, 80, 82); 1454 font-size: 1.2em; 1455 font-family: Comfortaa; 1456 font-weight: 700; 1457 text-decoration: none; 1458display: block; 1459width: fit-content; 1460margin: 0 auto; 1461text-transform: uppercase; 1462line-height: 1.3; 1463position: relative; 1464padding: .625em; 1465} 1466 1467.fancyButton118 .textStyle1::after { 1468content: ""; 1469position: absolute; 1470height: 8px; 1471width: 8px; 1472bottom: 0; 1473left: 50%; 1474transform: translate(-50%, 0); 1475background: #E9C837; 1476border-radius: 17px; 1477transition: all .3s ease-in-out; 1478} 1479 1480.fancyButton118:is(:hover, :focus, :active) .textStyle1::after { 1481width: 100%; 1482transform: translate(-50%, 0) scaleY(.375); 1483bottom: .25em;} 1484.fancyButton118.fancyButton:hover .textStyle1, .fancyButton118.fancyButton.hover .textStyle1{ 1485 text-decoration: none; 1486 1487} 1488</style> 1489 1490 </li><!-- 1491--></ul></div><!-- --> 1492 </div> 1493 </nav> 1494 </div> 1495 <div class="widgetFooter"> 1496 </div> 1497</div> 1498</div> 1499 1500 </div> <!-- inner column --> 1501 1502 </div> <!-- inner row --> 1503 1504 </div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="9ce687c8-1311-47fc-a13a-9f0ae298b58d">� 1505 <div class="row nest first last wide">� 1506 1507 <div class="inner col col8 first last id1921cae2-d871-4b17-9d76-9a2d5acf3234" style="" data-widgetcontainerid="1921cae2-d871-4b17-9d76-9a2d5acf3234">� 1508<div data-widget-id="acf51eca-07d7-4e16-857c-49439fcf82a1" data-widget-controller-path="/GraphicLinks/Widget"> 1509 1510 1511 1512 1513<div id="graphicLinkWidgetacf51eca-07d7-4e16-857c-49439fcf82a1" class="widget widgetGraphicLinks skin78 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1514 <div class="widgetHeader"> 1515 <div class=""> 1516 </div> 1517 </div> 1518 <div class="widgetBody cpGrid cpGrid2 "> 1519 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1520 <div class="row wide"> 1521 <!-- 1522--><div class="col col1 first "><ul class="semanticList"><!-- 1523 --><li class="widgetItem GraphicLinks"> 1524 1525<div> 1526 <a href="/157/Rates" target="_self" class="fancyButton fancyButton119 " > 1527 <span> 1528 <span><span class="text"><span class="textStyle1">Rates</span></span></span> 1529 </span> 1530 </a> 1531</div> 1532 <style scoped="scoped">.fancyButton119.fancyButton:link,.fancyButton119.fancyButton:visited, .fancyButton119div.fancyButton{ 1533 background-image: url('/ImageRepository/Document?documentID=1618'); 1534 background-repeat: no-repeat; 1535 background-position: center .5em ; 1536transition: all .3s ease-in-out;} 1537.fancyButton119.fancyButton:hover,.fancyButton119.fancyButton:focus,.fancyButton119.fancyButton:active,.fancyButton119.fancyButton.hover{ 1538 background-repeat: no-repeat; 1539 background-position: center top; 1540} 1541.fancyButton119.fancyButton:link > span,.fancyButton119.fancyButton:visited > span, .fancyButton119div.fancyButton > span{ 1542} 1543.fancyButton119.fancyButton:hover > span,.fancyButton119.fancyButton:focus > span,.fancyButton119.fancyButton:active > span,.fancyButton119.fancyButton.hover > span{ 1544} 1545.fancyButton119.fancyButton .text{ 1546 padding-top: 11.5em; 1547 text-decoration: none; 1548 padding-top: 11.5em; 1549 background-image: url('/ImageRepository/Document?documentID=1623'); 1550 background-repeat: no-repeat; 1551 background-position: center 4.25em ; 1552transition: all .3s ease-in-out; 1553} 1554.fancyButton119.fancyButton:hover .text,.fancyButton119.fancyButton:focus .text,.fancyButton119.fancyButton:active .text,.fancyButton119.fancyButton.hover .text{ 1555 text-decoration: none; 1556 background-repeat: no-repeat; 1557 background-position: center 3.75em ; 1558 1559 1560} 1561.fancyButton119.fancyButton .textStyle1{ 1562 color: rgb(55, 80, 82); 1563 font-size: 1.2em; 1564 font-family: Comfortaa; 1565 font-weight: 700; 1566 text-decoration: none; 1567display: block; 1568width: fit-content; 1569margin: 0 auto; 1570text-transform: uppercase; 1571line-height: 1.3; 1572position: relative; 1573padding: .625em; 1574} 1575 1576.fancyButton119 .textStyle1::after { 1577content: ""; 1578position: absolute; 1579height: 8px; 1580width: 8px; 1581bottom: 0; 1582left: 50%; 1583transform: translate(-50%, 0); 1584background: #E9C837;
1585border-radius: 17px; 1586transition: all .3s ease-in-out; 1587} 1588 1589.fancyButton119:is(:hover, :focus, :active) .textStyle1::after { 1590width: 100%; 1591transform: translate(-50%, 0) scaleY(.375); 1592bottom: .25em;} 1593.fancyButton119.fancyButton:hover .textStyle1, .fancyButton119.fancyButton.hover .textStyle1{ 1594 text-decoration: none; 1595 1596} 1597</style> 1598 1599 </li><!-- 1600--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1601 --><li class="widgetItem GraphicLinks"> 1602 1603<div> 1604 <a href="/193/Outages" target="_self" class="fancyButton fancyButton120 " > 1605 <span> 1606 <span><span class="text"><span class="textStyle1">Outages</span></span></span> 1607 </span> 1608 </a> 1609</div> 1610 <style scoped="scoped">.fancyButton120.fancyButton:link,.fancyButton120.fancyButton:visited, .fancyButton120div.fancyButton{ 1611 background-image: url('/ImageRepository/Document?documentID=1618'); 1612 background-repeat: no-repeat; 1613 background-position: center .5em ; 1614transition: all .3s ease-in-out;} 1615.fancyButton120.fancyButton:hover,.fancyButton120.fancyButton:focus,.fancyButton120.fancyButton:active,.fancyButton120.fancyButton.hover{ 1616 background-repeat: no-repeat; 1617 background-position: center top; 1618} 1619.fancyButton120.fancyButton:link > span,.fancyButton120.fancyButton:visited > span, .fancyButton120div.fancyButton > span{ 1620} 1621.fancyButton120.fancyButton:hover > span,.fancyButton120.fancyButton:focus > span,.fancyButton120.fancyButton:active > span,.fancyButton120.fancyButton.hover > span{ 1622} 1623.fancyButton120.fancyButton .text{ 1624 padding-top: 11.5em; 1625 text-decoration: none; 1626 padding-top: 11.5em; 1627 background-image: url('/ImageRepository/Document?documentID=1621'); 1628 background-repeat: no-repeat; 1629 background-position: center 4.25em ; 1630transition: all .3s ease-in-out; 1631} 1632.fancyButton120.fancyButton:hover .text,.fancyButton120.fancyButton:focus .text,.fancyButton120.fancyButton:active .text,.fancyButton120.fancyButton.hover .text{ 1633 text-decoration: none; 1634 background-repeat: no-repeat; 1635 background-position: center 3.75em ; 1636 1637 1638} 1639.fancyButton120.fancyButton .textStyle1{ 1640 color: rgb(55, 80, 82); 1641 font-size: 1.2em; 1642 font-family: Comfortaa; 1643 font-weight: 700; 1644 text-decoration: none; 1645display: block; 1646width: fit-content; 1647margin: 0 auto; 1648text-transform: uppercase; 1649line-height: 1.3; 1650position: relative; 1651padding: .625em; 1652} 1653 1654.fancyButton120 .textStyle1::after { 1655content: ""; 1656position: absolute; 1657height: 8px; 1658width: 8px; 1659bottom: 0; 1660left: 50%; 1661transform: translate(-50%, 0); 1662background: #E9C837; 1663border-radius: 17px; 1664transition: all .3s ease-in-out; 1665} 1666 1667.fancyButton120:is(:hover, :focus, :active) .textStyle1::after { 1668width: 100%; 1669transform: translate(-50%, 0) scaleY(.375); 1670bottom: .25em;} 1671.fancyButton120.fancyButton:hover .textStyle1, .fancyButton120.fancyButton.hover .textStyle1{ 1672 text-decoration: none; 1673 1674} 1675</style> 1676 1677 </li><!-- 1678--></ul></div><!-- --> 1679 </div> 1680 </nav> 1681 </div> 1682 <div class="widgetFooter"> 1683 </div> 1684</div> 1685</div> 1686 1687 </div> <!-- inner column --> 1688 1689 </div> <!-- inner row --> 1690 1691 </div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="b57db119-69bb-42c9-ad23-b1244f0c0811">� 1692 <div class="row nest first last wide">� 1693 1694 <div class="inner col col8 first last id806a32b1-c58f-498a-bb1c-235bf7706ae6" style="" data-widgetcontainerid="806a32b1-c58f-498a-bb1c-235bf7706ae6">� 1695<div data-widget-id="3ed480c0-9db0-4945-88ee-4f0918d02661" data-widget-controller-path="/GraphicLinks/Widget"> 1696 1697 1698 1699 1700<div id="graphicLinkWidget3ed480c0-9db0-4945-88ee-4f0918d02661" class="widget widgetGraphicLinks skin78 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:20em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks"> 1701 <div class="widgetHeader"> 1702 <div class=""> 1703 </div> 1704 </div> 1705 <div class="widgetBody cpGrid cpGrid2 "> 1706 <nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText"> 1707 <div class="row wide"> 1708 <!-- 1709--><div class="col col1 first "><ul class="semanticList"><!-- 1710 --><li class="widgetItem GraphicLinks"> 1711 1712<div> 1713 <a href="/agendacenter" target="_self" class="fancyButton fancyButton121 " > 1714 <span> 1715 <span><span class="text"><span class="textStyle1">Meetings & Agenda</span></span></span> 1716 </span> 1717 </a> 1718</div> 1719 <style scoped="scoped">.fancyButton121.fancyButton:link,.fancyButton121.fancyButton:visited, .fancyButton121div.fancyButton{ 1720 background-image: url('/ImageRepository/Document?documentID=1618'); 1721 background-repeat: no-repeat; 1722 background-position: center .5em ; 1723transition: all .3s ease-in-out;} 1724.fancyButton121.fancyButton:hover,.fancyButton121.fancyButton:focus,.fancyButton121.fancyButton:active,.fancyButton121.fancyButton.hover{ 1725 background-repeat: no-repeat; 1726 background-position: center top; 1727} 1728.fancyButton121.fancyButton:link > span,.fancyButton121.fancyButton:visited > span, .fancyButton121div.fancyButton > span{ 1729} 1730.fancyButton121.fancyButton:hover > span,.fancyButton121.fancyButton:focus > span,.fancyButton121.fancyButton:active > span,.fancyButton121.fancyButton.hover > span{ 1731} 1732.fancyButton121.fancyButton .text{ 1733 padding-top: 11.5em; 1734 text-decoration: none; 1735 padding-top: 11.5em; 1736 background-image: url('/ImageRepository/Document?documentID=1620'); 1737 background-repeat: no-repeat; 1738 background-position: center 4.25em ; 1739transition: all .3s ease-in-out; 1740} 1741.fancyButton121.fancyButton:hover .text,.fancyButton121.fancyButton:focus .text,.fancyButton121.fancyButton:active .text,.fancyButton121.fancyButton.hover .text{ 1742 text-decoration: none; 1743 background-repeat: no-repeat; 1744 background-position: center 3.75em ; 1745 1746 1747} 1748.fancyButton121.fancyButton .textStyle1{ 1749 color: rgb(55, 80, 82); 1750 font-size: 1.2em; 1751 font-family: Comfortaa; 1752 font-weight: 700; 1753 text-decoration: none; 1754display: block; 1755width: fit-content; 1756margin: 0 auto; 1757text-transform: uppercase; 1758line-height: 1.3; 1759position: relative; 1760padding: .625em; 1761} 1762 1763.fancyButton121 .textStyle1::after { 1764content: ""; 1765position: absolute; 1766height: 8px; 1767width: 8px; 1768bottom: 0; 1769left: 50%; 1770transform: translate(-50%, 0); 1771background: #E9C837;
1772border-radius: 17px; 1773transition: all .3s ease-in-out; 1774} 1775 1776.fancyButton121:is(:hover, :focus, :active) .textStyle1::after { 1777width: 100%; 1778transform: translate(-50%, 0) scaleY(.375); 1779bottom: .25em;} 1780.fancyButton121.fancyButton:hover .textStyle1, .fancyButton121.fancyButton.hover .textStyle1{ 1781 text-decoration: none; 1782 1783} 1784</style> 1785 1786 </li><!-- 1787--></ul></div><!----><div class="col col1 last"><ul class="semanticList"><!-- 1788 --><li class="widgetItem GraphicLinks"> 1789 1790<div> 1791 <a href="/240/Advanced-Metering-Infrastructure-AMI" target="_self" class="fancyButton fancyButton122 " > 1792 <span> 1793 <span><span class="text"><span class="textStyle1">ADVANCED METERING INFRASTRUCTURE</span></span></span> 1794 </span> 1795 </a> 1796</div> 1797 <style scoped="scoped">.fancyButton122.fancyButton:link,.fancyButton122.fancyButton:visited, .fancyButton122div.fancyButton{ 1798 background-image: url('/ImageRepository/Document?documentID=1618'); 1799 background-repeat: no-repeat; 1800 background-position: center .5em ; 1801transition: all .3s ease-in-out;} 1802.fancyButton122.fancyButton:hover,.fancyButton122.fancyButton:focus,.fancyButton122.fancyButton:active,.fancyButton122.fancyButton.hover{ 1803 background-repeat: no-repeat; 1804 background-position: center top; 1805} 1806.fancyButton122.fancyButton:link > span,.fancyButton122.fancyButton:visited > span, .fancyButton122div.fancyButton > span{ 1807} 1808.fancyButton122.fancyButton:hover > span,.fancyButton122.fancyButton:focus > span,.fancyButton122.fancyButton:active > span,.fancyButton122.fancyButton.hover > span{ 1809} 1810.fancyButton122.fancyButton .text{ 1811 padding-top: 11.5em; 1812 text-decoration: none; 1813 padding-top: 11.5em; 1814 background-image: url('/ImageRepository/Document?documentID=1617'); 1815 background-repeat: no-repeat; 1816 background-position: center 4.25em ; 1817transition: all .3s ease-in-out; 1818} 1819.fancyButton122.fancyButton:hover .text,.fancyButton122.fancyButton:focus .text,.fancyButton122.fancyButton:active .text,.fancyButton122.fancyButton.hover .text{ 1820 text-decoration: none; 1821 background-repeat: no-repeat; 1822 background-position: center 3.75em ; 1823 1824 1825} 1826.fancyButton122.fancyButton .textStyle1{ 1827 color: rgb(55, 80, 82); 1828 font-size: 1.2em; 1829 font-family: Comfortaa; 1830 font-weight: 700; 1831 text-decoration: none; 1832display: block; 1833width: fit-content; 1834margin: 0 auto; 1835text-transform: uppercase; 1836line-height: 1.3; 1837position: relative; 1838padding: .625em; 1839} 1840 1841.fancyButton122 .textStyle1::after { 1842content: ""; 1843position: absolute; 1844height: 8px; 1845width: 8px; 1846bottom: 0; 1847left: 50%; 1848transform: translate(-50%, 0); 1849background: #E9C837; 1850border-radius: 17px; 1851transition: all .3s ease-in-out; 1852} 1853 1854.fancyButton122:is(:hover, :focus, :active) .textStyle1::after { 1855width: 100%; 1856transform: translate(-50%, 0) scaleY(.375); 1857bottom: .25em;} 1858.fancyButton122.fancyButton:hover .textStyle1, .fancyButton122.fancyButton.hover .textStyle1{ 1859 text-decoration: none; 1860 1861} 1862</style> 1863 1864 </li><!-- 1865--></ul></div><!-- --> 1866 </div> 1867 </nav> 1868 </div> 1869 <div class="widgetFooter"> 1870 </div> 1871</div> 1872</div> 1873 1874 </div> <!-- inner column --> 1875 1876 </div> <!-- inner row --> 1877 1878 </div><!-- outer column --><!-- --></div> <!-- outer row --> 1879 1880 1881 </div> 1882</div></div> 1883</div> 1884</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS"> 1885<div class="siteWrap2"><div data-cpRole="contentContainer" id="footerTS"> <div id="ccec1bff8d-75c4-4c46-8eeb-f9240f447505" data-containerid="ec1bff8d-75c4-4c46-8eeb-f9240f447505" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="60"> 1886 1887 1888 <div class="row outer wide"><!-- 1889--><div class="outer col col6 first" style="" data-widgetcontainerid="3544400e-5df9-486f-afc1-eaa1bd308525">� 1890 <div class="row nest first wide">� 1891 1892 <div class="inner col col6 first last id0bc3b8cc-4c35-4206-9c54-6c02f2cef0e8" style="" data-widgetcontainerid="0bc3b8cc-4c35-4206-9c54-6c02f2cef0e8">� 1893 <div data-widget-id="dcb590f4-b16c-4f64-b421-062c2ed616b5" data-widget-controller-path="/InfoAdvanced/Widget"> 1894 1895 1896 1897 1898 1899 <section id="divInfoAdvdcb590f4-b16c-4f64-b421-062c2ed616b5" class="widget widgetInfoAdvanced skin81 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1900 <header class="widgetHeader" id="headerdcb590f4-b16c-4f64-b421-062c2ed616b5"> 1901 <div class=""> 1902 </div> 1903 </header> 1904 <div class="widgetBody cpGrid cpGrid1 "> 1905 <div class="row wide"> 1906 <div class="col col1 first last"> 1907 <ol class="pageStyles semanticList"> 1908 1909<li class="InfoAdvanced widgetItem fr-view"> 1910 <p><a href="/"><img src="/ImageRepository/Document?documentId=1613" class="fr-dib" alt="Kittitas Public Utility District, Washington Homepage"></a></p> 1911</li> </ol> 1912 </div> 1913 </div> 1914 </div> 1915 <div class="widgetFooter"> 1916 1917 </div> 1918 1919 </section> 1920 1921 1922
1923<script type="text/javascript"> 1924 //Render slideshow if info advacned items contain one. 1925 $(document).ready(function (e) { 1926 $('#divInfoAdvdcb590f4-b16c-4f64-b421-062c2ed616b5 .InfoAdvanced.widgetItem').each(function () { 1927 renderSlideshowIfApplicable($(this)); 1928 }); 1929 }); 1930</script>
1930</div> 1931 </div> <!-- inner column --> 1932 1933 </div> <!-- inner row --> 1934 <div class="row nest last wide">� 1935 1936 <div class="inner col col6 first last id675126fd-4677-4df2-af80-db709077e275" style="" data-widgetcontainerid="675126fd-4677-4df2-af80-db709077e275">� 1937 <div data-widget-id="f77c13c2-e408-4b2d-82e1-68ca0fd6c4cc" data-widget-controller-path="/InfoAdvanced/Widget"> 1938 1939 1940 1941 1942 1943 <section id="divInfoAdvf77c13c2-e408-4b2d-82e1-68ca0fd6c4cc" class="widget widgetInfoAdvanced skin82 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 1944 <header class="widgetHeader" id="headerf77c13c2-e408-4b2d-82e1-68ca0fd6c4cc"> 1945 <div class=""> 1946 </div> 1947 </header> 1948 <div class="widgetBody cpGrid cpGrid1 "> 1949 <div class="row wide"> 1950 <div class="col col1 first last"> 1951 <ol class="pageStyles semanticList"> 1952 1953<li class="InfoAdvanced widgetItem fr-view"> 1954 <p>1400 Vantage Highway</p> 1955</li> 1956<li class="InfoAdvanced widgetItem fr-view"> 1957 <p>Ellensburg, WA 98926</p> 1958</li> </ol> 1959 </div> 1960 </div> 1961 </div> 1962 <div class="widgetFooter"> 1963 1964 </div> 1965 1966 </section> 1967 1968 1969
1970<script type="text/javascript"> 1971 //Render slideshow if info advacned items contain one. 1972 $(document).ready(function (e) { 1973 $('#divInfoAdvf77c13c2-e408-4b2d-82e1-68ca0fd6c4cc .InfoAdvanced.widgetItem').each(function () { 1974 renderSlideshowIfApplicable($(this)); 1975 }); 1976 }); 1977</script>
1977</div> 1978 </div> <!-- inner column --> 1979 1980 </div> <!-- inner row --> 1981 1982 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="126f4b9d-e0ed-4ba7-84ae-f80ef6b1376f">� 1983 <div class="row nest first last wide">� 1984 1985 <div class="inner col col1 first last id0da12715-664c-4f75-b962-5a00c36986af" style="" data-widgetcontainerid="0da12715-664c-4f75-b962-5a00c36986af">� 1986 1987<div class="widget widgetSpacer" id="73b09641-3a5a-474e-9331-d7b9fe219470"></div> 1988 </div> <!-- inner column --> 1989 1990 </div> <!-- inner row --> 1991 1992 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="38fb2a09-f600-49f7-ab42-13dc536157f0">� 1993 <div class="row nest first last wide">� 1994 1995 <div class="inner col col5 first last ide0c0a4f2-c592-47c1-8bed-c8097c04e0ba" style="" data-widgetcontainerid="e0c0a4f2-c592-47c1-8bed-c8097c04e0ba">� 1996 <div data-widget-id="49135ae4-c666-4f93-b065-8f673d642928" data-widget-controller-path="/InfoAdvanced/Widget"> 1997 1998 1999 2000 2001 2002 <section id="divInfoAdv49135ae4-c666-4f93-b065-8f673d642928" class="widget widgetInfoAdvanced skin79 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header49135ae4-c666-4f93-b065-8f673d642928"> 2003 <header class="widgetHeader" id="header49135ae4-c666-4f93-b065-8f673d642928"> 2004 <div class=""> 2005 <h3 >Contact</h3> 2006 </div> 2007 </header> 2008 <div class="widgetBody cpGrid cpGrid1 "> 2009 <div class="row wide"> 2010 <div class="col col1 first last"> 2011 <ol class="pageStyles semanticList"> 2012 2013<li class="InfoAdvanced widgetItem fr-view"> 2014 <p><a href="mailto:[email protected]">Email Us</a><br>Monday through Friday<br><br></p> 2015</li> 2016<li class="InfoAdvanced widgetItem fr-view"> 2017 <p>Customer Service Office Hours<br>8 a.m to 4 p.m.</p> 2018</li> </ol> 2019 </div> 2020 </div> 2021 </div> 2022 <div class="widgetFooter"> 2023 2024 </div> 2025 2026 </section> 2027 2028 2029
2030<script type="text/javascript"> 2031 //Render slideshow if info advacned items contain one. 2032 $(document).ready(function (e) { 2033 $('#divInfoAdv49135ae4-c666-4f93-b065-8f673d642928 .InfoAdvanced.widgetItem').each(function () { 2034 renderSlideshowIfApplicable($(this)); 2035 }); 2036 }); 2037</script>
2037</div> 2038 </div> <!-- inner column --> 2039 2040 </div> <!-- inner row --> 2041 2042 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="67fef842-eaf1-4034-ad4a-2f383aeabfde">� 2043 <div class="row nest first last wide">� 2044 2045 <div class="inner col col1 first last idf6a8c6c0-1181-4ccd-93ef-304500456045" style="" data-widgetcontainerid="f6a8c6c0-1181-4ccd-93ef-304500456045">� 2046 2047<div class="widget widgetSpacer" id="fc13c5a9-4906-4c25-aff4-8e50d6673f4d"></div> 2048 </div> <!-- inner column --> 2049 2050 </div> <!-- inner row --> 2051 2052 </div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="0683a6e4-3f70-477b-a314-87ab4058e765">� 2053 <div class="row nest first last wide">� 2054 2055 <div class="inner col col5 first last id6e3eb3e2-d773-41fb-88ee-dd3ff08ecb86" style="" data-widgetcontainerid="6e3eb3e2-d773-41fb-88ee-dd3ff08ecb86">� 2056 <div data-widget-id="706c8a2e-8eaf-4698-a2c8-0350942ee695" data-widget-controller-path="/InfoAdvanced/Widget"> 2057 2058 2059 2060 2061 2062 <section id="divInfoAdv706c8a2e-8eaf-4698-a2c8-0350942ee695" class="widget widgetInfoAdvanced skin79 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="header706c8a2e-8eaf-4698-a2c8-0350942ee695"> 2063 <header class="widgetHeader" id="header706c8a2e-8eaf-4698-a2c8-0350942ee695"> 2064 <div class=""> 2065 <h3 >Phone</h3> 2066 </div> 2067 </header> 2068 <div class="widgetBody cpGrid cpGrid1 "> 2069 <div class="row wide"> 2070 <div class="col col1 first last"> 2071 <ol class="pageStyles semanticList"> 2072 2073<li class="InfoAdvanced widgetItem fr-view"> 2074 <p id="isPasted">Matt Boast, General Manager: <br>509-260-2300 Ext. 804<br><br></p> 2075</li> 2076<li class="InfoAdvanced widgetItem fr-view"> 2077 <p id="isPasted">Perry Wood, Operations Manager: <br>509-260-2300 Ext. 806<a href="tel:5099337200p806"></a><br></p> 2078</li> </ol> 2079 </div> 2080 </div> 2081 </div> 2082 <div class="widgetFooter"> 2083 2084 </div> 2085 2086 </section> 2087 2088 2089
2090<script type="text/javascript"> 2091 //Render slideshow if info advacned items contain one. 2092 $(document).ready(function (e) { 2093 $('#divInfoAdv706c8a2e-8eaf-4698-a2c8-0350942ee695 .InfoAdvanced.widgetItem').each(function () { 2094 renderSlideshowIfApplicable($(this)); 2095 }); 2096 }); 2097</script>
2097</div> 2098 </div> <!-- inner column --> 2099 2100 </div> <!-- inner row --> 2101 2102 </div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="c9983867-238c-4fa6-afa4-72d5039bda94">� 2103 <div class="row nest first last wide">� 2104 2105 <div class="inner col col1 first last id116b3d3c-04c2-4c60-a72b-449cc36d31f6" style="" data-widgetcontainerid="116b3d3c-04c2-4c60-a72b-449cc36d31f6">� 2106 2107<div class="widget widgetSpacer" id="c21a058f-7b0a-4d6b-bf7f-601c2443fffd"></div> 2108 </div> <!-- inner column --> 2109 2110 </div> <!-- inner row --> 2111 2112 </div><!-- outer column --><!----><div class="outer col col5 last" style="" data-widgetcontainerid="5a8f2d1a-5989-4e94-ae83-0ea9e6c99aea">� 2113 <div class="row nest first wide">� 2114 2115 <div class="inner col col5 first last ida64b83e7-d47a-4965-b430-66b0ccbbe267" style="" data-widgetcontainerid="a64b83e7-d47a-4965-b430-66b0ccbbe267">� 2116 <div data-widget-id="52f614a8-6647-4799-960c-b8d58ca5c42e" data-widget-controller-path="/QuickLinks/Widget"> 2117 2118 2119 2120 2121 2122 2123 2124 2125 <section id="widgetQuicklink52f614a8-6647-4799-960c-b8d58ca5c42e" class="widget widgetQuickLinks skin79 widgetOptionSet45 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader52f614a8-6647-4799-960c-b8d58ca5c42e"> 2126 <header class="widgetHeader" id="quickLinksHeader52f614a8-6647-4799-960c-b8d58ca5c42e"> 2127 <div class=""> 2128 <h3><a style="" href="/QuickLinks.aspx?CID=15" >Helpful Links</a></h3> 2129 </div> 2130 </header> 2131 <div class="widgetBody cpGrid cpGrid1 "> 2132 <div class="row narrow"> 2133 <div class="col col1 first last"> 2134 <ol class="semanticList"> 2135 2136 2137 2138 2139 <li style="position:relative" class="widgetItem QuickLinks"> 2140 <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" aria-label="Accessibility - Helpful Links" rel="">Accessibility</a> 2141 <div class="widgetMeta"></div> 2142 </li> 2143 2144 2145 2146 2147 <li style="position:relative" class="widgetItem QuickLinks"> 2148 <a class="widgetDesc widgetQuickLinksLink" href="/240/Advanced-Metering-Infrastructure-AMI" target="_self" aria-label="Advanced Metering Infrastructure (AMI) - Helpful Links" rel="">Advanced Metering Infrastructure (AMI)</a> 2149 <div class="widgetMeta"></div> 2150 </li> 2151 2152 2153 2154 2155 <li style="position:relative" class="widgetItem QuickLinks"> 2156 <a class="widgetDesc widgetQuickLinksLink" href="/80/Apps-Download" target="_self" aria-label="Apps Download - Helpful Links" rel="">Apps Download</a> 2157 <div class="widgetMeta"></div> 2158 </li> 2159 2160 2161 2162 2163 <li style="position:relative" class="widgetItem QuickLinks"> 2164 <a class="widgetDesc widgetQuickLinksLink" href="https://gis.co.kittitas.wa.us/compas/default.aspx" target="_self" aria-label="Area Maps - Helpful Links" rel="">Area Maps </a> 2165 <div class="widgetMeta"></div> 2166 </li> 2167 </ol> 2168 </div> 2169 </div> 2170 2171 </div> 2172 <div class="widgetFooter"> 2173 </div> 2174 <div class="addItemModal hidden"> 2175 <div class="url hidden">/QuickLinks.aspx</div> 2176 </div> 2177 2178 </section> 2179</div> 2180 2181 </div> <!-- inner column --> 2182 2183 </div> <!-- inner row --> 2184 <div class="row nest last wide">� 2185 2186 <div class="inner col col5 first last ida4084d83-f3fb-4671-9177-4d4742bb1635" style="" data-widgetcontainerid="a4084d83-f3fb-4671-9177-4d4742bb1635">� 2187 <div data-widget-id="4abd8ef3-0c72-46b8-ab2c-75b56fa7af8a" data-widget-controller-path="/InfoAdvanced/Widget"> 2188 2189 2190 2191 2192 2193 <section id="divInfoAdv4abd8ef3-0c72-46b8-ab2c-75b56fa7af8a" class="widget widgetInfoAdvanced skin81 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced"> 2194 <header class="widgetHeader" id="header4abd8ef3-0c72-46b8-ab2c-75b56fa7af8a"> 2195 <div class=""> 2196 </div> 2197 </header> 2198 <div class="widgetBody cpGrid cpGrid1 "> 2199 <div class="row wide"> 2200 <div class="col col1 first last"> 2201 <ol class="pageStyles semanticList"> 2202 2203<li class="InfoAdvanced widgetItem fr-view"> 2204 <p><img src="/ImageRepository/Document?documentId=1614" class="fr-dib" alt="American Public Power Association Reliable Public Power Provider"></p> 2205</li> </ol> 2206 </div> 2207 </div> 2208 </div> 2209 <div class="widgetFooter"> 2210 2211 </div> 2212 2213 </section> 2214 2215 2216
2217<script type="text/javascript"> 2218 //Render slideshow if info advacned items contain one. 2219 $(document).ready(function (e) { 2220 $('#divInfoAdv4abd8ef3-0c72-46b8-ab2c-75b56fa7af8a .InfoAdvanced.widgetItem').each(function () { 2221 renderSlideshowIfApplicable($(this)); 2222 }); 2223 }); 2224</script>
2224</div> 2225 </div> <!-- inner column --> 2226 2227 </div> <!-- inner row --> 2228 2229 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2230 2231 2232 </div> 2233</div></div> 2234</footer><!-- Powered By --><div data-cpRole="structuralContainer" id="poweredByContainerTS"> 2235<div class="siteWrap"><div data-cpRole="contentContainer" id="poweredByTS"> <div id="ccd453a929-b298-4eab-b752-03a6e1122a8f" data-containerid="d453a929-b298-4eab-b752-03a6e1122a8f" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile"> 2236 2237 2238 <div class="row outer wide"><!-- 2239--><div class="outer col col24 first last" style="" data-widgetcontainerid="5900563b-acc7-4f7e-8ed8-e890f5d82e0a">� 2240 <div class="row nest first last wide">� 2241 2242 <div class="inner col col24 first last idf030b013-b460-4329-9f04-c91b8100e929" style="" data-widgetcontainerid="f030b013-b460-4329-9f04-c91b8100e929">� 2243 2244 <div data-widget-id='8e3ad208-e2ee-4f2c-9ccf-fa23f9388364' data-moduleName="customHtml" id='widgetCustomHtml8e3ad208-e2ee-4f2c-9ccf-fa23f9388364' class="widget widgetCustomHtml skin76 narrow" > 2245 <div class="widgetBody pageStyles" id="widgetBody8e3ad208-e2ee-4f2c-9ccf-fa23f9388364"> 2246 <div id="customHtml8e3ad208-e2ee-4f2c-9ccf-fa23f9388364"><div><style> 2247 /* CP icon */ 2248 .cpBylineIconTS { 2249 color: #fff; 2250 } 2251 /* CP Text */ 2252 .cpBylineTextTS, 2253 .cpBylineTextTS a:link { 2254 color: #fff; 2255 } 2256 2257 .cpBylineTS { 2258 text-align: center; 2259font-weight: 800; 2260font-size: .9em; 2261 } 2262 2263 .cpBylineIconTS { 2264 fill: currentColor; 2265 width: 39px; 2266 height: 26px; 2267 display: inline; 2268 vertical-align: middle; 2269 } 2270</style> 2271 2272<div class="widgetItem cpBylineTS"> 2273 <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS"> 2274 <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> 2275 <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> 2276 </svg> 2277 <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus®</a></span> 2278</div> 2279</div></div> 2280 </div> 2281 2282 </div> 2283 2284 </div> <!-- inner column --> 2285 2286 </div> <!-- inner row --> 2287 2288 </div><!-- outer column --><!-- --></div> <!-- outer row --> 2289 2290 2291 </div> 2292</div></div> 2293</div><!-- </div> --> 2294</div> 2295 2296 </div> 2297 </div> 2298 </div> 2299 2300<link href="/745732998.css" rel="stylesheet" type="text/css" /> 2301 2302<div id="SplashMessageWrapper" class="cp-Splash-wrapper"> 2303 <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"> 2304 <div class="cp-Splash-header"> 2305 <h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2> 2306 <button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window"> 2307 <svg id="iconClose" viewBox="0 0 25 25"> 2308 <polygon style="fill:currentcolor" 2309 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> 2310 </svg> 2311 </button>
2312 </div> 2313 <div class="cp-Splash-body"> 2314 <div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc"> 2315 <!-- Content from the Froala Editor will go here. --> 2316 Loading 2317 </div> 2318 </div> 2319 <div class="cp-Splash-footer"> 2320 <button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button> 2321 <button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button> 2322 </div> 2323 </div> 2324</div> 2325
2326<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 2326
2326
2327<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 2327
2327
2328<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 2328
2328
2329<script> 2330 2331 $(document).ready(function () { 2332 var filter = { 2333 targetId: '9', 2334 targetType: 1 2335 } 2336 2337 new SplashModalRender().triggerRender(filter); 2338 }); 2339</script>
2339 2340 2341 2342 2343 2344 2345 2346 2347 2348 2349 2350 2351 2352 2353 2354 2355 2356
2356<script src="/-1442400649.js" type="text/javascript"></script>
2356 2357 <!----------Google Translate (Mobile Friendly)---------> 2358 2359<style> 2360 #google-translate-container { 2361 float: right; 2362 padding: 3px 5px 0px 0px; 2363 position: fixed; 2364 bottom: 16px; 2365 right: 100px; 2366 z-index: 5; 2367 } 2368 2369 .goog-te-combo, .goog-te-banner *, .goog-te-ftab *, .goog-te-menu *, .goog-te-menu2 *, .goog-te-balloon * { 2370 font-family: arial; 2371 font-size: 10pt; 2372 background-image: url("https://www.gstatic.com/images/branding/product/2x/translate_24dp.png"); 2373 background-position: 5px 5px; 2374 background-size: 18px; 2375 background-repeat: no-repeat; 2376 text-indent: 16px; 2377 background-color: #fff; 2378 color: #000 !important; 2379 } 2380 2381 .goog-logo-link { 2382 display: none !important; 2383 } 2384 2385 .goog-te-gadget { 2386 color: transparent !important; 2387 } 2388 2389 .goog-te-gadget .goog-te-combo { 2390 margin: 2px 0 !important; 2391 border-radius: 15px !important; 2392 } 2393 2394 .goog-te-combo{ 2395 border: 1px solid !important; 2396 border-color: #bcc9d7 #96a3b1 #96a3b1 #bcc9d7 !important; 2397 border-radius: 50px !important; 2398 height:31px !important; 2399 padding: 0 1px 0 .25rem !important; 2400 width: 156px; 2401 } 2402 2403 #launcher-wrapper { 2404 bottom: 50px !important; 2405 } 2406 2407 .skiptranslate > span { 2408position:absolute; 2409left:-10000px; 2410top:auto; 2411width:1px; 2412height:1px; 2413overflow:hidden; 2414} 2415 2416</style> 2417 2418<div id="google-translate-container"> 2419 <div id="google_translate_element"> 2420 </div> 2421</div> 2422
2423<script> 2424 2425 function googleTranslateElementInit() { 2426 var el = document.getElementById("google_translate_element"); 2427 if (el && el.innerHTML.trim() !== "") { 2428 return; 2429 } 2430 2431 new google.translate.TranslateElement({ pageLanguage: "en" }, "google_translate_element"); 2432 // begin accessibility compliance 2433 $('img.goog-te-gadget-icon').attr('alt','Google Translate'); 2434 $('div#goog-gt-tt div.logo img').attr('alt','translate'); 2435 $('div#goog-gt-tt .original-text').css('text-align','left'); 2436 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 2437 $('.goog-te-combo').attr('aria-label','google translate languages'); 2438 $('svg.goog-te-spinner').attr('title','Google Translate Spinner'); 2439 $('.goog-te-gadget-simple .goog-te-menu-value span').css('color','#000000'); 2440 } 2441 2442 $(function() { 2443 $.getScript("//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"); 2444 }); 2445 2446</script>
2446 2447 2448<!--------------End Google Translate-----------------> 2449 2450<!-- Fixed Nav Adjustment -->
2451<script> 2452 function getValueTS(elem, attr) { 2453 const val = elem.css(attr); 2454 if (val === undefined) return undefined; 2455 const num = parseInt(val, 10); 2456 if (num === NaN) return undefined; 2457 return num; 2458 } 2459 2460 function clampTS(number, min, max) { 2461 return Math.min(Math.max(number, min), max); 2462 } 2463 2464 function isPageEditingTS() { 2465 return ( 2466 $("#doneEditing").length > 0 || // In live edit 2467 typeof DesignCenter !== "undefined" // In theme manager 2468 ); 2469 } 2470 2471 const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/; 2472 function isTransparentTS(elem) { 2473 const bg = elem.css('background-color'); 2474 if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false; 2475 const matchState = bg.match(bgColorRegexTS); 2476 if (!matchState || matchState.length !== 5) return false; 2477 const alpha = parseFloat(matchState[4], 10); 2478 if (!(alpha >= 0 && alpha < 1)) return false; 2479 return true; 2480 } 2481 2482 function iterateLeftpads(cb) { 2483 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2484 for (let i = 0; i < containersTS.length; i++) { 2485 const containerTS = containersTS[i]; 2486 // Skip the body container and anything with data-skip-leftpad 2487 if ( 2488 containerTS.id !== "bodyContainerTS" && 2489 containerTS.getAttribute('data-skip-leftpad') === null 2490 ) { 2491 cb(containerTS); 2492 } 2493 } 2494 } 2495 2496 function iterateRightpads(cb) { 2497 const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']"); 2498 for (let i = 0; i < containersTS.length; i++) { 2499 const containerTS = containersTS[i]; 2500 // Skip the body container and anything with data-skip-leftpad 2501 if ( 2502 containerTS.id !== "bodyContainerTS" && 2503 containerTS.getAttribute('data-skip-rightpad') === null 2504 ) { 2505 cb(containerTS); 2506 } 2507 } 2508 } 2509 2510 const anchor = $("#divToolbars"); 2511 2512 // Outer banner padding (push banner down) 2513 const outerSizingTS = $("#bannerContainerTS"); 2514 // Inner banner padding (push banner content down) - Transparent header OR on attaching headers 2515 const innerSizingTS = $("#bannerSizingTS"); 2516 const bodyContainerTS = $("#bodyContainerTS"); 2517 const headerContainerTS = $("#headerContainerTS"); 2518 const forceUnfixClassTS = "forceUnfixTS"; 2519 2520 const fixedTopTS = $(".fixedTopTS"); 2521 const fixedBottomTS = $(".fixedBottomTS"); 2522 const fixedLeftTS = $(".fixedLeftTS"); 2523 const fixedRightTS = $(".fixedRightTS"); 2524 2525 var initialTopTS; 2526 var topAttachTS; 2527 if (fixedTopTS && fixedTopTS.length === 1) { 2528 initialTopTS = getValueTS(fixedTopTS, 'top'); 2529 const attachment = fixedTopTS.attr('data-attach');
2530 if (attachment) topAttachTS = $("#" + attachment); 2531 if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined; 2532 } 2533 2534 function resizeAdjustmentTS() { 2535 const editing = isPageEditingTS(); 2536 2537 // Fixed top script 2538 (function () { 2539 if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return; 2540 2541 if (editing) { 2542 fixedTopTS[0].classList.add(forceUnfixClassTS); 2543 } else { 2544 fixedTopTS[0].classList.remove(forceUnfixClassTS); 2545 } 2546 2547 const topPosition = fixedTopTS.css('position'); 2548 if (topPosition === 'fixed') { 2549 if (topAttachTS) { 2550 scrollAdjustmentTS(); 2551 } else { 2552 const anchorHeight = anchor.outerHeight() - 1; 2553 fixedTopTS.css('top', anchorHeight + initialTopTS); 2554 } 2555 } else { 2556 fixedTopTS.css('top', initialTopTS); 2557 } 2558 2559 if (topPosition === 'fixed' || topPosition === 'absolute') { 2560 // Bump the banner content down 2561 if (isTransparentTS(fixedTopTS)) { 2562 innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1); 2563 outerSizingTS.css('padding-top', ''); 2564 2565 try { 2566 window.Pages.onResizeHandlersExecute(); 2567 } catch (e) { } 2568 } else { 2569 outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1); 2570 innerSizingTS.css('padding-top', ''); 2571 } 2572 } else { 2573 innerSizingTS.css('padding-top', ''); 2574 outerSizingTS.css('padding-top', ''); 2575 } 2576 })(); 2577 2578 // Fixed bottom script 2579 (function () { 2580 if (!fixedBottomTS || fixedBottomTS.length === 0) return; 2581 2582 // If the widget has gone narrow, force unfix 2583 if (editing || fixedBottomTS.outerHeight() > 200) { 2584 fixedBottomTS[0].classList.add(forceUnfixClassTS); 2585 } else { 2586 fixedBottomTS[0].classList.remove(forceUnfixClassTS); 2587 } 2588 2589 if (fixedBottomTS.css('position') === 'fixed') { 2590 bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight()); 2591 } else { 2592 bodyContainerTS.css('padding-bottom', ''); 2593 } 2594 })(); 2595 2596 // Fixed left script 2597 (function () { 2598 if (!fixedLeftTS || fixedLeftTS.length === 0) return; 2599 2600 if (editing) { 2601 fixedLeftTS[0].classList.add(forceUnfixClassTS); 2602 } else { 2603 fixedLeftTS[0].classList.remove(forceUnfixClassTS); 2604 } 2605 2606 if (fixedLeftTS.css('position') === 'fixed') { 2607 const anchorHeight = anchor.outerHeight() - 1; 2608 const headerHeight = headerContainerTS.outerHeight() - 1; 2609 fixedLeftTS.css('top', anchorHeight + headerHeight + 100); 2610 const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect(); 2611 iterateLeftpads(function (containerTS) { 2612 const containerBoundingTS = containerTS.getBoundingClientRect(); 2613 if (containerBoundingTS.left <= leftBoundingTS.right) { 2614 $(containerTS).css('padding-left', leftBoundingTS.width + 16); 2615 } 2616 }); 2617 } else { 2618 fixedLeftTS.css('top', ''); 2619 iterateLeftpads(function (containerTS) { 2620 $(containerTS).css('padding-left', ''); 2621 }); 2622 } 2623 })(); 2624 2625 // Fixed right script 2626 (function () { 2627 if (!fixedRightTS || fixedRightTS.length === 0) return; 2628 2629 if (editing) { 2630 fixedRightTS[0].classList.add(forceUnfixClassTS); 2631 } else { 2632 fixedRightTS[0].classList.remove(forceUnfixClassTS); 2633 } 2634 2635 if (fixedRightTS.css('position') === 'fixed') { 2636 const anchorHeight = anchor.outerHeight() - 1; 2637 const headerHeight = headerContainerTS.outerHeight() - 1; 2638 fixedRightTS.css('top', anchorHeight + headerHeight + 100); 2639 const rightBoundingTS = fixedRightTS[0].getBoundingClientRect(); 2640 iterateRightpads(function (containerTS) { 2641 const containerBoundingTS = containerTS.getBoundingClientRect(); 2642 if (containerBoundingTS.left <= rightBoundingTS.right) { 2643 $(containerTS).css('padding-right', rightBoundingTS.width + 16); 2644 } 2645 }); 2646 } else { 2647 fixedRightTS.css('top', ''); 2648 iterateRightpads(function (containerTS) { 2649 $(containerTS).css('padding-right', ''); 2650 }); 2651 } 2652 })(); 2653 } 2654 2655 function scrollAdjustmentTS() {
2656 if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return; 2657 const topPosition = fixedTopTS.css('position'); 2658 if (topPosition === 'fixed' || topPosition === 'absolute') { 2659 const anchorBounding = anchor[0].getBoundingClientRect(); 2660 const attachBounding = topAttachTS[0].getBoundingClientRect(); 2661 const scrollTop = $(window).scrollTop(); 2662 2663 fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom)); 2664 } else { 2665 fixedTopTS.css('top', initialTopTS); 2666 } 2667 } 2668 2669 $(window).load(function () { 2670 setTimeout(function () { 2671 resizeAdjustmentTS(); 2672 }, 350); 2673 2674 $(window).scroll(function () { 2675 scrollAdjustmentTS(); 2676 }); 2677 2678 var adjustTimeoutTS; 2679 $(window).resize(function () { 2680 clearTimeout(adjustTimeoutTS); 2681 adjustTimeoutTS = setTimeout(function () { 2682 resizeAdjustmentTS(); 2683 }, 350); 2684 }); 2685 2686 $.when(window.Pages.angularToolbarComplete).done(function () { 2687 resizeAdjustmentTS(); 2688 }); 2689 }); 2690</script>
2690 2691<!-- End Fixed Nav Adjustment --> 2692 2693<!-- Google tag (gtag.js) -->
vendor: 64 bytes, line 2693
2693 <script async src="https://www.googletagmanager.com/gtag/js?id=
2693G-T2WMESEWW7
vendor: 12 bytes, line 2693
2693"></script>
2693<script>
vendor: 127 bytes, line 2693
2693window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', '
2693G-T2WMESEWW7
vendor: 4 bytes, line 2693
2693');
2693</script>
2693 2694 2695 2696
2696<script type="text/javascript"> 2697 $(function () { 2698 document.cookie = "responsiveGhost=0; path=/"; 2699 }); 2700 $(window).on("load", function () { 2701 $('body').addClass('doneLoading').removeClass('hideContent'); 2702 2703 if ($('#404Content').length > 0) 2704 $('div#bodyWrapper').css('padding', '0px'); 2705 }); 2706 </script>
2706 2707 2708 <noscript> 2709 <style> 2710 body.hideContent { 2711 opacity: 1 !important; 2712 } 2713 </style> 2714 </noscript> 2715 2716 2717<div style="display: none;"> 2718 <svg xmlns="http://www.w3.org/2000/svg" style="display:none;"> 2719 2720 <symbol id="iconArrow--left" viewbox="0 0 25 25"> 2721 <title>Arrow Left</title> 2722 <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> 2723 </symbol> 2724 2725 <symbol id="iconArrow--right" viewbox="0 0 25 25"> 2726 <title>Arrow Right</title> 2727 <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> 2728 </symbol> 2729 2730 </svg> 2731</div> 2732
2732<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Comfortaa:300,500,600,700,regular|Libre+Baskerville:700,italic,regular|');</script>
2732 2733 2734 2735 <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div> 2736 <div style="display: none;"> 2737 <svg xmlns="http://www.w3.org/2000/svg" style="display: none;"> 2738 <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40"> 2739 <title>Slideshow Left Arrow</title> 2740 <g> 2741 <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> 2742 </g> 2743 </symbol> 2744 <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40"> 2745 <title>Slideshow Right Arrow</title> 2746 <g> 2747 <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> 2748 </g> 2749 </symbol> 2750 </svg> 2751 </div> 2752 2753 2754 2755 2756 <div id="root-picker-outlet"></div> 2757</body> 2758</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.