Showing source for: https://www.discovercleelum.com/
Duration: 0.104182s
Server: cloudflare
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-P2K9BH9');</script>
<!-- End Google Tag Manager -->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Cle Elum, WA - Camping, Horseback Riding, Hiking & Trails, State Parks</title>
<meta name="description" content="A small town kind-of city, Cle Elum Washington is your gateway to the American west... perfect for fall activities like horseback riding, camping, hiking and more." />
<meta name="keywords" content="RV Camping, Horesback Riding, Campsites, State Parks in Cle Elum" />
<meta property="og:locale" content="en_US" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Cle Elum, WA - Camping, Horesback Riding, Hiking & Trails, State Parks" />
<meta property="og:description" content="A small town kind-of city, Cle Elum Washington is your gateway to the American west... perfect for fall activities like horseback riding, camping, hiking and more." />
<meta property="og:url" content="https://discovercleelum.com/" />
<meta property="og:site_name" content="DiscoverCleElum" />
<meta name="og:image" content="https://discovercleelum.com/images/logo-green-new2.png"> <meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:image" content="https://discovercleelum.com/images/logo-green-new2.png">
<meta name="twitter:description" content="A small town kind-of city, Cle Elum Washington is your gateway to the American west... perfect for fall activities like horseback riding, camping, hiking and more." />
<meta name="twitter:title" content="Cle Elum, WA - Camping, Horesback Riding, Hiking & Trails, State Parks" />
<meta name="twitter:site" content="@DiscoverCleElum" />
<meta name="twitter:creator" content="@DiscoverCleElum" />
<link rel="stylesheet" href="https://discovercleelum.com/style-032521.css" />
<!-- <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>-->
<script type="application/ld+json">
{
"@context" : "http://schema.org",
"@type" : "Organization",
"name" : "Discover Cle Elum",
"url" : "https://discovercleelum.com",
"sameAs" : [
"https://www.facebook.com/DiscoverCleElum",
"https://twitter.com/DiscoverCleElum",
"https://www.instagram.com/discovercleelum/",
"https://www.pinterest.com/02cuo75i821budg219p9dmxi671xjp/",
"https://www.youtube.com/channel/UCQzD5u-pTdoafyuKeYh-nAA"
]
}
</script>
<link rel="icon" type="image/png" href="https://discovercleelum.com/favicon-32x32.png" sizes="32x32" />
<style>
.back-to-top {
background: none;
margin: 0;
position: fixed;
bottom: 175px;
right: 40px;
width: 50px;
height: 50px;
z-index: 99999;
display: none;
text-decoration: none;
text-align:center;
text-shadow:none;
color: #ffffff;
background-color: #ff9000;
border-radius:50%;
}
.back-to-top i {
font-size: 20pt;}
</style>
<!--<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js"></script>-->
<link rel="stylesheet" type="text/css" href="https://discovercleelum.com/slick/slick.css"/>
<link rel="stylesheet" type="text/css" href="https://discovercleelum.com/slick/slick-theme.css"/>
<style type="text/css">
* {
box-sizing: border-box;
}
.slider {
width: 100%;
margin: 50px auto;
padding-top:33px; }
.slick-slide {
margin: 0px 20px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slidertext {
text-align:center;
font-family: Bitter,Arial,Verdana;
color:#000; font-size:18pt;
font-weight:normal;
}
.setheight { font-size:12pt;background-color:#036936;height:950px; }
@media only screen and (max-width: 950px) {
.setheight { font-size:12pt;background-color:#036936;height:880px; }
}
@media only screen and (max-width: 550px) {
.slider {
width: 90%;
margin: 33px auto;
padding-top:20px; }
.slick-slide {
margin: 0px 10px;
}
.slick-slide img {
width: 100%;
}
.slick-prev:before,
.slick-next:before {
color: black;
}
.slidertext {
text-align:center;
font-family: Bitter,Arial,Verdana;
color:#000; font-size:12pt;
font-weight:normal;
}
.setheight { font-size:12pt;background-color:#036936;height:590px }
}
.image {
opacity: 1;
transition: .5s ease;}
.image:hover {
opacity: 0.7; cursor:pointer;}
@font-face {
font-family: TrendSansOne;
src: url(https://discovercleelum.com/fonts/TrendSansOne.otf);}
@font-face {
font-family: TrendSansOneItalic;
src: url(https://discovercleelum.com/fonts/TrendSansOneItalic.otf);}
@font-face {
font-family: TrendSansFour;
src: url(https://discovercleelum.com/fonts/TrendSansFour.otf);}
@font-face {
font-family: TrendSansFourItalic;
src: url(https://discovercleelum.com/fonts/TrendSansFourItalic.otf);}
@font-face {
font-family: TrendSansFive;
src: url(https://discovercleelum.com/fonts/TrendSansFive.otf);}
@font-face {
font-family: TrendSansFiveItalic;
src: url(https://discovercleelum.com/fonts/TrendSansFiveItalic.otf);}
@font-face {
font-family: TrendSlabOne;
src: url(https://discovercleelum.com/fonts/TrendSlabOne.otf);}
@font-face {
font-family: TrendSlabOneItalic;
src: url(https://discovercleelum.com/fonts/TrendSlabOneItalic.otf);}
@font-face {
font-family: TrendSlabFour;
src: url(https://discovercleelum.com/fonts/TrendSlabFour.otf);}
@font-face {
font-family: TrendSlabFourItalic;
src: url(https://discovercleelum.com/fonts/TrendSlabFourItalic.otf);}
@font-face {
font-family: TrendSlabFive;
src: url(https://discovercleelum.com/fonts/TrendSlabFive.otf);}
@font-face {
font-family: TrendSlabFiveItalic;
src: url(https://discovercleelum.com/fonts/TrendSlabFiveItalic.otf);}
.readmore {
border: 1px solid #036936;border-radius:4px;padding:5px;width:150px; background-color:#fff; color:#036936; text-align:center; font-family: TrendSansOne;
} .readmore:hover { background-color:#036936; color:#fff; }
/* Navbar container */
.navbar {
overflow: hidden;
background-color: transparent;
margin: 0 auto;
border: 0px solid #fff;
text-align:center;
max-width:1240px;
}
/* Links inside the navbar */
.navbar a {
float: left;
font-size: 18px;
color: white;
text-align: center;
padding: 14px 16px;
}
/* The dropdown container */
.dropdown {
float: left;
overflow: hidden;
}
/* Dropdown button */
.dropdown .dropbtn {
font-size: 18px;
border: none;
outline: none;
color: white;
padding: 14px 16px;
background-color: inherit;
font-family: Arial,Verdana; /* Important for vertical align on mobile phones */
margin: 0; /* Important for vertical align on mobile phones */
font-weight:normal;
}
/* Add a red background color to navbar links on hover */
.navbar a:hover, .dropdown:hover .dropbtn {
background-color: transparent;
}
/* Dropdown content (hidden by default) */
.dropdown-content {
display: none;
position: absolute;
background-color: #f9f9f9;
min-width: 160px;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
text-shadow: none;
font-weight:normal;
}
/* Links inside the dropdown */
.dropdown-content a {
float: none;
color: black;
font-family: Arial,Verdana;
font-weight:normal;
letter-spacing: 1px;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
/* Add a grey background color to dropdown links on hover */
.dropdown-content a:hover {
background-color: #157643;
}
/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {
display: block;
}
@media only screen and (max-width: 1450px) {
.navbar { display: none; }
}
.col426-div-blk {
width: 426px; max-width:98%;
height: 100%;
display: inline-block;
margin: 10px;
margin-bottom: 40px;
border: 0 solid #999;
vertical-align:top;
border-radius: 4px;
/* -moz-box-shadow: 0px 0px 6px 2px #f0f0f0; -webkit-box-shadow: 0px 0px 6px 2px #f0f0f0; box-shadow: 0px 0px 6px 2px #f0f0f0; */
}
.col426-div-blk:hover {
/* background-color:#f0f0f0; */
}
</style>
<!-- Facebook Pixel Code /// off until launch -->
<script>
!function(f,b,e,v,n,t,s)
{if(f.fbq)return;n=f.fbq=function(){n.callMethod?
n.callMethod.apply(n,arguments):n.queue.push(arguments)};
if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
n.queue=[];t=b.createElement(e);t.async=!0;
t.src=v;s=b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t,s)}(window, document,'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '389375198068662');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=389375198068662&ev=PageView&noscript=1"/></noscript>
<!-- End Facebook Pixel Code -->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
<link rel="stylesheet" href="responsiveslider.css">
<!--
<link rel="stylesheet" href="lib/jquery.bxslider.css" type="text/css" />
<script src="lib/jquery.bxslider.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.bxslider').bxSlider({
auto: true,
autoControls: true,
speed: 1000,
pause: 7000
});
});
</script>
-->
<script src="js/responsiveslides.min.js"></script>
<script>
// You can also use "$(window).load(function() {"
$(function () {
// Slideshow 1
$("#slider1").responsiveSlides({
maxwidth: 800,
speed: 800
});
// Slideshow 2
$("#slider2").responsiveSlides({
auto: false,
pager: true,
speed: 300,
maxwidth: 540
});
// Slideshow 3
$("#slider3").responsiveSlides({
manualControls: '#slider3-pager',
maxwidth: 540
});
// Slideshow 4
$("#slider4").responsiveSlides({
auto: true,
pager: false,
nav: true,
speed: 1800,
namespace: "callbacks"
});
});
</script>
<style>
/* Released: 27th March 2014 - Beverley Hooton @ Focus on Function Web Design */
/* Updated: 15th July 2014 - css to correct 'position:fixed' bug in Safari */
#header { position:relative; top:0; left:0; right:0; height:70px; background:transparent ;; z-index:9999999999999999999999999999999999999999999999999; }
#header label { padding:0 0.125em; font:14pt/12pt Arial }
#menu label { padding:0 0.25em; font:44pt/42pt Arial } /* for the close btn */
#menu .sub-nav .toggle { padding:0 0.3125em; font:14pt/14pt Arial; top:0; text-align:left; }
#header label:hover, #menu label:hover { color:#999; z-index:9999999999999999999999999999999999999999999999999; }
#main-nav-check, #menu .sub-nav-check { position:absolute; top:-9999px; left:-9999px }
.toggle { position:absolute; right:0.15em; cursor:pointer; color:#036936 }
.container { background:transaprent; min-height:100%; padding:0; margin:0; z-index:9999999999999999999999999999999999999999999999999; }
#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 */
.container, #menu, #menu .sub-nav {
-webkit-transform:translate(0,0); -ms-transform:translate(0,0); transform:translate(0,0);; z-index:9999999999999999999999999999999999999999999999999;
-webkit-transition:-webkit-transform .25s ease; transition:transform .25s ease
}
#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; }
#menu li { border-bottom:1px solid #058042; z-index:9999999999999999999999999999999999999999999999999; }
#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 */
#menu li a:hover, #menu .toggle-sub:hover { background:#058042; z-index:9999999999999999999999999999999999999999999999999; }
#menu .sub-nav { margin-top:-1px; z-index:9999999999999999999999999999999999999999999999999; }
#menu .sub-heading { margin-top:4.0625em; padding-left:1.3125em; color:#999; z-index:9999999999999999999999999999999999999999999999999; }
#menu .sub-heading:before { content:""; display:block; height:1px; width:18.75em; margin-left:-1.3125em; background:#333; }
#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 }
.container, #menu, #menu .sub-nav { -webkit-transform:translate3d(0,0,0) } /* http://davidwalsh.name/translate3d */
/* #### - corrects 'unfixing' bug in Safari - uncomment if you have position:fixed elements inside .container - #### */
/* @media screen and (-webkit-min-device-pixel-ratio:0) { .container { -webkit-transform:none !important } } */
/* #### - define ids of animated container, menu and sub-menus here - #### */
#main-nav-check:checked ~ .container,
#main-nav-check:checked ~ #menu,
#menu .sub-nav-check:checked ~ #fof-sub,
#menu .sub-nav-check:checked ~ #fof-portfolio-sub,
#menu .sub-nav-check:checked ~ #fof-portfolio-graphics-sub,
#menu .sub-nav-check:checked ~ #fof-portfolio-graphics-art-sub,
#menu .sub-nav-check:checked ~ #fof-portfolio-graphics-art-paintings-sub,
#menu .sub-nav-check:checked ~ #fof-services-sub,
#menu .sub-nav-check:checked ~ #fof-services-seo-sub,
#menu .sub-nav-check:checked ~ #res-constr,
#menu .sub-nav-check:checked ~ #res-constr-sub,
#menu .sub-nav-check:checked ~ #comm-constr,
#menu .sub-nav-check:checked ~ #comm-constr-sub,
#menu .sub-nav-check:checked ~ #fast-apps-sub {
-webkit-transform:translate(18.75em,0); -ms-transform:translate(18.75em,0); transform:translate(18.75em,0)
}
#menu .sub-nav-check:checked ~ #create-sub {
-webkit-transform:translate(18.75em,0); -ms-transform:translate(18.75em,0); transform:translate(18.75em,0)
}
.page-content { padding:1em 2em; max-width:64em; margin:auto; z-index:9999999999999999999999999999999999999999999999999; }
.page-content:after { display:block; content:''; height:1px } /* fixes bottom padding issue in IE10 */
code { display:block; background:transparent; font-size:0.875em; padding:1em 2em; overflow-x:scroll; white-space:nowrap }
</style>
</head>
<body>
<div style="margin: 0 auto; width:100%; border-top: 6px solid #036936;text-align:center">
<table border="0" style="position:relative;z-index:9999999;width:100%;"><tr>
<td width="35%" align="center" valign="top">
<!--<div style="font-size:16pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;margin-top:28px;">-->
<div class="navbar" style="margin: 0 0 0 20px;">
<div class="dropdown">
<button class="dropbtn"><div style="font-size:16pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;margin-top:12px;">ATTRACTIONS</div>
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="https://www.discovercleelum.com/attractions">Local Attractions</a>
<a href="https://www.discovercleelum.com/new-businesses">New in Cle Elum</a>
<!--<a target=_blank href="https://www.discovercleelum.com/uploads/WinterRecMap2020.pdf">Winter Recreation Map (82MB)</a>-->
<a href="https://www.discovercleelum.com/museums/">Museums</a>
<a href="https://www.discovercleelum.com/galleries/">Galleries</a>
<a href="https://www.discovercleelum.com/self-guided-activities/">Self-Guided Activities</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn"><div style="font-size:16pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;margin-top:12px;">EVENTS</div>
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="https://www.discovercleelum.com/events">Event Calendar</a>
<a href="https://www.discovercleelum.com/plan-an-event/">Plan an Event</a>
</div>
</div>
<div class="dropdown">
<button class="dropbtn"><div style="font-size:16pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;margin-top:12px;">HISTORY</div>
<i class="fa fa-caret-down"></i>
</button>
<div class="dropdown-content">
<a href="https://www.discovercleelum.com/history/">History of Cle Elum</a>
<a href="https://www.discovercleelum.com/history/cle-elum-firsts-washington-state-history/">Cle Elum Firsts</a>
<a href="https://www.discovercleelum.com/history/historic-preservation-commission/">Register of Historic Places</a>
<a href="https://www.discovercleelum.com/history/historic-buildings-in-cle-elum/">Must-See Historical Stops</a>
<a href="https://www.discovercleelum.com/timeline/">Historic Timeline</a>
</div>
</div>
<!--
<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>
-->
</div>
</td>
<td align="center">
<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>
</td>
<td valign="top" align="right">
<div id="google_translate_element" style="margin:30px 20px 0 0;"></div><script type="text/javascript">
function googleTranslateElementInit() {
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');
}
</script><script type="text/javascript" src="//translate.google.com/translate_a/element.js?cb=googleTranslateElementInit"></script>
</td>
<td width="160" valign="top" align="right">
<input type="checkbox" id="main-nav-check" style="border: 0 solid #CCC;">
<div id="menu">
<label for="main-nav-check" class="toggle" onClick="" title="Close">×</label>
<ul>
<li><a href="https://discovercleelum.com">Home</a></li>
<!-- <li><a href="https://discovercleelum.com/photocontest/">Photo Contest</a></li>-->
<li><a href="https://discovercleelum.com/visitor-center">Cle Elum Visitor Center</a></li>
<li><a href="https://discovercleelum.com/galleries">Galleries</a></li>
<li><a href="https://discovercleelum.com/guides-and-maps">Guides & Maps</a></li>
<li><a href="https://discovercleelum.com/timeline">Historical Timeline</a></li>
<li><a href="https://discovercleelum.com/maps-and-guides">Maps & Guides Request Form</a></li>
<li><a href="https://discovercleelum.com/media-room">Media Room</a></li>
<li><a href="https://discovercleelum.com/museums">Museums</a></li>
<li><a href="https://discovercleelum.com/new-businesses">New in Cle Elum</a></li>
<li><a href="https://discovercleelum.com/plan-an-event">Plan an Event</a></li>
<li><a href="https://discovercleelum.com/self-guided-activities">Self-Guided Activities in Cle Elum</a></li>
<li><a href="https://discovercleelum.com/index.php?c_ref=379">Stay in the Know!</a></li>
<li><a href="https://discovercleelum.com/attractions">Attractions</a></li>
<li><a href="https://discovercleelum.com/history">History</a></li>
<li><a href="https://discovercleelum.com/hotels-in-cle-elum">Stay</a></li>
<li><a href="https://discovercleelum.com/trails">Trails</a></li>
<li><a href="https://discovercleelum.com/parks">Parks</a></li>
<li><a href="https://discovercleelum.com/dine">Dine</a></li>
<li><a href="https://discovercleelum.com/shop">Shop</a></li>
<li><a href="https://discovercleelum.com/camping">Camp</a></li>
<li><a href="https://discovercleelum.com/about">About the City of Cle Elum, WA</a></li>
<li><a href="https://discovercleelum.com/events">Events</a></li>
<li><a href="https://discovercleelum.com/blog">Blog</a></li>
</ul>
</div><!-- closing "#menu" -->
<div class="container">
<div id="header">
<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 ≡</label>
</div><!-- closing "#header" -->
<!--<div class="page-content">
</div><!-- closing ".page-content" -->
</div><!-- closing "container" -->
</td></tr>
</table>
<div id="wrapper" style="margin: -120px 0 0 0;">
<div class="callbacks_container">
<ul class="rslides" id="slider4">
<!--
<li>
<img src="images/slideshow3.jpg">
</li>
<li>
<img src="images/slideshow4.jpg">
</li>
<li>
<img src="images/slideshow5.jpg">
</li>
<li>
<img src="images/slideshow7.jpg">
</li>
<li>
<img src="images/slideshow6.jpg">
</li>
-->
<!-- for winter 2021 -->
<li>
<img src="images/winter-slider1-2021.jpg">
</li>
<li>
<img src="images/winter-slider2-2021.jpg">
</li>
<li>
<img src="images/winter-slider3-2021.jpg">
</li>
<li>
<img src="images/winter-slider4-2021.jpg">
</li>
</ul>
</div>
</div>
<div style="clear:both;"></div>
<a class="weatherwidget-io" href="https://forecast7.com/en/47d20n120d94/cle-elum/?unit=us" data-label_1="CLE ELUM" data-label_2="WEATHER" data-icons="Climacons Animated" data-mode="Current" data-days="3" data-theme="pure" >CLE ELUM WEATHER</a>
<script>
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src='https://weatherwidget.io/js/widget.min.js';fjs.parentNode.insertBefore(js,fjs);}}(document,'script','weatherwidget-io-js');
</script>
<div style="text-shadow:none;margin: 0 auto;text-align:center; font-family:Arial,Verdana;max-width:80%; border: none">
<h1 style="font-size:18pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;">Welcome to Cle Elum, the Heart of the Cascades</h1>
<div style="font-size:11pt; margin: 26pt 0 0 0;line-height:18pt;font-weight:300; text-transform:none;color:#777 ;border: none">
From humble beginnings as a rugged mining and logging town nestled in the mountains of Central Washington, Cle Elum has evolved into an epicenter of adventure, creativity, and connection to both each other and the natural world. Echoes of century-old stories are rooted in everything we do, making our charming town a place where the past is always present. In another way, like the swift, rushing streams that inspired our name, we're headed forward as our community grows and welcomes travelers to experience it with us.
<br /><br />
<div style="margin: 10px auto;">
<a href="about/"><div class="readmore" style="margin: 0 auto;">READ MORE</div></a>
</div>
<br /><br />
Fall in love with Cle Elum<br />
<span style="font-size:15pt;font-family:TrendSansOne,Arial,Verdana;color:#777;">No Matter what the season</span>
<br />
<br />
<br />
<a href="spring/"><img class="image" src="images/season-spring2021.jpg" style="max-width:24%" /></a>
<a href="summer/"><img class="image" src="images/season-summer2021.jpg" style="max-width:24%" /></a>
<a href="fall/"><img class="image" src="images/season-fall2021.jpg" style="max-width:24%" /></a>
<a href="winter/"><img class="image" src="images/season-winter2021.jpg" style="max-width:24%" /></a>
</div>
</div>
<br />
</div>
<div style="width:100%; background-color:#f0f0f0;">
<div style="margin: 10px auto;text-align:center; max-width:90%;color:#888; border: 0px solid #CCC;font-size:14pt;font-weight:400;">
<br>
<br>
<br>
<div style="margin: 0 auto;text-align:left;font-size:16pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;border:0px solid #CCC;">
featured from around the Cle Elum area
</div>
<section class="variable slider" style="margin-top:-1px;">
<div class="slidertext" style="width:426px;text-align:left;border: 0px solid #CCC;font-size:10pt;font-family: Arial,Verdana;line-height:18pt;">
<a class="red" href="https://www.discovercleelum.com/trails/"><img style="width:100%" class="image" src="images/fea_img_slider1c.jpg" alt="Things to do this Spring or Summer in Cle Elum">
<div style="font-size:10pt;color:#036936;font-family:TrendSansOne,Arial,Verdana;margin: 10px 0 5px 0">
Cle Elum Area Hikes<br /></a>
</div>
<span style="color:#555;font-size:10pt;font-family:Arial,Verdana;">
Cle Elum, Washington is the hub to some of the
best trail heads in the beautiful state of Washington...
</span>
</div>
<div class="slidertext" style="width:426px;text-align:left;border: 0px solid #CCC;font-size:10pt;font-family: Arial,Verdana;line-height:18pt;">
<a class="red" href="https://www.discovercleelum.com/plan-an-event/"><img style="width:100%" class="image" src="images/fea_img_slider2b.jpg" alt="Things to do this Spring or Summer in Cle Elum">
<div style="font-size:10pt;color:#036936;font-family:TrendSansOne,Arial,Verdana;margin: 10px 0 5px 0">
Plan an Event in cle elum, wa<br /></a>
</div>
<span style="color:#555;font-size:10pt;font-family:Arial,Verdana;">
Plan an Event in the scenic mountain town
of Cle Elum. From stunning wedding venues and more...
</span>
</div>
<div class="slidertext" style="width:426px;text-align:left;border: 0px solid #CCC;font-size:10pt;font-family: Arial,Verdana;line-height:18pt;">
<a class="red" href="https://www.discovercleelum.com/blog/6-quintessential-cle-elum-experiences/"><img style="width:100%" class="image" src="images/fea_img_slider3b.jpg" alt="Things to do this Spring or Summer in Cle Elum">
<div style="font-size:10pt;color:#036936;font-family:TrendSansOne,Arial,Verdana;margin: 10px 0 5px 0">
6 Quintessential Cle Elum Experiences<br /></a>
</div>
<span style="color:#555;font-size:10pt;font-family:Arial,Verdana;">
From humble beginnings as a rugged mining and logging
town nestled in the mountains of Central Washington...
</span>
</div>
<div class="slidertext" style="width:426px;text-align:left;border: 0px solid #CCC;font-size:10pt;font-family: Arial,Verdana;line-height:18pt;">
<a class="red" href="https://www.discovercleelum.com/dine/"><img style="width:100%" class="image" src="images/fea_img_slider4.jpg" alt="Things to do this Spring or Summer in Cle Elum">
<div style="font-size:10pt;color:#036936;font-family:TrendSansOne,Arial,Verdana;margin: 10px 0 5px 0">
Eat & Drink in Cle Elum, WA<br /></a>
</div>
<span style="color:#555;font-size:10pt;font-family:Arial,Verdana;">
Take your taste buds on a delicious vacation - eat in Cle Elum, Washington! We're not just home to a 100-year-old bakery...
</span>
</div>
<div class="slidertext" style="width:426px;text-align:left;border: 0px solid #CCC;font-size:10pt;font-family: Arial,Verdana;line-height:18pt;">
<a class="red" href="https://www.discovercleelum.com/stay/"><img style="width:100%" class="image" src="images/fea_img_slider5.jpg" alt="Things to do this Spring or Summer in Cle Elum">
<div style="font-size:10pt;color:#036936;font-family:TrendSansOne,Arial,Verdana;margin: 10px 0 5px 0">
Lodging in Cle Elum, WA<br /></a>
</div>
<span style="color:#555;font-size:10pt;font-family:Arial,Verdana;">
Make your stay in Cle Elum, Washington your ideal getaway. This rustic town has many accommodation options to suit every taste...
</span>
</div>
<div class="slidertext" style="width:426px;text-align:left;border: 0px solid #CCC;font-size:10pt;font-family: Arial,Verdana;line-height:18pt;">
<a class="red" href="https://www.discovercleelum.com/blog/a-guide-to-local-history/"><img style="width:100%" class="image" src="images/fea_img_slider6.jpg" alt="Things to do this Spring or Summer in Cle Elum">
<div style="font-size:10pt;color:#036936;font-family:TrendSansOne,Arial,Verdana;margin: 10px 0 5px 0">
Cle Elum's Guide to Local History<br /></a>
</div>
<span style="color:#555;font-size:10pt;font-family:Arial,Verdana;">
Echoes of century-old stories are still visible throughout the Cle Elum area, making our town a place where the past is always present...
</span>
</div>
<div class="slidertext" style="width:426px;text-align:left;border: 0px solid #CCC;font-size:10pt;font-family: Arial,Verdana;line-height:18pt;">
<a class="red" href="https://www.discovercleelum.com/self-guided-activities/"><img style="width:100%" class="image" src="images/fea_img_slider7.jpg" alt="Things to do this Spring or Summer in Cle Elum">
<div style="font-size:10pt;color:#036936;font-family:TrendSansOne,Arial,Verdana;margin: 10px 0 5px 0">
Self-Guided Activities<br /></a>
</div>
<span style="color:#555;font-size:10pt;font-family:Arial,Verdana;">
Ready to reconnect with Cle Elum? Enjoy all that our adventure-filled area offers while still putting safety first...
</span>
</div>
<div class="slidertext" style="width:426px;text-align:left;border: 0px solid #CCC;font-size:10pt;font-family: Arial,Verdana;line-height:18pt;">
<a class="red" target=_blank href="https://centralwashingtonoutdoor.com/outdoor-activities/excursion-vendors/"><img style="width:100%" class="image" src="images/fea_img_slider8.jpg" alt="Excursion Vendors in Central Washington">
<div style="font-size:10pt;color:#036936;font-family:TrendSansOne,Arial,Verdana;margin: 10px 0 5px 0">
Excursion Vendors<br /></a>
</div>
<span style="color:#555;font-size:10pt;font-family:Arial,Verdana;">
Explore Excursion Vendors in Kittitas County by booking a thrilling rafting excursion on the Yakima River...
</span>
</div>
</section>
</div>
<br>
</div>
<br />
<div style="margin: 10px auto;text-align:center; max-width:90%;color:#888; border: 0px solid #CCC;font-size:14pt;font-weight:400;">
<img src="images/homepage_footer_img_spring2021c.jpg" style="width:100%">
<br>
<br>
<br>
<div style="margin: 0 auto;text-align:left;font-size:16pt;font-family:TrendSansOne,Arial,Verdana;color:#036936;border:0px solid #CCC;">
Upcoming Events
</div>
<section class="variable slider" style="margin-top:-1px;">
<!--
<div class="slidertext" style="width:333px;">
<strong>Down on the Farm</strong><br>
Feb 15 - Apr 24<br>
The Nelson Farm is rich in history and a
majestic backdrop for a fun new experience. Join us Down on the Farm with your family as you make new socially-distant and safe memories.
</div>
<div class="slidertext">
<a class="red" href="https://discovercleelum.com/blog/best-places-to-stargaze-in-cle-elum/"><img style="width:250px" class="image" src="https://discovercleelum.com/uploads/blog-slider-062920.png" alt="Best Places to Stargaze in Cle Elum"></a>
</div>
<div class="slidertext">
<a class="red" href="https://discovercleelum.com/blog/3-reasons-to-look-forward-to-cle-elum-for-a-future-weekend-getaway/"><img style="width:250px" class="image" src="https://discovercleelum.com/uploads/blog-slider-041620b.png" alt="Future Things to do in Cle Elum"></a>
</div>
<div class="slidertext">
<a class="red" href="https://discovercleelum.com/blog/the-top-5-ways-to-enjoy-the-great-outdoors-in-cle-elum-during-the-summer/"><img style="width:250px" class="image" src="https://discovercleelum.com/uploads/blog-slider-033120.png" alt="Summer in Cle Elum"></a>
</div>
<div class="slidertext">
<a class="red" href="https://discovercleelum.com/blog/3-reasons-to-visit-cle-elum-in-the-spring-or-summer/"><img style="width:250px" class="image" src="https://discovercleelum.com/uploads/blog-slider-031920.png" alt="Things to do this Spring or Summer in Cle Elum"></a>
</div>
<div class="slidertext">
<a class="red" href="https://discovercleelum.com/blog/top-5-bird-watching-locations/"><img style="width:250px" class="image" src="https://discovercleelum.com/uploads/blog-slider-061120.png" alt="Cle Elum's Top 5 Bird Watching Locations"></a>
</div>
<div class="slidertext">
<a class="red" href="https://discovercleelum.com/blog/a-guide-to-local-history/"><img style="width:250px" class="image" src="https://discovercleelum.com/uploads/blog-slider-012420.png" alt="Discover Cle Elum Local History"></a>
</div>
<div class="slidertext">
<a class="red" href="https://discovercleelum.com/blog/top-places-to-chill-and-unwind-in-cle-elum/"><img style="width:250px" class="image" src="https://discovercleelum.com/uploads/blog-slider-101719.png" alt="Chill and Unwind in Cle Elum"></a>
</div>
-->
</section>
</div>
<br>
<br>
</div>
<!--
<br />
<br />
<div align="center">
<span style="font-size:18pt;font-family:TrendSansOne;letter-spacing:-1px;"><strong>Excursion Vendors</strong></span>
<br>
<br>
<span style="font-family:Arial, Helvetica, sans-serif;font-size:11pt; color:#555;line-height:18pt;">
Visit <a target=_blank href="https://centralwashingtonoutdoor.com/outdoor-activities/excursion-vendors/" class="red">CentralWashingtonOutdoor.com</a> to book a thrilling rafting excursion on the Yakima River!<br>
We have top-notch guides ready to take you out on the local waters.
<br>
<a target=_blank href="https://centralwashingtonoutdoor.com/outdoor-activities/excursion-vendors/"><img src="https://centralwashingtonoutdoor.com/images/cwo-logo-footer.png" style="width:120px" /></a>
</span>
</div>
<br>
<br>
-->
<div style="background-color:#f0f0f0;font-size:14pt;font-weight:400;text-align:center">
<br />
<br />
<a id="signup"></a>
<a href="https://www.facebook.com/DiscoverCleElum" target="_blank" class="red"><img src="https://discovercleelum.com/images/fb-ico.png"></a>
<a href="https://twitter.com/DiscoverCleElum" target="_blank" class="red"><img src="https://discovercleelum.com/images/t-ico.png"></a>
<a href="https://www.instagram.com/discovercleelum/" target="_blank" class="red"><img src="https://discovercleelum.com/images/i-ico.png"></a>
<a href="https://www.pinterest.com/02cuo75i821budg219p9dmxi671xjp/" target="_blank" class="red"><img src="https://discovercleelum.com/images/pintrest-ico.png"></a>
<a href="https://www.youtube.com/channel/UCQzD5u-pTdoafyuKeYh-nAA" target="_blank" class="red"><img src="https://discovercleelum.com/images/y-ico.png"></a>
<a href="https://discovercleelum.com/blog/" class="red"><img src="https://discovercleelum.com/images/blog-ico.png"></a>
<a target=_blank href="https://www.tiktok.com/@discovercleelum?" class="red"><img src="https://discovercleelum.com/images/tiktok-ico.png"></a>
<br />
<br />
<a name="signup"></a>
<div style="margin: 0 auto;width:1050px;max-width:100%;text-align:center;">
<a href="https://discovercleelum.com"><img alt="cle,elum,footer,logo" src="https://discovercleelum.com/images/logo-green-new2.png" /></a>
<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 ">
<div style="float:right;width:200px; border: #CCC solid 0px; margin: 2px 10px 0 0;text-align:center">
<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">
<!-- Anything inside will go away once widget is loaded. -->
<a href="//www.booking.com?aid=1140462">Booking.com</a>
</ins>
<script type="text/javascript">
(function(d, sc, u) {
var s = d.createElement(sc), p = d.getElementsByTagName(sc)[0];
s.type = 'text/javascript';
s.async = true;
s.src = u + '?v=' + (+new Date());
p.parentNode.insertBefore(s,p);
})(document, 'script', '//aff.bstatic.com/static/affiliate_base/js/flexiproduct.js');
</script>
</div>
<span style="font-family:Arial,Verdana;font-size:14pt;">Sign up for FREE newsletters!!</span>
<style>
.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;
-moz-border-radius:0.4em 0.4em 0.4em 0.4em; text-shadow: 1px 1px #044c28;
border: 1px solid #044c28; margin: 0 33px 0 0; }
.submit-form:hover { background-color:#fda600; text-shadow: none}
</style>
<form method="POST" ACTION="https://www.discovercleelum.com/news/#signup"><br />
<br />
<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!';">
<input type="submit" name="submit" value="SIGN UP" class='submit-form' style="margin-left:-119px;width:99px">
</form>
</div>
<div style="clear:both;"></div>
<br />
<br />
</div>
<div style="background-color:#036936; background-image:url(../images/footer_green_bg.jpg);background-size:100%;background-repeat:no-repeat;background-position: bottom center">
<br />
<br />
<br />
<div style="margin: 0 auto;text-align:center;font-size:16pt;font-family:TrendSansOne,Arial,Verdana;border:0 solid #CCC;max-width:90%">
<a href="" class="white">WWW.DISCOVERCLEELUM.COM</a>
<br />
<br />
<br />
<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%">
<a class="white" href="https://discovercleelum.com/attractions/">ATTRACTIONS</a>
<a class="white" href="https://discovercleelum.com/events/">EVENTS</a>
<a class="white" href="https://discovercleelum.com/history/">HISTORY</a>
<a class="white" href="https://discovercleelum.com/dine/">DINE</a>
<a class="white" href="https://discovercleelum.com/hotels-in-cle-elum/">STAY</a>
<a class="white" href="https://discovercleelum.com/shop/">SHOP</a>
<a class="white" href="https://discovercleelum.com/trails/">TRAILS</a>
<a class="white" href="https://discovercleelum.com/camping/">CAMP</a>
<a class="white" href="https://discovercleelum.com/parks/">PARKS</a>
<a class="white" href="https://discovercleelum.com/blog/">BLOG</a>
<a class="white" href="https://discovercleelum.com/about">ABOUT</a>
<a class="white" href="https://discovercleelum.com/contact">CONTACT</a>
<a class="white" href="https://discovercleelum.com/visitor-center/">VISITOR CENTER</a><!--
<a class="white" href="https://discovercleelum.com/media-room/">MEDIA ROOM</a> -->
<br /><br />
<div style="font-size:9pt;text-align:left;font-family:Arial,Verdana;color:#fff;">
<!--
<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>-->
© 2024 DISCOVERCLEELUM.COM
</div>
</div>
<br />
<br />
<br />
<br />
</div>
</div>
</div>
<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>
<!-- Go to www.addthis.com/dashboard to customize your tools -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-572b7fc404a21222"></script>
<script>
$('.back-to-top').css({"display": "none"});
jQuery(document).ready(function() {
var offset = 250;
var duration = 300;
jQuery(window).scroll(function() {
if (jQuery(this).scrollTop() > offset) {
jQuery('.back-to-top').fadeIn(duration);
} else {
jQuery('.back-to-top').fadeOut(duration);
}
});
jQuery('.back-to-top').click(function(event) {
event.preventDefault();
jQuery('html, body').animate({scrollTop: 0}, duration);
return false;
})
});
</script>
<!--
<script src="https://code.jquery.com/jquery-2.2.0.min.js" type="text/javascript"></script> -->
<script src="https://discovercleelum.com/slick/slick.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
$(document).on('ready', function() {
$(".regular").slick({
dots: true,
infinite: true,
slidesToShow: 3,
slidesToScroll: 3
});
$(".center").slick({
dots: true,
infinite: true,
centerMode: true,
slidesToShow: 3,
slidesToScroll: 3
});
/*$(".variable").slick({
dots: true,
infinite: true,
variableWidth: true
});*/
$('.variable').slick({
dots: false,
infinite: true,
speed: 300,
slidesToScroll: 1,
centerMode: false,
variableWidth: true
});
});
</script>
<!-- begin olark code -->
<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");
/* custom configuration goes here (www.olark.com/documentation) */
olark.identify('2210-410-10-7656');</script>
<script>
olark('api.box.onExpand', function(event) {
// Example code
yourAnalytics.track("visitor_expanded_olark");
});
olark.configure('system.hb_primary_color', '#036936');
</script>
<style type="text/css">
/* Operators available */
.green-icon { background-color: green; }
/* Operators offline */
.red-icon { background-color: red; }
</style>
<!-- end olark code -->
</body>
</html>