PageSourceSearch

https://discovercleelum.com/about/

html discovercleelum.com collected 2026-10-02 06:19:58 UTC 36,373 bytes, 1,470 lines download raw bytes

1<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
2
3<html xmlns="http://www.w3.org/1999/xhtml">
4<head>
5
6
7
8<!-- Google Tag Manager -->
9<script>
vendor: 327 bytes, lines 9-13
9(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
10new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
11j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
12'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
13})(window,document,'script','dataLayer','
13GTM-P2K9BH9
vendor: 3 bytes, line 13
13');
13</script>
13
14<!-- End Google Tag Manager -->
15
16
17
18<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
19<title>About the City of Cle Elum, WA</title>
20<meta name="description" content="Cle Elum was incorporated in February 1902. It was built with a prosperous coal mining industry and the railroad infrastructures was created to support it." />
21<meta name="keywords" content="" />
22
23
24<meta property="og:locale" content="en_US" />
25<meta property="og:type" content="website" />
26<meta property="og:title" content="About the City of Cle Elum, WA" />
27<meta property="og:description" content="Cle Elum was incorporated in February 1902. It was built with a prosperous coal mining industry and the railroad infrastructures was created to support it." />
28<meta property="og:url" content="https://discovercleelum.com/" />
29<meta property="og:site_name" content="DiscoverCleElum" />
30
31
32 <meta name="og:image" content="https://discovercleelum.com/images/logo-green-new2.png"> <meta name="twitter:card" content="summary_large_image" />
33  <meta name="twitter:image" content="https://discovercleelum.com/images/logo-green-new2.png">  
34
35
36<meta name="twitter:description" content="Cle Elum was incorporated in February 1902. It was built with a prosperous coal mining industry and the railroad infrastructures w
36as created to support it." />
37<meta name="twitter:title" content="About the City of Cle Elum, WA" />
38<meta name="twitter:site" content="@DiscoverCleElum" />
39<meta name="twitter:creator" content="@DiscoverCleElum" />
40
41
42<link rel="stylesheet" href="https://discovercleelum.com/style-032521.css" />
43
44   <!-- 
44<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
44
45    
46    
46<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
46-->
47
48
49
50
51
52<script type="application/ld+json">
53
54{
55
56  "@context" : "http://schema.org",
57  "@type" : "Organization",
58  "name" : "Discover Cle Elum",
59  "url" : "https://discovercleelum.com",
60  "sameAs" : [
61
62    "https://www.facebook.com/DiscoverCleElum",
63    "https://twitter.com/DiscoverCleElum",
64    "https://www.instagram.com/discovercleelum/",
65	"https://www.pinterest.com/02cuo75i821budg219p9dmxi671xjp/",
66	"https://www.youtube.com/channel/UCQzD5u-pTdoafyuKeYh-nAA"
67
68  ]
69
70}
71
72</script>
72
73
74
75<link rel="icon" type="image/png" href="https://discovercleelum.com/favicon-32x32.png" sizes="32x32" />
76
77  <style>
78
79.back-to-top {
80
81
82background: none;
83margin: 0;
84position: fixed;
85bottom: 175px;
86right: 40px;
87width: 50px;
88height: 50px;
89z-index: 99999;
90display: none;
91text-decoration: none;
92text-align:center;
93text-shadow:none;
94color: #ffffff;
95background-color: #ff9000;
96border-radius:50%;
97
98}
99
100 
101.back-to-top i {
102font-size: 20pt;}
103
104
105</style>
106
107
108
109    
110  
111
112  
113    
114  
115  
116  
117
118	
119
120	<!--
120<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>
120-->
121<link rel="stylesheet" type="text/css" href="https://discovercleelum.com/slick/slick.css"/>
122  <link rel="stylesheet" type="text/css" href="https://discovercleelum.com/slick/slick-theme.css"/>
123
124
125
126  <style type="text/css">
127
128    * {
129
130      box-sizing: border-box;
131
132    }
133
134
135    .slider {
136
137        width: 100%;
138        margin: 50px auto;
139		padding-top:33px;     }
140
141
142    .slick-slide {
143
144      margin: 0px 20px;
145
146    }
147
148
149
150    .slick-slide img {
151
152      width: 100%;
153
154    }
155
156
157
158    .slick-prev:before,
159
160    .slick-next:before {
161
162        color: black;
163
164    }
165
166	
167
168	.slidertext {
169
170		text-align:center;
171		font-family: Bitter,Arial,Verdana;
172		color:#000; 		font-size:18pt;
173		font-weight:normal;
174
175	}
176
177
178
179	.setheight  { font-size:12pt;background-color:#036936;height:950px;           }
180
181	
182
183
184	 @media only screen and (max-width: 950px) { 
185
186	.setheight  { font-size:12pt;background-color:#036936;height:880px;           }
187
188	 }
189
190	 
191	 @media only screen and (max-width: 550px) {
192	 
193
194		  .slider {
195
196        width: 90%;
197        margin: 33px auto;
198		padding-top:20px;     }
199
200
201
202    .slick-slide {
203
204      margin: 0px 10px;
205
206    }
207
208
209
210    .slick-slide img {
211
212      width: 100%;
213
214    }
215
216
217
218    .slick-prev:before,
219
220    .slick-next:before {
221
222        color: black;
223
224    }
225
226	
227
228	.slidertext {
229
230		text-align:center;
231		font-family: Bitter,Arial,Verdana;
232		color:#000; 		font-size:12pt;
233		font-weight:normal;		
234
235	}
236
237	.setheight  { font-size:12pt;background-color:#036936;height:590px           }
238
239	 }
240
241
242
243.image {
244
245opacity: 1;
246transition: .5s ease;}
247
248
249.image:hover {
250
251  opacity: 0.7; cursor:pointer;}
252  
253  
254  
255  	
256	
257@font-face {
258    font-family: TrendSansOne;
259    src: url(https://discovercleelum.com/fonts/TrendSansOne.otf);}
260@font-face {
261    font-family: TrendSansOneItalic;
262    src: url(https://discovercleelum.com/fonts/TrendSansOneItalic.otf);}
263@font-face {
264    font-family: TrendSansFour;
265    src: url(https://discovercleelum.com/fonts/TrendSansFour.otf);}
266@font-face {
267    font-family: TrendSansFourItalic;
268    src: url(https://discovercleelum.com/fonts/TrendSansFourItalic.otf);}
269@font-face {
270    font-family: TrendSansFive;
271    src: url(https://discovercleelum.com/fonts/TrendSansFive.otf);}
272@font-face {
273    font-family: TrendSansFiveItalic;
274    src: url(https://discovercleelum.com/fonts/TrendSansFiveItalic.otf);}
275
276
277	
278@font-face {
279    font-family: TrendSlabOne;
280    src: url(https://discovercleelum.com/fonts/TrendSlabOne.otf);}
281@font-face {
282    font-family: TrendSlabOneItalic;
283    src: url(https://discovercleelum.com/fonts/TrendSlabOneItalic.otf);}
284@font-face {
285    font-family: TrendSlabFour;
286    src: url(https://discovercleelum.com/fonts/TrendSlabFour.otf);}
287@font-face {
288    font-family: TrendSlabFourItalic;
289    src: url(https://discovercleelum.com/fonts/TrendSlabFourItalic.otf);}
290@font-face {
291    font-family: TrendSlabFive;
292    src: url(https://discovercleelum.com/fonts/TrendSlabFive.otf);}
293@font-face {
294    font-family: TrendSlabFiveItalic;
295    src: url(https://discovercleelum.com/fonts/TrendSlabFiveItalic.otf);}
296	
297	
298	
299	
300.readmore {
301	
302	border: 1px solid #036936;border-radius:4px;padding:5px;width:150px; background-color:#fff; color:#036936; text-align:center; font-family: TrendSansOne;
303	
304	
305}   .readmore:hover {  background-color:#036936; color:#fff; }
306
307
308
309
310/* Navbar container */
311
312.navbar {
313
314  overflow: hidden;
315  background-color: transparent;
316  margin: 0 auto;
317  border: 0px solid #fff;
318  text-align:center;
319  max-width:1240px;
320
321}
322
323
324
325/* Links inside the navbar */
326
327.navbar a {
328
329  float: left;
330  font-size: 18px;
331  color: white;
332  text-align: center;
333  padding: 14px 16px;
334
335
336
337}
338
339
340
341/* The dropdown container */
342
343.dropdown {
344
345  float: left;
346  overflow: hidden;
347
348}
349
350
351
352/* Dropdown button */
353
354.dropdown .dropbtn {
355
356  font-size: 18px;
357  border: none;
358  outline: none;
359  color: white;
360  padding: 14px 16px;
361  background-color: inherit;
362  font-family: Arial,Verdana; /* Important for vertical align on mobile phones */
363  margin: 0; /* Important for vertical align on mobile phones */
364  font-weight:normal;
365
366}
367
368
369
370/* Add a red background color to navbar links on hover */
371
372.navbar a:hover, .dropdown:hover .dropbtn {
373
374  background-color: transparent;
375
376}
377
378
379/* Dropdown content (hidden by default) */
380
381.dropdown-content {
382
383  display: none;
384  position: absolute;
385  background-color: #f9f9f9;
386  min-width: 160px;
387  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
388  z-index: 1;
389  text-shadow: none; 
390  font-weight:normal;
391
392}
393
394
395/* Links inside the dropdown */
396
397.dropdown-content a {
398
399  float: none;
400  color: black;
401  font-family: Arial,Verdana; 
402  font-weight:normal; 
403  letter-spacing: 1px;
404  padding: 12px 16px;
405  text-decoration: none;
406  display: block;
407  text-align: left;
408
409}
410
411
412
413/* Add a grey background color to dropdown links on hover */
414
415.dropdown-content a:hover {
416
417  background-color: #157643;
418
419}
420
421
422
423/* Show the dropdown menu on hover */
424
425.dropdown:hover .dropdown-content {
426
427  display: block;
428
429} 
430
431
432
433
434 @media only screen and (max-width: 1450px) { 
435 
436 
437 .navbar { display: none;  }
438 
439 
440 }
441
442
443
444
445
446
447.col426-div-blk {
448	
449	width: 426px; max-width:98%;
450	height: 100%;
451	display: inline-block;
452	margin: 10px;
453    margin-bottom: 40px;
454    border: 0 solid #999;
455    vertical-align:top;
456    border-radius: 4px;
457	
458	   /* -moz-box-shadow: 0px 0px 6px 2px #f0f0f0; -webkit-box-shadow: 0px 0px 6px 2px #f0f0f0; box-shadow: 0px 0px 6px 2px #f0f0f0;   */
459	
460}
461
462
463
464.col426-div-blk:hover {
465	
466	/* background-color:#f0f0f0; */
467	
468	
469}
470
471
472  </style>
473  
474  
475  
476
477
478
479
480<!-- Facebook Pixel Code  /// off until launch -->
481
482
483<script>
vendor: 419 bytes, lines 483-494
483
484
485  !function(f,b,e,v,n,t,s)
486
487  {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
488  n.callMethod.apply(n,arguments):n.queue.push(arguments)};
489  if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
490  n.queue=[];t=b.createElement(e);t.async=!0;
491  t.src=v;s=b.getElementsByTagName(e)[0];
492  s.parentNode.insertBefore(t,s)}(window, document,'script',
493  'https://connect.facebook.net/en_US/fbevents.js');
494  fbq('init', '
494389375198068662
vendor: 34 bytes, lines 494-497
494');
495  fbq('track', 'PageView');
496
497
498</script>
498
499
500
501<noscript><img height="1" width="1" style="display:none"
502  src="https://www.facebook.com/tr?id=389375198068662&ev=PageView&noscript=1"/></noscript>
503
504<!-- End Facebook Pixel Code -->
505
506
507
508  
509
510<style>
511
512/* Released: 27th March 2014 - Beverley Hooton @ Focus on Function Web Design */
513/* Updated: 15th July 2014 - css to correct 'position:fixed' bug in Safari  */ 
514
515
516#header { position:relative; top:0; left:0; right:0; height:70px; background:transparent ;; z-index:9999999999999999999999999999999999999999999999999;   }
517#header label { padding:0 0.125em; font:14pt/12pt Arial }
518#menu label { padding:0 0.25em; font:44pt/42pt Arial }  /* for the close btn */
519#menu .sub-nav .toggle { padding:0 0.3125em; font:14pt/14pt Arial; top:0; text-align:left; }
520
521#header label:hover, #menu label:hover { color:#999; z-index:9999999999999999999999999999999999999999999999999;  }
522#main-nav-check, #menu .sub-nav-check { position:absolute; top:-9999px; left:-9999px }
523.toggle { position:absolute; right:0.15em; cursor:pointer; color:#036936 }
524
525.container { background:transaprent; min-height:100%; padding:0; margin:0; z-index:9999999999999999999999999999999999999999999999999;  }
526#menu, #menu .sub-nav { position:absolute; top:0; bottom:0; width:18.75em; background:#f0f0f0; z-index:9999999999999999999999999999999999999999999999999; left:-18.75em; text-align:left; }  /* Flyout Width was 13.75.. Now 18.75  */
527.container, #menu, #menu .sub-nav {   
528
529	-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);; z-index:9999999999999999999999999999999999999999999999999; 
530
531	-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease
532
533	}
534
535#menu ul { background:#036936; line-height:2em; text-decoration:none; text-align:left; padding:0; list-style:none; margin-top:4.0625em; border-top:1px solid #058042; z-index:9999999999999999999999999999999999999999999999999;  }
536#menu li { border-bottom:1px solid #058042; z-index:9999999999999999999999999999999999999999999999999; }
537#menu li a { display:block; font-size:12pt;font-family:Arial, Verdana, Geneva, sans-serif; padding-left:1.5em; color:#fff; text-decoration:none; z-index:9999999999999999999999999999999999999999999999999;  }  /* Links */
538#menu li a:hover, #menu .toggle-sub:hover { background:#058042; z-index:9999999999999999999999999999999999999999999999999;  }
539#menu .sub-nav { margin-top:-1px; z-index:9999999999999999999999999999999999999999999999999;  }
540#menu .sub-heading { margin-top:4.0625em; padding-left:1.3125em; color:#999; z-index:9999999999999999999999999999999999999999999999999;   }
541#menu .sub-heading:before { content:""; display:block; height:1px; width:18.75em; margin-left:-1.3125em; background:#333; }
542#menu .toggle-sub { font:bold 1em/2.75em Arial; color:#fff; background:#234a66; float:right; margin-top:-2.75em; width:2.25em; border-left:1px solid #444; cursor:pointer; text-align:center }
543
544.container, #menu, #menu .sub-nav { -webkit-transform:translate3d(0,0,0) } /* http://davidwalsh.name/translate3d */
545
546
547/* #### - corrects 'unfixing' bug in Safari - uncomment if you have position:fixed elements inside .container - #### */
548/* @media screen and (-webkit-min-device-pixel-ratio:0) { .container { -webkit-transform:none !important } } */
549/* #### - define ids of animated container, menu and sub-menus here - #### */
550
551#main-nav-check:checked ~ .container,
552#main-nav-check:checked ~ #menu,
553#menu .sub-nav-check:checked ~ #fof-sub, 
554#menu .sub-nav-check:checked ~ #fof-portfolio-sub, 
555#menu .sub-nav-check:checked ~ #fof-portfolio-graphics-sub,
556#menu .sub-nav-check:checked ~ #fof-portfolio-graphics-art-sub,
557#menu .sub-nav-check:checked ~ #fof-portfolio-graphics-art-paintings-sub,
558#menu .sub-nav-check:checked ~ #fof-services-sub, 
559#menu .sub-nav-check:checked ~ #fof-services-seo-sub,
560#menu .sub-nav-check:checked ~ #res-constr, 
561#menu .sub-nav-check:checked ~ #res-constr-sub,
562#menu .sub-nav-check:checked ~ #comm-constr, 
563#menu .sub-nav-check:checked ~ #comm-constr-sub,
564#menu .sub-nav-check:checked ~ #fast-apps-sub { 
565
566	-webkit-transform:translate(18.75em,0); -ms-transform:translate(18.75em,0); transform:translate(18.75em,0) 
567
568	}
569
570#menu .sub-nav-check:checked ~ #create-sub { 
571
572	-webkit-transform:translate(18.75em,0); -ms-transform:translate(18.75em,0); transform:translate(18.75em,0) 
573
574	}
575
576
577.page-content { padding:1em 2em; max-width:64em; margin:auto; z-index:9999999999999999999999999999999999999999999999999;  }
578.page-content:after { display:block; content:''; height:1px } /* fixes bottom padding issue in IE10 */
579code { display:block; background:transparent; font-size:0.875em; padding:1em 2em; overflow-x:scroll; white-space:nowrap }
580
581</style>
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604  
605
606</head>
607<body>
608
609								  
610	
611        
612    
613    
614<div style="margin: 0 auto; width:100%; border-top: 6px solid #036936;text-align:center">
615
616
617
618
619<table border="0" style="position:relative;z-index:9999999;width:100%;"><tr>
620<td width="35%" align="center" valign="top">
621
622<!--<div style="font-size:16pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;margin-top:28px;">-->
623
624
625<div class="navbar" style="margin: 0 0 0 20px;">
626
627<div class="dropdown">
628
629    <button class="dropbtn"><div style="font-size:16pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;margin-top:12px;">ATTRACTIONS</div>
630
631      <i class="fa fa-caret-down"></i>
632
633    </button>
634
635    <div class="dropdown-content">
636
637      <a href="https://www.discovercleelum.com/attractions">Local Attractions</a>
638      <a href="https://www.discovercleelum.com/new-businesses">New in Cle Elum</a>
639
640      <!--<a target=_blank href="https://www.discovercleelum.com/uploads/WinterRecMap2020.pdf">Winter Recreation Map (82MB)</a>-->
641
642      <a href="https://www.discovercleelum.com/museums/">Museums</a>
643      <a href="https://www.discovercleelum.com/galleries/">Galleries</a>        
644      <a href="https://www.discovercleelum.com/self-guided-activities/">Self-Guided Activities</a>
645
646    </div>
647
648  </div>
649  
650  
651  
652  <div class="dropdown">
653
654    <button class="dropbtn"><div style="font-size:16pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;margin-top:12px;">EVENTS</div>
655
656      <i class="fa fa-caret-down"></i>
657
658    </button>
659
660    <div class="dropdown-content">
661
662      <a href="https://www.discovercleelum.com/events">Event Calendar</a>
663      <a href="https://www.discovercleelum.com/plan-an-event/">Plan an Event</a>
664
665    </div>
666
667  </div>
668  
669  
670  
671  
672  
673  <div class="dropdown">
674
675   <button class="dropbtn"><div style="font-size:16pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;margin-top:12px;">HISTORY</div>
676
677      <i class="fa fa-caret-down"></i>
678
679    </button>
680
681    <div class="dropdown-content">
682
683      <a href="https://www.discovercleelum.com/history/">History of Cle Elum</a>
684      <a href="https://www.discovercleelum.com/history/cle-elum-firsts-washington-state-history/">Cle Elum Firsts</a>
685      <a href="https://www.discovercleelum.com/history/historic-preservation-commission/">Register of Historic Places</a>
686      <a href="https://www.discovercleelum.com/history/historic-buildings-in-cle-elum/">Must-See Historical Stops</a>
687      <a href="https://www.discovercleelum.com/timeline/">Historic Timeline</a>
688
689    </div>
690
691  </div>
692  
693  
694  
695  
696  
697  
698  
699  
700  
701  
702  
703
704  <!--
705  
706<a class="red" href="https://www.discovercleelum.com/history/"><div style="font-size:16pt;font-family:TrendSansOne,Arial,Verdana; font-weight:normal;color:#036936;margin-top:12px;">history</div></a>
707
708-->
709
710
711</div>
712
713
714</td>
715
716<td align="center">
717<a class="red" href="https://www.discovercleelum.com/"><img src="https://www.discovercleelum.com/images/logo-green-new2.png" style="position:relative;z-index:9999999999999999999999999999999999999999999999999;width:200px;max-width:100%; margin: 10px 10px 0 0" /></a>
718</td>
719
720
721<td valign="top" align="right">
722
723
724  
725       
726<div id="google_translate_element" style="margin:30px 20px 0 0;"></div>
726<script type="text/javascript">
727function googleTranslateElementInit() {
728  new google.translate.TranslateElement({pageLanguage: 'en', includedLanguages: 'en,es,ar,zh,cs,fr,de,el,ga,it,ja,ko,la,pt,ru,sv,th,uk', layout: google.translate.TranslateElement.InlineLayout.SIMPLE}, 'google_translate_element');
729}
730</script>
730<script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
730
731
732
733
734</td>
735<td width="160" valign="top" align="right">
736
737<input type="checkbox" id="main-nav-check"  style="border: 0 solid #CCC;">
738<div id="menu"> 
739	<label for="main-nav-check" class="toggle" onClick="" title="Close">&times;</label>
740	<ul>
741	     <li><a href="https://discovercleelum.com">Home</a></li>
742        <!-- <li><a href="https://discovercleelum.com/photocontest/">Photo Contest</a></li>-->
743         
744        
745         							   
746<li><a href="https://discovercleelum.com/visitor-center">Cle Elum Visitor Center</a></li>							   
747<li><a href="https://discovercleelum.com/galleries">Galleries</a></li>							   
748<li><a href="https://discovercleelum.com/guides-and-maps">Guides & Maps</a></li>							   
749<li><a href="https://discovercleelum.com/timeline">Historical Timeline</a></li>							   
750<li><a href="https://discovercleelum.com/maps-and-guides">Maps &amp; Guides Request Form</a></li>							   
751<li><a href="https://discovercleelum.com/media-room">Media Room</a></li>							   
752<li><a href="https://discovercleelum.com/museums">Museums</a></li>							   
753<li><a href="https://discovercleelum.com/new-businesses">New in Cle Elum</a></li>							   
754<li><a href="https://discovercleelum.com/plan-an-event">Plan an Event</a></li>							   
755<li><a href="https://discovercleelum.com/self-guided-activities">Self-Guided Activities in Cle Elum</a></li>							   
756<li><a href="https://discovercleelum.com/index.php?c_ref=379">Stay in the Know!</a></li>							   
757<li><a href="https://discovercleelum.com/attractions">Attractions</a></li>							   
758<li><a href="https://discovercleelum.com/history">History</a></li>							   
759<li><a href="https://discovercleelum.com/hotels-in-cle-elum">Stay</a></li>							   
760<li><a href="https://discovercleelum.com/trails">Trails</a></li>							   
761<li><a href="https://discovercleelum.com/parks">Parks</a></li>							   
762<li><a href="https://discovercleelum.com/dine">Dine</a></li>							   
763<li><a href="https://discovercleelum.com/shop">Shop</a></li>							   
764<li><a href="https://discovercleelum.com/camping">Camp</a></li>							   
765<li><a href="https://discovercleelum.com/about">About the City of Cle Elum, WA</a></li>							   
766<li><a href="https://discovercleelum.com/events">Events</a></li>							   
767<li><a href="https://discovercleelum.com/blog">Blog</a></li>                          
768                          
769                      
770        
771	</ul>
772</div><!-- closing "#menu" -->
773
774<div class="container">
775
776	<div id="header">
777		
778		<label for="main-nav-check" class="toggle" onClick="" title="Menu" style="margin:28px 24px 0 0;font-size:17pt;font-family:TrendSansOne,Arial,Verdana;">MENU &#x2261;</label>
779	</div><!-- closing "#header" -->
780
781	<!--<div class="page-content">	
782       	</div><!-- closing ".page-content" -->     
783        
784         	</div><!-- closing "container" --> 
785        
786       
787
788</td></tr>
789</table>
790
791
792
793
794
795
796
797	   
798	  <!-- echo'Hello World! You are here: #'.$c_ref.'';   -->     
799      
800        <img src="https://discovercleelum.com/cats/site-default-header-apr2021.jpg" style="width:100%;margin-top:-120px;"> 	  
801	  
802	  <div style="text-shadow:none;margin: 0 auto;text-align:center; font-family:Arial,Verdana;max-width:80%; border: none">
803<h1 style="font-size:18pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;">About the City of Cle Elum, WA</h1>
804<div style="font-size:11pt; margin: 16pt 0 0 0;line-height:18pt;font-weight:300; text-transform:none;color:#777 ;border: none">
805
806
807
808
809
810
811
812
813
814
815	
816
817Cle Elum means "swift water" and its origins come from the Kittitas tribe, whose members resided here and relied on the nearby Yakima River. The city was incorporated in February 1902. It was built with a prosperous coal mining industry and the railroad infrastructures w
817as created to support it. The city also had a thriving lumber industry and at one point had the largest sawmill in the eastern half of the state.
818<br /><br />
819Now, the city has a population of almost 2,000. Outdoor attractions may be the main draw to Cle Elum, but there are still many opportunities available to explore shops, restaurants, taverns and other attractions in the town such as the Carpenter House Museum. 
820
821<br /><br /><br /><br />
822
823
824
825
826<div style="display:inline-block;width:48%; border: 0 solid #CCC;font-size:16pt;vertical-align:top ">
827<img src="../uploads/welcome-to-cle-elum.jpg" style="width:450px;max-width:100%">
828</div>
829
830
831
832<div style="display:inline-block;width:48%;max-width:100%; border: 0 solid #CCC;font-size:16pt;;vertical-align:top">
833Get Outdoors in Cle Elum, WA
834
835<div style="font-size:11pt; font-family:Arial, Helvetica, sans-serif; color:#777;margin: 6px 0 6px 0">
836A small town kind of city, Cle Elum Washington is your gateway to the American west. Cle Elum, where the past is always present! 
837
838<br />
839<br />
840
841<span style="font-size:12pt;color:#333">
842<strong><a href="https://www.discovercleelum.com/trails/" class=red>Hiking Trails &rsaquo;</a></strong>
843
844<br />
845<br />
846
847<a href="https://www.discovercleelum.com/attractions/" class=blk>Find Travel destinations in Cle Elum, Washington.</a>
848
849<br />
850<br />
851
852<strong><a href="https://www.discovercleelum.com/camping/" class=red>Places to Camp &rsaquo;</a></strong>
853
854<br />
855<br />
856
857<strong><a href="https://www.discovercleelum.com/hotels-in-cle-elum/" class=red>Places to Stay &rsaquo;</a></strong>
858
859</span>
860</div>
861
862   </div>
863
864
865
866<br>
867<br>
868<br>
869<br />
870
871
872
873
874<div style="display:inline-block;width:48%;max-width:100%; border: 0 solid #CCC;font-size:16pt;;vertical-align:top">
875South Cle Elum
876
877
878<div style="font-size:11pt; font-family:Arial, Helvetica, sans-serif; color:#777;margin: 6px 0 6px 0">
879
880The town of South Cle Elum is 103 years old. Relax in the Town Park or Washington's <a href="https://www.discovercleelum.com/parks/#list" class="red">Palouse To Cascades State Park Trail</a>, the site of a Cascade Rail Foundation project to improve and showcase historic Milwaukee Road facilities at South Cle Elum Depot. Take a stroll along a 2,200 foot 18-stop, ADA-accessible interpretive trail through the rail yard, which helps tell the story. 
881
882
883<br />
884<br />
885<h3 style="font-weight:700;color:#ff9016;">Directions to South Cle Elum</h3>
886<span style="font-size:12pt">
887From Seattle on I-90 eastbound, take Exit 84 into Cle Elum. Take a right at the intersection of 1st and Stafford streets.</span>
888
889
890
891</div>
892
893   </div>
894
895
896<div style="display:inline-block;width:48%; border: 0 solid #CCC;font-size:16pt;vertical-align:top ">
897<img src="../uploads/70b.jpeg" style="width:450px;max-width:100%">
898</div>
899
900
901
902
903
904
905<br />
906<br />
907<br />
908<br />
909
910<div style="font-size:18pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;">HELPFUL RESOURCES</div>
911
912<div style="font-size:12pt; margin: 28px 0 0 0;line-height:18pt;font-weight:300; text-transform:none;color:#333; border:0px solid #f0f0f0">  
913
914
915
916<div style="height:150px; width:23%; display:inline-block;  border: 1px solid #333 ;margin: 0 12px 0 5px">
917<div style="font-size:11pt;padding:8px;font-weight:700">CLE ELUM Visitor Center</div>
918<div style="font-size:9pt;padding:8px">Kittitas County Chamber of Commerce &nbsp; 312 W. 1st St. 509-674-6880</div>
919</div>
920
921<div style="height:150px; width:23%; display:inline-block;  border: 1px solid #333 ;margin: 0 12px 0 5px">
922<div style="font-size:11pt;padding:8px;font-weight:700">CLE ELUM Farm & Home</div>
923<div style="font-size:9pt;padding:8px">100 W. 1st St., Cle Elum<br />509-674-7104</div>
924</div>
925
926<div style="height:150px; width:23%; display:inline-block;  border: 1px solid #333 ;margin: 0 12px 0 5px">
927<div style="font-size:11pt;padding:8px;font-weight:700">CLE ELUM Ranger District Office</div>
928<div style="font-size:9pt;padding:8px">803 W. 2nd St., Cle Elum<br />509-852-1100</div>
929</div>
930
931<div style="height:150px; width:23%; display:inline-block;  border: 1px solid #333 ;margin: 0 0 0 5px">
932<div style="font-size:11pt;padding:8px;font-weight:700">CLE ELUM Mail Service</div>
933<div style="font-size:9pt;padding:8px">305 E. 1st St., Cle Elum<br />509-674-2444</div>
934</div>
935
936
937
938
939</div>
940  </div>
941  
942
943    
944    
945    
946    
947      
948      
949      </div>
950        </div>
951    
952    
953    
954    
955    
956
957
958
959	  
960	  
961	    <style>
962a.moreclass, a.moreclass:active, a.moreclass:visited{
963	color: #fff;}
964
965a.moreclass:hover{
966	color:#f0f0f0;
967	text-decoration: underline;}
968
969
970.moreclassdiv{ background-color:#036936; width:122px;border:1px solid #fff; padding:6px;text-align:center;font-size:12pt;}
971.moreclassdiv:hover{ background-color:#c22031;width:122px;border:1px solid #fff; padding:6px;text-align:center;font-size:12pt;}
972
973
974
975a.noimg-moreclass, a.noimg-moreclass:active, a.noimg-moreclass:visited{
976	color: #c22031;
977	text-decoration: none;
978	text-shadow:none;}
979
980a.noimg-moreclass:hover{
981	color:#000;
982	text-decoration: underline;
983	text-shadow:none;}
984
985
986.noimg-moreclassdiv{ background-color:transparent; width:122px;border:1px solid #fff; padding:6px;text-align:center;font-size:12pt;}
987.noimg-moreclassdiv:hover{ background-color:#f0f0f0;width:122px;border:1px solid #fff; padding:6px;text-align:center;font-size:12pt;}
988
989
990
991.moreclassdivover{ background-image:url(../../images/blk-overlay.png); width:100%;height:100%; background-size:100% 100%; min-width:100%}
992.moreclassdivover:hover{ background-color:transparent; width:100%;height:100%;background-image:none;}
993
994
995</style>
996
997
998
999
1000
1001
1002
1003		
1004        
1005    
1006
1007
1008</div><div style="clear:both;"></div>
1009
1010<div style="margin: 0 auto; max-width:90%;font-family:Arial,Verdana;border: 0 solid #ff0000;">
1011
1012
1013<br />		
1014        </div>
1015
1016
1017
1018<br />
1019<br />
1020<br />
1021   
1022   
1023   
1024   
1025   
1026   
1027   
1028   
1029   
1030   
1031
1032
1033
1034
1035
1036
1037
1038
1039
1040
1041
1042
1043
1044
1045
1046
1047
1048
1049
1050
1051
1052
1053
1054   
1055   
1056  </div>
1057 
1058 
1059
1060</div>
1061
1062
1063
1064<!--
1065
1066
1067
1068-->
1069
1070
1071
1072
1073
1074   
1075
1076
1077 
1078<div style="background-color:#f0f0f0;font-size:14pt;font-weight:400;text-align:center">
1079
1080  <br />
1081<br />
1082
1083<a id="signup"></a>
1084
1085<a href="https://www.facebook.com/DiscoverCleElum" target="_blank" class="red"><img src="https://discovercleelum.com/images/fb-ico.png"></a>
1086
1087 &nbsp; <a href="https://twitter.com/DiscoverCleElum" target="_blank" class="red"><img src="https://discovercleelum.com/images/t-ico.png"></a>
1088 &nbsp; <a href="https://www.instagram.com/discovercleelum/" target="_blank" class="red"><img src="https://discovercleelum.com/images/i-ico.png"></a>
1089 &nbsp; <a href="https://www.pinterest.com/02cuo75i821budg219p9dmxi671xjp/" target="_blank" class="red"><img src="https://discovercleelum.com/images/pintrest-ico.png"></a>
1090 &nbsp;
1090 <a href="https://www.youtube.com/channel/UCQzD5u-pTdoafyuKeYh-nAA" target="_blank" class="red"><img src="https://discovercleelum.com/images/y-ico.png"></a>
1091 &nbsp; <a href="https://discovercleelum.com/blog/" class="red"><img src="https://discovercleelum.com/images/blog-ico.png"></a>
1092 &nbsp; <a target=_blank href="https://www.tiktok.com/@discovercleelum?" class="red"><img src="https://discovercleelum.com/images/tiktok-ico.png"></a>
1093
1094
1095<br />
1096<br />
1097
1098<a name="signup"></a>
1099
1100
1101
1102
1103
1104<div style="margin: 0 auto;width:1050px;max-width:100%;text-align:center;">
1105
1106<a href="https://discovercleelum.com"><img alt="cle,elum,footer,logo" src="https://discovercleelum.com/images/logo-green-new2.png" /></a>
1107
1108<div style="float:right;width:720px;border: 0px solid #CCC;font-size:16pt; color:#878686;font-weight:700; text-shadow:none; text-align:left; padding-top:12px; margin: 0 0 0 50px ">
1109
1110
1111
1112
1113
1114
1115
1116
1117<div style="float:right;width:200px; border: #CCC solid 0px; margin: 2px 10px 0 0;text-align:center">
1118<ins data-dest_type="city" data-dest_id="20143305" class="bookingaff" data-aid="1140529" data-target_aid="1140462" data-prod="nsb" data-width="200" data-height="200">
1119
1120    <!-- Anything inside will go away once widget is loaded. -->
1121
1122    <a href="//www.booking.com?aid=1140462">Booking.com</a>
1123
1124</ins>
1125
1126<script type="text/javascript">
1127
1128    (function(d, sc, u) {
1129
1130      var s = d.createElement(sc), p = d.getElementsByTagName(sc)[0];
1131      s.type = 'text/javascript';
1132      s.async = true;
1133      s.src = u + '?v=' + (+new Date());
1134      p.parentNode.insertBefore(s,p);
1135
1136      })(document, 'script', '//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js');
1137
1138</script>
1138
1139  </div>
1140
1141   
1142
1143 <span style="font-family:Arial,Verdana;font-size:14pt;">Sign up for FREE newsletters!!</span>  
1144
1145
1146
1147
1148
1149
1150
1151					
1152		 <style>
1153 
1154  .submit-form { height:44px;font-size:11pt;font-weight:bold; width:200px;cursor:pointer; background-color:#036936; color:#fff; border-radius:0.4em 0.4em 0.4em 0.4em; 
1155	-moz-border-radius:0.4em 0.4em 0.4em 0.4em; text-shadow: 1px 1px #044c28;
1156	border: 1px solid #044c28; margin: 0 33px 0 0;  }
1157	
1158	.submit-form:hover { background-color:#fda600; text-shadow: none}
1159	
1160	</style>			
1161					
1162
1163
1164<form method="POST" ACTION="https://www.discovercleelum.com/news/#signup"><br />
1165<br />
1166
1167
1168
1169
1170<input type="email" autocapitalize="off" autocorrect="off" name="form_email" size="25" style="width:380px;height:60px;border:1px solid #000;padding: 0 0 0 10px;-moz-border-radius: 4px;-webkit-border-radius: 4px; border-radius: 4px;color:#036936;text-align:left;font-size:12pt;" value="Stay in the know!" onfocus="if(this.value=='Stay in the know!')this.value='';" onblur="if(this.value=='')this.value='Stay in the know!';">
1171
1172
1173             <input type="submit" name="submit" value="SIGN UP" class='submit-form' style="margin-left:-119px;width:99px"> 
1174             
1175             
1176                          
1177             
1178             
1179             
1180             
1181             </form>
1182            
1183            
1184            
1185
1186
1187
1188
1189
1190
1191
1192 
1193
1194
1195
1196
1197
1198
1199
1200
1201
1202</div>
1203
1204<div style="clear:both;"></div>
1205
1206<br />
1207<br />
1208
1209 </div> 
1210 
1211
1212
1213
1214
1215<div style="background-color:#036936; background-image:url(../images/footer_green_bg.jpg);background-size:100%;background-repeat:no-repeat;background-position: bottom center">
1216
1217<br />
1218<br />
1219<br />
1220
1221
1222
1223
1224
1225<div style="margin: 0 auto;text-align:center;font-size:16pt;font-family:TrendSansOne,Arial,Verdana;border:0 solid #CCC;max-width:90%">
1226<a href="" class="white">WWW.DISCOVERCLEELUM.COM</a>
1227
1228
1229<br />
1230<br />
1231<br />
1232
1233
1234
1235<div style="margin: 0 auto;text-align:left;font-family:Arial,Verdana;color:#fff;font-size:11pt; border:0 solid #CCC;width:1060px; max-width:90%">	  	
1236
1237<a class="white" href="https://discovercleelum.com/attractions/">ATTRACTIONS</a> &nbsp;&nbsp;&nbsp;	 	  	
1238
1239<a class="white" href="https://discovercleelum.com/events/">EVENTS</a> &nbsp;&nbsp;&nbsp;	
1240
1241<a class="white" href="https://discovercleelum.com/history/">HISTORY</a> &nbsp;&nbsp;&nbsp;	  	  	
1242
1243<a class="white" href="https://discovercleelum.com/dine/">DINE</a> &nbsp;&nbsp;&nbsp;	 
1244
1245<a class="white" href="https://discovercleelum.com/hotels-in-cle-elum/">STAY</a> &nbsp;&nbsp;&nbsp;	 	  	
1246
1247<a class="white" href="https://discovercleelum.com/shop/">SHOP</a> &nbsp;&nbsp;&nbsp;	 	  	
1248
1249<a class="white" href="https://discovercleelum.com/trails/">TRAILS</a> &nbsp;&nbsp;&nbsp;
1250
1251<a class="white" href="https://discovercleelum.com/camping/">CAMP</a> &nbsp;&nbsp;&nbsp;	 	  	
1252
1253<a class="white" href="https://discovercleelum.com/parks/">PARKS</a> &nbsp;&nbsp;&nbsp;	 	  	
1254
1255<a class="white" href="https://discovercleelum.com/blog/">BLOG</a> &nbsp;&nbsp;&nbsp;	 
1256
1257<a class="white" href="https://discovercleelum.com/about">ABOUT</a> &nbsp;&nbsp;&nbsp;	 
1258
1259<a class="white" href="https://discovercleelum.com/contact">CONTACT</a> &nbsp;&nbsp;&nbsp;	 
1260
1261<a class="white" href="https://discovercleelum.com/visitor-center/">VISITOR CENTER</a><!-- &nbsp;&nbsp;&nbsp;	
1262
1263<a class="white" href="https://discovercleelum.com/media-room/">MEDIA ROOM</a> -->
1264
1265    
1266       
1267        
1268
1269<br /><br />
1270
1271<div style="font-size:9pt;text-align:left;font-family:Arial,Verdana;color:#fff;">
1272
1273<!--
1274
1275<a href="https://www.centralwashingtoncolor.com" target=_blank><img alt="central,washington,tourism,website" src="https://discovercleelum.com/images/cwc.png" style="margin: -5px 50px 0 0;float:right;;width:99px" /></a>-->
1276
1277&copy; 2026 DISCOVERCLEELUM.COM
1278
1279
1280</div>
1281     </div>
1282
1283     
1284<br /> 
1285<br />
1286<br />
1287<br />
1288
1289
1290   </div>
1291</div>
1292
1293
1294
1295
1296
1297
1298
1299   
1300</div>
1301
1302
1303
1304
1305<a href="#" class="back-to-top" style="display: inline;"><i class="fa fa-arrow-circle-up"><img style="margin-top:12px" src="https://discovercleelum.com/uploads/up.png"></i></a>
1306
1307        <!-- Go to www.addthis.com/dashboard to customize your tools -->
1308
1309<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-572b7fc404a21222"></script>
1309
1310
1311
1312
1313<script>
1314
1315$('.back-to-top').css({"display": "none"});
1316jQuery(document).ready(function() {
1317var offset = 250;
1318
1319var duration = 300;
1320jQuery(window).scroll(function() {
1321if (jQuery(this).scrollTop() > offset) {
1322
1323jQuery('.back-to-top').fadeIn(duration);
1324
1325} else {
1326
1327jQuery('.back-to-top').fadeOut(duration);
1328
1329 
1330}
1331
1332});
1333
1334 
1335jQuery('.back-to-top').click(function(event) {
1336event.preventDefault();
1337jQuery('html, body').animate({scrollTop: 0}, duration);
1338return false;
1339
1340 
1341})
1342
1343});
1344
1345</script>
1345
1346
1347
1348
1349<!--
1350  -->
1351  
1351<script src="https://discovercleelum.com/slick/slick.js" type="text/javascript" charset="utf-8"></script>
1351
1352
1353  
1353<script type="text/javascript">
1354
1355    $(document).on('ready', function() {
1356      $(".regular").slick({
1357        dots: true,
1358        infinite: true,
1359        slidesToShow: 3,
1360        slidesToScroll: 3
1361
1362      });
1363
1364      $(".center").slick({
1365
1366        dots: true,
1367        infinite: true,
1368        centerMode: true,
1369        slidesToShow: 3,
1370        slidesToScroll: 3
1371
1372      });
1373
1374      /*$(".variable").slick({
1375
1376        dots: true,
1377
1378        infinite: true,
1379
1380        variableWidth: true
1381
1382      });*/
1383
1384	  $('.variable').slick({
1385
1386  dots: false,
1387  infinite: true,
1388  speed: 300,
1389  slidesToScroll: 1,
1390  centerMode: false,
1391  variableWidth: true
1392
1393}); 
1394
1395    });
1396
1397  </script>
1397
1398
1399  
1400  
1401  
1402  
1403  
1404  
1405  
1406
1407  
1408
1409  
1410  
1411  
1412  
1413  
1414  
1415  
1416  
1417  
1418
1419
1420
1421
1422       <!-- begin olark code -->
1423
1424<script type="text/javascript" async> ;(function(o,l,a,r,k,y){if(o.olark)return; r="script";y=l.createElement(r);r=l.getElementsByTagName(r)[0]; y.async=1;y.src="//"+a;r.parentNode.insertBefore(y,r); y=o.olark=function(){k.s.push(arguments);k.t.push(+new Date)}; y.extend=function(i,j){y("extend",i,j)}; y.identify=function(i){y("identify",k.i=i)}; y.configure=function(i,j){y("configure",i,j);k.c[i]=j}; k=y._={s:[],t:[+new Date],c:{},l:a}; })(window,document,"static.olark.com/jsclient/loader.js");
1425
1426/* custom configuration goes here (www.olark.com/documentation) */
1427
1428olark.identify('2210-410-10-7656');</script>
1428
1429
1430
1431
1432<script>
1433
1434olark('api.box.onExpand', function(event) {
1435
1436    // Example code
1437
1438     yourAnalytics.track("visitor_expanded_olark");
1439
1440});
1441
1442olark.configure('system.hb_primary_color', '#036936');
1443</script>
1443
1444
1445
1446
1447
1448
1449<style type="text/css">
1450
1451    /* Operators available */
1452
1453    .green-icon {       background-color: green;    }
1454
1455    /* Operators offline */
1456
1457    .red-icon {        background-color: red;   }
1458
1459</style>
1460
1461
1462
1463
1464
1465<!-- end olark code -->
1466
1467
1468
1469</body>
1470</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.