<!DOCTYPE html>
<html lang='en'>
<head>
	<meta charset="utf-8">
	
	<title>Canton, Ohio - Visit Canton Stark</title>
	

    

	<meta name="description" content="Visit Canton, located in Northeast Ohio.  Explore national historic sites, museums and attractions, vibrant arts & music districts, unique shopping, outdoor recreation, and great special events & festivals. ">
	<meta name="keywords" content="akron, canton, cleveland, northeast ohio, in ohio, weekend trips, weekend geaways, ohio vacation, do ohio, ohio attractions, ohio museums, ohio festivals, ohio events, things to do, stark county, pro football hall of fame">
	<meta name="viewport" content="width=device-width">
	<meta name="viewport" content="initial-scale=1.0, maximum-scale=1.0, user-scalable=yes" />
	<meta name="apple-mobile-web-app-capable" content="yes"/>
	
	
	<!-- favicons -->
	<link rel="apple-touch-icon" sizes="57x57" href="/apple-icon-57x57.png">
	<link rel="apple-touch-icon" sizes="60x60" href="/apple-icon-60x60.png">
	<link rel="apple-touch-icon" sizes="72x72" href="/apple-icon-72x72.png">
	<link rel="apple-touch-icon" sizes="76x76" href="/apple-icon-76x76.png">
	<link rel="apple-touch-icon" sizes="114x114" href="/apple-icon-114x114.png">
	<link rel="apple-touch-icon" sizes="120x120" href="/apple-icon-120x120.png">
	<link rel="apple-touch-icon" sizes="144x144" href="/apple-icon-144x144.png">
	<link rel="apple-touch-icon" sizes="152x152" href="/apple-icon-152x152.png">
	<link rel="apple-touch-icon" sizes="180x180" href="/apple-icon-180x180.png">
	<link rel="icon" type="image/png" sizes="192x192"  href="/android-icon-192x192.png">
	<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
	<link rel="icon" type="image/png" sizes="96x96" href="/favicon-96x96.png">
	<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
	<link rel="manifest" href="/manifest.json">
	<meta name="msapplication-TileColor" content="#ffffff">
	<meta name="msapplication-TileImage" content="/ms-icon-144x144.png">
	<meta name="theme-color" content="#ffffff">
	
	<link href='//fonts.googleapis.com/css?family=Oswald:400,300,700' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Roboto:400,300,700' rel='stylesheet' type='text/css'>
    <link href='//fonts.googleapis.com/css?family=Anton' rel='stylesheet' type='text/css'>
	<link href='//fonts.googleapis.com/css?family=Roboto+Slab:400,300,700' rel='stylesheet' type='text/css'>
	<link href='//fonts.googleapis.com/css?family=Open+Sans:300italic,400italic,400,700,300|Open+Sans+Condensed:300,700' rel='stylesheet' type='text/css'>
    <link href="/css/styles.min.css?745be6d01c87eaf7950e4bddffdf6c37" type="text/css" rel="stylesheet">

    <script type="text/javascript" src="/js/head.min.js"></script>
	
	<!-- JS files -->
    <script type="text/javascript">
		
		head.load(
			{ 'jquery': '/js/jquery-1.11.2.min.js' },
            { 'jquery-tools': '/js/jquery.tools-1.2.7.min.js' },
            { 'jquery-ui': '/js/jquery-ui-1.10.4.custom.js' },
			{ 'modernizr': 'https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js' },
			
			{ 'main': '/js/main.min.js?54346b7b5e087487f48efb5df063704e' }
		);
	</script>
	
	<!--[if lt IE 9]>
		<!-- Arguably the best combonation of polyfills for IE < 9  -->
	    <script type="text/javascript" src="/js/polyfill/selectivizr.min.js"></script>
	    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.2/html5shiv.min.js"></script>
	    <script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/respond.js/1.4.2/respond.js"></script>
	<![endif]-->
	
    
    <meta name="msvalidate.01" content="007528C4E6DC07C0C1F8FBEE07C0A8EB" />


    
</head>

<body id="twoColWideProg" role="document">

 <!-- Google Tag Manager -->
<noscript><iframe src="//www.googletagmanager.com/ns.html?id=GTM-W2HT3B"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<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=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-W2HT3B');</script>
<!-- End Google Tag Manager -->
<script async src='https://tag.simpli.fi/sifitag/1ee85630-84d1-0134-c293-0cc47abc2b4e'></script>


