PageSourceSearch

https://www.kittitaspud.com/9/How-Do-I

html kittitaspud.com collected 2026-10-05 19:43:09 UTC 106,276 bytes, 2,758 lines download raw bytes

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 &amp; 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 &amp; 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:&nbsp;<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:&nbsp;<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&reg;</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.