<div id="cover"></div>

    
            
            
            
        
<script type="text/javascript">
    head.ready( 'jquery', function(){

		head.load('/js/ticker/jquery.ticker.js', function() {           

			$.fn.ticker.defaults = {
			    random:        false, // Whether to display ticker items in a random order
			    itemSpeed:     5000,  // The pause on each ticker item before being replaced
			    cursorSpeed:   30,    // Speed at which the characters are typed
			    pauseOnHover:  true,  // Whether to pause when the mouse hovers over the ticker
			    finishOnHover: false,  // Whether or not to complete the ticker item instantly when moused over
			    cursorOne:     '_',   // The symbol for the first part of the cursor
			    cursorTwo:     '-',   // The symbol for the second part of the cursor
			    fade:          true,  // Whether to fade between ticker items or not
			    fadeInSpeed:   600,   // Speed of the fade-in animation
			    fadeOutSpeed:  300    // Speed of the fade-out animation
			};
						
			$('.ticker').ticker();
			
			$('#ticker-helper').resize(function(e){
				
				//console.log('size =' + $(this).width());
					
				if ($(this).width() >= 1200) {$('#ticker-wrapper').height(90);} else {$('#ticker-wrapper').height(60);}
				
				
			});
			

        });     
    });
</script>



    


	
            
            <section id="main-content-wrap" class="page__home">
            
            <div id="column-header">
            
                    
                        
            </div>
            
            
                <div id="main-content">
                    
                    <div id="column-1"></div>
                    

                            <div id="column-2">
	                            
	                            
<header role="navigation">
    <nav id="top-nav-wrap">
    <div class="sidr-anchor">
        <a class="anchor normal" href="https://www.visitcanton.com/">
            <img src="/svg/logo-wide-clr.svg" onerror="this.onerror=null; this.src='/svg/logo-wide-clr.png'" alt="Visit Canton">
        </a>
        <a class="anchor white" href="https://www.visitcanton.com/">
            <img src="/svg/logo-wide-clr.svg" onerror="this.onerror=null; this.src='/svg/logo-wide-clr.png'" alt="Visit Canton">
        </a>
    </div>
    
    
    
    <div id="search-and-weather">
		
		
		
		
		<ul id="main-social" class="social-list">
		<li><a target="blank" href="https://www.facebook.com/VisitCanton" class="fa fa-facebook"></a></li>
		<li><a target="blank" href="http://www.twitter.com/visitcanton" class="fa fa-twitter"></a></li>
		
		<li><a target="blank" href="http://pinterest.com/cantonstarkcvb/" class="fa fa-pinterest"></a></li>
		<li><a target="blank" href="https://instagram.com/visitcanton" class="fa fa-instagram"></a></li>
	</ul>
		
		
		
		
		
		
		<div class="sidr-search">
	      <form id="search" method="post" action="https://www.visitcanton.com/"  >
<div class='hiddenFields'>
<input type="hidden" name="params" value="eyJyZXN1bHRfcGFnZSI6InNlYXJjaCJ9" />
<input type="hidden" name="ACT" value="31" />
<input type="hidden" name="site_id" value="1" />
<input type="hidden" name="csrf_token" value="7d057efbf3eb79a93ea0ab2cd195e03255bde763" />
</div>


	        <input type="text" id="searchKeywords" value="" name="keywords" placeholder="keyword search" />
	        <input type="image" src="/images/css/magnify-red.png" name="button" id="button" value="Submit">
	      </form>
	    </div>
    </div>
	
     
    
    
    <ul id="top-nav">
	    <li class="first">
	        		<a href="/visitors">Visitors</a>
			</li>
	  	<li class="first">
	        		<a href="/meetings">Meetings</a>
			</li>
	  	
	  	<li class="">
        		<a href="/meetings">Group Tours</a>
		</li>
		
		<li class="">
        		<a href="/meetings">Sports</a>
		</li>
	  	
	  	<li class="first">
	        		<a href="/contact-us">Contact Us</a>
			</li>
    </ul>
    <div class="clearfloat"></div>
</nav>
    <!-- Drawer Menu -->

<div id="responsive-menu-button" class="sidr-drawer"><span>menu</span></div>
<div id="menu">
  <ul class="menu" id="top-nav-drawer">
	
	
    
    
		
	  		<li ><a href="/visitors">Visitors</a></li><li ><a href="/meetings">Meetings</a></li><li ><a href="/blog">Blog</a></li><li ><a href="/trip-ideas">Trip Ideas</a></li>
		

    
    

  </ul>
    <ul class="menu" id="footer-links">

<li ><a href="/pro-football-hall-of-fame">Pro Football Hall of Fame</a></li><li ><a href="/play">Play</a></li><li ><a href="/eat">Eat</a></li><li ><a href="/stay">Stay</a></li><li ><a href="/play/golf">Golf</a></li><li ><a href="/deals">Deals</a></li><li ><a href="/events-calendar">Events Calendar</a></li><li ><a href="/blog">Blog</a></li>  
  
    </ul>
</div>

<script type="text/javascript">
    head.ready( 'jquery', function(){
		head.load('/js/sidr/jquery.sidr.js', function() {

			//set up sidr navigation
			$('#responsive-menu-button').sidr({

			    displace: true,
			    onOpen: function() {
					$( "#cover" ).addClass( "sidr-open" );
			    },
			    onClose: function() {
					$( "#cover" ).removeClass( "sidr-open" );
			    },


			    source: '.sidr-anchor, .sidr-search, #menu',
			    body: 'body'
			});
			
			
			$(window).bind('resize', function () {
			    $.sidr('close', 'sidr');
			});
			

			$(".sidr-class-trigger").click(function () {
			    if ($(this).hasClass("current") && $(this).next().queue().length === 0) {
			        $(this).next().slideUp();
			        $(this).removeClass("current");
			    } else if (!$(this).hasClass("current") && $(this).next().queue().length === 0) {
			        $(this).next().slideDown();
			        $(this).addClass("current");
			    }
			});

        });
    });
</script>
    
	
<nav id="floater">
	<div class="center-wrap">
		<a id="float-anchor" href="https://www.visitcanton.com/"></a>

        <a class="menu-trigger general-btn"><span></span>Menu</a>
		<a id="float-join" href="/newsletter-signup/" class="general-btn dark-orange">Join Mail List</a>
		<a id="float-info" href="/contact-us/" class="general-btn dark-orange">Request Info</a>
		
		
		<a id="itineraryLink" href="/itinerary/" title="Itinerary">
		
			MY ITINERARY
			(<span id="itinerary-count">0</span>)
		</a>	
   
	</div>

	<div class="nav-wrap">
        <ul id="float-nav">
	        <li class="link1 first ">
		        		<a href="/meetings">Meetings</a>
				</li><li class="link2 ">
		        		<a href="/blog">Blog</a>
				</li><li class="link3 ">
		        		<a href="/trip-ideas">Trip Ideas</a>
				</li>
        </ul>
	</div>
</nav>

<script type="text/javascript">
    head.ready( 'jquery', function(){
		head.load('/js/headroom/headroom.js', function() {


			$(".menu-trigger").click(function() {
				var X = $(this).attr('id');
				if (X == 'one') {
					$(".nav-wrap").hide();
					$(this).attr('id', 'zero');
				} else {
					$(".nav-wrap").show();
					$(this).attr('id', 'one');
				}
			});

			//Mouse click on sub menu
			$(".nav-wrap").mouseup(function() {
				return false
			});
			//Mouse click on my account link
			$(".menu-trigger").mouseup(function() {
				return false
			});
			//Document Click
			$(document).mouseup(function() {
				$(".nav-wrap").hide();
				$(".menu-trigger").attr('id', '');
			});
			var myElement = document.querySelector("#floater");
			var headroom = new Headroom(myElement, {
				"offset": 160
			});
			headroom.init();
        });
    });
</script>
	

    
</header>

	                            
	                            
		                            
		                                
	                            
	                            
		                            
		                                
		                                    
		                                    <div class="page-content-area-inner">
<section id="maximage-combo" class="image-height image-width"> <a href="" id="arrow_left" class="fa fa-arrow-circle-o-left"></a> <a href="" id="arrow_right" class="fa fa-arrow-circle-o-right"></a> <img id="cycle-loader" src="/images/maximage/ajax-loader.gif" />
  <div id="holder" class="image-height image-width">
    <div class="scroll headroom headroom--top">Scroll<span class="fa fa-chevron-down"></span></div>
    <div id="maximage">
    

	    
	      <div class="test">
	       
	       <img alt="Visit Canton" src="https://canton-stark.s3.amazonaws.com/CMS/7147/downtown_canton_courthouse_angels_and_huntington_bank_building_(1)__large.jpg" alt="The Perfect Couples Getaway" />
	       
	       
	       
	       
	        <div class="overlay image-height image-width">
	       
	        <img class="gradient" src="/images/maximage/demo/gradient.png" alt="Visit Canton" /></div>
	        <div class="in-slide-content" style="display:none;">
	          <div class="table-cell">
	            
		            <p>The Perfect Couples Getaway</p>
		            <h2>Fall in Love with Canton</h2>
		            <a href="trip-ideas/couples-trip" class="general-btn trans">Learn More</a></div>
	        </div>
	      </div>
	    

	    
		
	    		

		
			
	      <div class="test">
	       
	       <img alt="Visit Canton" src="https://canton-stark.s3.amazonaws.com/CMS/5323/gold_jacket_dinner_2013__-0893__large.jpg" alt="Powered by Johnson Controls" />
	       
	       
	       
	       
	        <div class="overlay image-height image-width">
	       
	        <img class="gradient" src="/images/maximage/demo/gradient.png" alt="Visit Canton" /></div>
	        <div class="in-slide-content" style="display:none;">
	          <div class="table-cell">
	            
		            <p>Powered by Johnson Controls</p>
		            <h2>Enshrinement Week</h2>
		            <a href="/pro-football-hall-of-fame/pro-football-hall-of-fame-enshrinement" class="general-btn trans">Learn More</a></div>
	        </div>
	      </div>
	    

	    
		
	    		

		
			
	      <div class="test">
	       
	       <img alt="Visit Canton" src="https://canton-stark.s3.amazonaws.com/CMS/4172/gervasi_snow_web_size__large.jpg" alt="Experience Gervasi" />
	       
	       
	       
	       
	        <div class="overlay image-height image-width">
	       
	        <img class="gradient" src="/images/maximage/demo/gradient.png" alt="Visit Canton" /></div>
	        <div class="in-slide-content" style="display:none;">
	          <div class="table-cell">
	            
		            <p>Experience Gervasi</p>
		            <h2>The Still House is Now Open</h2>
		            <a href="/trip-ideas/experience-gervasi/" class="general-btn trans">Learn More</a></div>
	        </div>
	      </div>
	    

	    
		
	    		

		
			
	      <div class="test">
	       
	       <img alt="Visit Canton" src="https://canton-stark.s3.amazonaws.com/CMS/4143/hof_exterior__slideshow__large.jpg" alt="Pro Football Hall of Fame" />
	       
	       
	       
	       
	        <div class="overlay image-height image-width">
	       
	        <img class="gradient" src="/images/maximage/demo/gradient.png" alt="Visit Canton" /></div>
	        <div class="in-slide-content" style="display:none;">
	          <div class="table-cell">
	            
		            <p>Pro Football Hall of Fame</p>
		            <h2>Welcome to the Hall of Fame City!</h2>
		            <a href="/pro-football-hall-of-fame/" class="general-btn trans">Learn More</a></div>
	        </div>
	      </div>
	    

	    
		
	    		

		
			
		
      
    
      
    </div>
  </div>
</section>
</div>
<script type="text/javascript">
   head.ready( 'jquery', function(){
        head.load('/js/maximage/jquery.maximage.js',
                  '/js/maximage/jquery.cycle.all.js', function() { 
            
        function resizeMaxImage() {
	
		    var _mainContentWidth = ($('.page-content-area-inner').width() );
		    var _mainContentHeight = ($(window).height() - 100);
				
				$('.image-width').css({
		            'width': _mainContentWidth + 'px'
		        });
		
		        $('.image-height').css({
		            'height': _mainContentHeight + 'px'
		        })

			}
		
		    $(window).bind('resize', function () {resizeMaxImage();});

	   	resizeMaxImage();
	   	
	   	
	   		$(".scroll").click(function() {
		    	$('html, body').animate({
		        	scrollTop: parseInt($(".cms").offset().top-60)
		    	}, 520);
		});
	   	

	    $(function(){

				
				$('#maximage').maximage({
					cycleOptions: {
						fx: 'fade',
						speed: 2000, // Has to match the speed for CSS transitions in jQuery.maximage.css (lines 30 - 33)
						timeout: 8000,
						prev: '#arrow_left',
						next: '#arrow_right',
						pause: 1,
						backgroundSize: 'cover',
						fillElement:'#holder',
						before: function(last,current){
								// Start HTML5 video when you arrive
								if($(current).find('video').length > 0) $(current).find('video')[0].play();
						},
						after: function(last,current){
								// Pauses HTML5 video when you leave it
								if($(last).find('video').length > 0) $(last).find('video')[0].pause();
								if($(current).find('video').length > 0) $(current).find('video')[0].play();

						}
					},
					onFirstImageLoaded: function(){
						jQuery('#cycle-loader').hide();
						jQuery('#maximage').fadeIn('fast');
						
						
					}
				});
	
				// Helper function to Fill and Center the HTML5 Video
				jQuery('video,object').maximage('maxcover');
	
				// To show it is dynamic html text
				jQuery('.in-slide-content').delay(1200).fadeIn();
			});
       }); 
       
      

       
   });
</script>



<script type="text/javascript">
    head.ready( 'jquery', function(){
		head.load('/js/headroom/headroom.js', function() {

			var myElement = document.querySelector(".scroll");
			var headroom = new Headroom(myElement, {
				"offset": 160
			});
			headroom.init();
        });
    });
</script>
		                                
		                                
		                            
		                        

	                            
	                            
		                            
		                        

	                            
	                            <div id="column-2-helper">
		                            
		                            
		                                
		                                    
		                            
		                            
		                                
		                                    
		                                        
		                                    
    



<div class="cms">
    
    
    <p class="summary">Welcome Canton, Ohio! Home of the Pro Football Hall of Fame, William McKinley Presidential Library, First Ladies' National Library and so much more!
</p>
    <h1>Home</h1>
    
    
    <p>Visit&nbsp;Canton&nbsp;because you want more than just a vacation,&nbsp;you want a Hall of Fame experience of <em>EXCELLENCE</em>! Canton and the Northeast Ohio region boast&nbsp;national&nbsp;attractions, historic sites, museums,&nbsp;vibrant arts &amp; music districts, unique&nbsp;shopping, outdoor recreation, and great concerts, events &amp; festivals!&nbsp; Start planning your trip today.</p>

<p><a href="http://reservations.arestravel.com/package/info/5226/6162" target="_blank">R</a><a href="https://www.visitcanton.com/request-a-visitor-guide">EQUEST A&nbsp;TRAVEL GUIDE</a></p>
<script>
  (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
  (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
  m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
  })(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

  ga('create', 'UA-1579930-10', 'auto');
  ga('send', 'pageview');

</script>
</div><!-- .cms -->

		                                
		                                    
		                                
		                            
	                                
	                            
		                                
		                            
	                                
	                            </div>
	                            
	                            
			                        
			                    
			                    
			                    
	<section id="footer-booknow-wrap" class="homepage">
	<div id="footer-booknow">
		<div id="book-now">
			<h3><a href="http://reservations.arestravel.com/hotel/list/5226/m2588" title="Visitors Guide" target="_blank">BOOK NOW</a></h3>
			<div id="aresWidget"></div>
<script type="text/javascript"> (function(d, script) { script = d.createElement('script'); script.type = 'text/javascript'; script.async = true; script.onload = function(){ var widget = WidgetManager.createWidget(); widget.setUtmMedium('widget'); widget.setSiteId(5226); widget.setAffiliateId(1125); widget.setTheme('canton-stark-cvb'); widget.setSource('widget'); widget.setTarget('#aresWidget'); widget.setDomain('reservations.arestravel.com'); widget.setEnvironment('prod'); widget.setTierLevel(0); widget.setMarketingRegion('m2588'); widget.generateWidget(); }; script.src = '//cdn.arestravel.com/aresWidget-v3.js'; d.getElementsByTagName('head')[0].appendChild(script); }(document));
</script>









		
		</div>
		<div id="visitors-guide">
    <h3><a href="/request-a-visitor-guide/" title="Travel Guide Cover">Request a
FREE Travel Guide</a></h3>
    <a href="/request-a-visitor-guide/" title="Travel Guide Cover"><img src="https://canton-stark.s3.amazonaws.com/digital_files/7955/travel_guide_cover.jpg" alt="Canton-Stark Visitors Guide!"></a>
</div>
	</div>
</section>

<section id="footer-wrap" class="homepage">
	<footer id="footer">
		
		<div id="newsletter-signup">
			<h3>Newsletter Signup</h3>
			<form id="emailSignup" name="emailSignup" action="/newsletter-signup/" method="post">
				<input id="email" class="extended" type="text" onblur="this.value=(this.value=='')?'Email Address!':this.value;" onfocus="this.value=(this.value=='Email Address')? '':this.value;" value="Email Address" name="email">
				<a class="signup-icon" title="Search" onclick="document.emailSignup.submit(); return false;"><span class="site-icon site-icon-email"></span></a>
			</form>
			
			
			<div id="weather"></div>
			
			
			<div>
				<a href="http://www.ohio.org/" title="Tourism Ohio" target="_blank">
					<img src="/images/brands/tourism_ohio.png" alt="Tourism Ohio" />
				</a>
			</div>
		</div>
		
		<div id="info" class="footer-sections">
			<a id="footer-logo" href="https://www.visitcanton.com/">
			
            <img width="140" src="/svg/logo-wide-white.svg" onerror="this.onerror=null; this.src='/svg/logo-wide-white.png'" alt="Visit Canton">
			
			</a>
			<p>
				227 2nd St. NW<br /> 
				Canton, OH 44702
			</p>
			<p>
				Phone: 330.454.1439<br /> 
				Toll Free: 800.552.6051<br /> 
				
			</p>
		</div>
		
		<div id="footer-nav-section-wrapper">
			<h3>Quick Links</h3>
			<div class="footer-nav footer-sections list1">
				
				<ul>
					
					<li class="play">
							<a href="/play">Things to Do</a>
						</li><li class="eat">
							<a href="/eat">Places to Eat</a>
						</li><li class="stay">
							<a href="/stay">Places to Stay</a>
						</li><li class="golf">
							<a href="/play/golf">Plan Your Golf Trip</a>
						</li><li class="events-calendar">
							<a href="/events-calendar">Events & Entertainment</a>
						</li><li class="meetings">
							<a href="/meetings">Plan Your Event</a>
						</li>
					
				</ul>	
			</div>
			
			<div class="footer-nav footer-sections footer-spacing list2">
				<ul>
					
					<li class="media">
							
							<a href="/media">Media</a>
							
						</li><li class="getting-here">
							
							<a href="/getting-here">Getting Around</a>
							
						</li><li class="about-us">
							
							<a href="/about-us">About Us</a>
							
						</li><li class="partners">
							
							<a href="/partners">Partners</a>
							
						</li><li class="contact-us">
							
							<a href="/contact-us">Contact Us</a>
							
						</li><li class="blog">
							
							<a href="/blog">Blog</a>
							
						</li><li class="event-registration">
							
							<a href="/partners/volunteers/event-registration">Volunteer</a>
							 
						</li>
				</ul>	
			</div>
			<div class="clearfloat"></div>
		</div>
		<br class="clearfloat" />
		
	</footer>
	<div id="copyright">
		Copyright &copy; 2017 Canton Stark County Convention &amp Visitors Bureau | All Rights Reserved.
	</div>
</section>

<script type="text/javascript">
   head.ready( 'jquery', function(){
        head.load('/js/weather/jquery.simpleWeather.js', function() { 

            $(function() {
		            
				  $.simpleWeather({
				    location: 'Canton, OH',
				    woeid: '',
				    unit: 'f',
				    success: function(weather) {
				      
				      html = '<span class="icon-' 
				      			+ weather.code + '"></span><div class="weather-info"><h3><a id="more-weather">&nbsp;</a>' 
				      			+ weather.temp + '&deg;' 
				      			//+ weather.units.temp + ' / ' // uncomment for celcius
				      			//+ weather.alt.temp + '&deg;' 
				      			+ weather.units.temp + '</h3><div class="weatherExtend"><p>' 
				      			+ weather.currently + ' ' 
				      			+ weather.wind.direction + ' ' 
				      			+ weather.wind.speed + ' ' 
				      			+ weather.units.speed + '</p></div>';

				      $("#weather").html(html);
				    },
				    error: function(error) {
				      $("#weather").html('<p>' + error + '</p>');
				    }
				  });
				  
				  $('body').on('click', 'a#more-weather', function(evt) {
				  		evt.preventDefault();
				  		var $extend = $('.weatherExtend');
				  		if ($extend.css('display') == 'block') {
					  		$extend.hide();
					  	} else {
						  	$extend.show();
					  	}
				  });
				  
			});
       }); 
   });
</script>

                            </div>

                            <div id="column-3">
	                            
	                            <div id="column-3-helper">
		                            
	
	
	


		                            
			                            
			                                
		                            
			                            
			                                
			                                    
			                                    
<!-- BEGIN 'Secondary Column Content' -->
<div class="cms">
    
    <br class="clearfloat" />
</div>
<!-- END 'Secondary Column Content' -->

			                                
			                                
			                            
			                                
			                                    
			                                    <section id="find-your-adventure">
    

    <form id="adventure-form" class="dform" method="POST">
		<h6>Find Your Adventure</h6>
        <input type="hidden" name="XID" value="7d057efbf3eb79a93ea0ab2cd195e03255bde763">

        
        <input type="hidden" name="sub_id" value="">
        <input type="hidden" name="loc_id" value="">
        <input type="hidden" name="cuis_id" value="">
        <input type="hidden" name="keywords" value="">

        <label for="adventure-type" id="lbl-adventure-type">
            <select id="adventure-type" required="required" style="width: 100%; ">
                <option value="">What are you looking for?</option>
                <option value="golf">Golf</option>
                <option value="stay">Place To Stay</option>
                <option value="eat">Somewhere To Eat</option>
                <option value="play">Something To Do</option>
            </select>
        </label>

        <label for="adventure-region" id="lbl-adventure-region">
            <select id="adventure-region" style="width: 100%; ">
                <option value="">Select your region...</option>
                <ul id="nav_categories" class="nav_categories">
			<li>
                <option value="231">Massillon & Western Stark County</option>
                </li>
			<li>
                <option value="232">Minerva</option>
                </li>
			<li>
                <option value="234">Regional Attractions</option>
                </li>
			<li>
                <option value="233">North Canton</option>
                </li>
			<li>
                <option value="224">Alliance</option>
                </li>
			<li>
                <option value="225">Amish Country</option>
                </li>
			<li>
                <option value="226">Canal Fulton</option>
                </li>
			<li>
                <option value="227">Canton </option>
                </li>
			<li>
                <option value="228">Downtown Canton</option>
                </li>
			<li>
                <option value="229">Hartville</option>
                </li>
			<li>
                <option value="230">Louisville & Eastern Stark County</option>
                </li>
		</ul>

            </select>
        </label>
        <label for="adventure-play" id="lbl-adventure-play" style="display: none;">
            <select id="adventure-play" style="width: 100%; ">
                <option value="">Select your activity...</option>
                <ul>
<li>
                <option value="350">Tours & Activities</option>
                </li>
<li>
                <option value="198">Art Galleries </option>
                </li>
<li>
                <option value="199">Concert Venues</option>
                </li>
<li>
                <option value="200">Day Spas</option>
                </li>
<li>
                <option value="201">Family Fun </option>
                </li>
<li>
                <option value="202">Golf</option>
                </li>
<li>
                <option value="203">History & Museums </option>
                </li>
<li>
                <option value="204">Nightlife </option>
                </li>
<li>
                <option value="205">Parks & Outdoor Adventures</option>
                </li>
<li>
                <option value="206">Theatre & Performing Arts</option>
                </li>
<li>
                <option value="207">Wineries, Breweries & Spirits </option>
                </li>
</ul>

            </select>
        </label>
        <label for="adventure-stay" id="lbl-adventure-stay" style="display: none;">
            <select id="adventure-stay" style="width: 100%; ">
                <option value="">Select your accommodation...</option>
                <ul>
<li>
                <option value="354">Unique Accommodations</option>
                </li>
<li>
                <option value="195">Bed & Breakfasts </option>
                </li>
<li>
                <option value="196">Campgrounds</option>
                </li>
<li>
                <option value="197">Hotels</option>
                </li>
</ul>

            </select>
        </label>
        <label for="adventure-eat" id="lbl-adventure-eat" style="display: none;">
            <select id="adventure-eat" style="width: 100%; ">
                <option value="">Select your cuisine...</option>
                <ul id="nav_categories" class="nav_categories">
			<li>
                <option value="312">American</option>
                </li>
			<li>
                <option value="290">Amish</option>
                </li>
			<li>
                <option value="319">Asian</option>
                </li>
			<li>
                <option value="291">Bakery</option>
                </li>
			<li>
                <option value="320">Bar & Grille</option>
                </li>
			<li>
                <option value="313">BBQ</option>
                </li>
			<li>
                <option value="321">Breweries & Pubs</option>
                </li>
			<li>
                <option value="322">Coffee Shop</option>
                </li>
			<li>
                <option value="323">Deli & Sandwiches</option>
                </li>
			<li>
                <option value="292">Fine Dining</option>
                </li>
			<li>
                <option value="315">Italian</option>
                </li>
			<li>
                <option value="316">Mexican</option>
                </li>
			<li>
                <option value="287">Middle Eastern</option>
                </li>
			<li>
                <option value="317">Pizza</option>
                </li>
			<li>
                <option value="288">Seafood</option>
                </li>
			<li>
                <option value="318">Steakhouse</option>
                </li>
			<li>
                <option value="289">Sushi</option>
                </li>
			<li>
                <option value="324">Sweets & Desserts</option>
                </li>
			<li>
                <option value="300">Winery or Distillery</option>
                </li>
		</ul>

            </select>
        </label>

        <label for="adventure-keyword">
            <input type="text" id="adventure-keyword" placeholder="Keyword Search" style="width: 100%; color: #26201c;">
        </label>

        <label for="adventure-search" id="lbl-adventure-search">
            <input id="adventure-search" type="submit" class="general-btn trans-plus" value="Search" /> <span class="icon-search"></span>
        </label>
        <br class="clearfloat" />
    </form>
	<br class="clearfloat" />
</section>

<script type="text/javascript">

    var activeFilter = null;
    var activeType = null;

    head.ready('jquery', function () {

        $('#adventure-type').change(function () {
            var type = $(this).val();

            updateAdventureType(type);
        });

        $('#adventure-form').submit(function () {

            $('input[name=sub_id]', this).val('');
            $('input[name=cuis_id]', this).val('');

            if (activeFilter !== null) {
                if (activeType == 'eat') {
                    $('input[name=cuis_id]', this).val(activeFilter.val());

                }
                else {
                    $('input[name=sub_id]', this).val(activeFilter.val());
                }
            }
            $('input[name=loc_id]', this).val($('#adventure-region').val());
            $('input[name=keywords]', this).val($('#adventure-keyword').val());
        });

    });

    function updateAdventureType(type) {

        activeType = type;

        $('#lbl-adventure-play').hide();
        $('#lbl-adventure-stay').hide();
        $('#lbl-adventure-eat').hide();

        var form = $('#adventure-form');

        switch (type) {
            case 'golf':
                form.attr('action', '/golf/');
                activeFilter = null;
                break;
            case 'stay':
                form.attr('action', '/stay/');
                activeFilter = $('#adventure-stay');
                $('#lbl-adventure-stay').show();
                break;
            case 'eat':
                form.attr('action', '/eat/');
                activeFilter = $('#adventure-eat');
                $('#lbl-adventure-eat').show();
                break;
            case 'play':
                form.attr('action', '/play/');
                activeFilter = $('#adventure-play');
                $('#lbl-adventure-play').show();
                break;
        }
    }

</script>
			                                
			                                
			                            
			                                
			                                    
			                                    <!-- BEGIN 'Related Blogs' -->
<h6>Related Blog Posts</h6>
<section class="general-directory horz">

  <article>
    <a class="img" href="/blog/whats-going-on-this-weekend">
      <img src="https://canton-stark.s3.amazonaws.com/CMS/8083/birdinhand__small.png" alt="What&#8217;s Going On This Weekend"/>
      
    </a>

    <h4><a href="/blog/whats-going-on-this-weekend">What&#8217;s Going On This Weekend</a></h4>
    <p class="pre-heading">01/07/2019 2:51PM CST</p>

    <p>January 7, 2018 -- These are the top 5 events that are happening this weekend, that you may not have heard of. Now you have plans to celebrate the weekend! </p>
    <a class="general-btn" href="/blog/whats-going-on-this-weekend">Read More</a>

  </article>

</section>
<br class="clearfloat" />
<!-- END 'Related Blogs' -->
			                                
			                                
			                            
			                                
			                                    
			                                    
			                                
			                                
			                            
			                                
			                                    
			                                    
			                                
			                                
			                            
			                                
			                                    
			                                    
<h6>SocialStream</h6>
<div id="social-content-wrap">
<div id="social-stream" class="loader"></div>
<div class="clear"></div>
</div>


<script type="text/javascript">
    head.ready( 'jquery', function(){

		head.load('/js/socialstream/jquery.social.stream.wall.1.6.js',
                  '/js/socialstream/jquery.social.stream.1.5.15.min.js', function() {           


	            $('#social-stream').dcSocialStream({
	                feeds: {
	                    twitter: {
	                        id: 'VisitCanton',
	                        out: 'intro,share,text',
	                        images: 'small'
	                    },
	                    rss: {
	                        id: ''
	                    },
	
	                    facebook: {
	                        id: '192459770369',
	                        out: 'intro,thumb,text,share',
	                        text: 'content',
	                        intro: ''
	                    },
	                    delicious: {
	                        id: ''
	                    },
	                    vimeo: {
	                        id: ''
	                    },
	                    youtube: {
	                        id: 'UCTEWDXp6NX3-xt1hgebJlpw',
	                        thumb: '0',
	                        out: 'intro,thumb,title,share'
	                    },
	                    pinterest: {
	                        id: 'cantonstarkcvb',
	                    },
	                    flickr: {
	                        id: '38801040@N06'
	                    },
	                    lastfm: {
	                        id: ''
	                    },
	                    dribbble: {
	                        id: ''
	                    },
	                    deviantart: {
	                        id: ''
	                    },
	                    tumblr: {
	                        id: '',
	                        thumb: 250
	                    },
	                    instagram: {
							id: '',
							out: '',
							accessToken: '',
							clientId: '',
							comments: 3,
							likes: 10
						}
	                },
	                rotate: {
	                    delay: 0
	                },
	                control: true,
	                filter: true,
	                wall: true,
	                order: 'date',
	                max: 'limit',
	                limit: 20,
	                iconPath: '/images/socialstream/dcsns-dark/',
	                imagePath: '/images/socialstream/dcsns-dark/'
	            });

				





        });     
    });
</script>





			                                
			                                
			                            
			                                
			                                    
			                                    
			                                
			                                
			                            
		                            
		                        
                                
			                            
		                            
		                        
                                </div>
                            </div>
                            <div id="football-laces"></div>
                            
	<aside id="side-nav-wrap" data-mh="col-group">
	<ul id="side-nav" class="">
		<li>
			<a href="/pro-football-hall-of-fame/" class="" title="Home">
                <span class="site-icon site-icon-discover"></span>
                <span class="icon-title">Football HOF</span>
            </a>
        </li>
        <li>
			<a href="/play/" class="" title="Play">
                <span class="site-icon site-icon-play"></span>
                <span class="icon-title">Play</span>
            </a>
        </li>
        <li>
			<a href="/eat/" class="" title="Eat">
                <span class="site-icon site-icon-eat"></span>
                <span class="icon-title">Eat</span>
            </a>
        </li>
        <li>
			<a href="/stay/" class="" title="Stay">
                <span class="site-icon site-icon-stay"></span>
                <span class="icon-title">Stay</span>
            </a>
        </li>
        <li>
			<a href="/play/shopping/" class="" title="Shopping">
                <span class="site-icon icon-shopping"></span>
                <span class="icon-title">Shopping</span>
            </a>
        </li>
        <li>
			<a href="/deals/" class="" title="Deals">
                <span class="site-icon site-icon-deals"></span>
                <span class="icon-title">Deals</span>
            </a>
        </li>
        <li>
			<a href="/events-calendar/" class="" title="Events Calendar">
                <span class="site-icon site-icon-events"></span>
                <span class="icon-title">Events</span>
            </a>
        </li>
        <li>
			<a href="/blog/" class="" title="Blog">
                <span class="site-icon site-icon-blog"></span>
                <span class="icon-title">Blog</span>
            </a>
        </li>
	</ul>	                            
</aside>

 <script type="text/javascript">
    head.ready( 'jquery', function(){
		head.load('/js/headroom/headroom.js', function() {

			var myElement = document.querySelector("#side-nav");
			
			// 'cut the mustard' browser check to make sure it will render correctly
			if(Headroom.cutsTheMustard) {
				//var headroom = new Headroom(myElement, {
					//"offset": 50
				//});
				//headroom.init();
			}
        });
    });
</script>

                            
							<br class="clearfloat" />

                        

                    
                    
                </div>
                
                <div id="column-footer">
                    
                    

                </div>
                
                
                
                
            </section>
            


    

<!-- page Tracking code -->

<!-- end page tracking -->

 


<!-- 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-4d7d3314503b9919" async="async"></script>

</body>
</html>