.MainImage
		{
			
		}
		.headerimage
		{
			height: 300px;
			margin: auto;
			overflow: hidden;
			
			
			margin: auto;
			background-position: top center;
		}
		.FeatureArea
		{
				
		}
		.FeatureArea > h2
		{
		
			padding-left: 0px;
			margin-left: -8px;
		}
		.FeatureArea > a h2 
		{
			padding-left: 0px;
			margin-left: -8px;
		}
		.FeatureArea > a:hover
		{
			text-decoration: none;
		}
		.SloganContainer
		{
			color: white;
			background-color: #433f40;
			/*
			height: 55px;
			line-height: 55px;
			*/
			text-align: center;
			font-family: 'Arvo', serif;
			font-size: 28px;
			letter-spacing: 2px;
		}
		.SloganContainer h1
		{
			color: white;
			background-color: #433f40;
			/*
			height: 55px;
			line-height: 55px;
			*/
			text-align: center;
			font-family: 'Arvo', serif;
			font-size: 28px;
			letter-spacing: 2px;
			margin: 0px;
			padding: 4px 0px 4px 0px;
		}
		.HomeButtonsContainer
		{
			-webkit-box-shadow: 0px 9px 36px 8px rgba(0,0,0,0.36);
			-moz-box-shadow: 0px 9px 36px 8px rgba(0,0,0,0.36);
			box-shadow: 0px 9px 36px 8px rgba(0,0,0,0.36); 	
			background-color: #497d9e;
			margin-bottom: 50px;
		}
		.HomeButtons
		{
			padding:0px 3px 0px 3px;
			margin: 0px;
			text-align: center;
			margin-top: 10px;
		}
		.HomeButtons a > div
		{	
			display: block;
			width: 100%;
			text-align: center;
			margin: auto;
			
		}	
		.HomeButtons a
		{
			margin-top: 30px;
			color: white;
			text-align: center;	
			display: block;
			width: 100%;
			margin-bottom: 40px;
		}
		.HomeButtons a:hover
		{
			text-decoration: none;
		}
		.HomeButtons p
		{
			margin-top: 10px;
			color: white;	
			font-family: 'Arvo', serif;
			font-size: 18px;
			line-height: 25px;
			
		}
		.HomeButtons:visited
		{
			color: white;
		
		}
		.FeatureArea .StoryImage 
		{
		
			height: 100px;	
			background-size: auto 100px;
			background-position: top center;	
		}
		.FeatureArea .FeatureImage img, .FeatureArea .StoryImage img
		{
			width: 100%;
		}
		.FeatureArea .Event, .FeatureArea .Feature
		{
			margin-bottom: 15px;	
		}
		.FeatureArea .CalendarIcon
		{
			background-color: #497d9e;
			color: white;
			text-align: center;
			font-size: 20px;
			padding: 0px;
			font-size: 20px;
			padding-bottom: 5%;
			padding-top: 0px;
		}
		.FeatureArea .CalendarIcon .MonthName
		{
			font-size: 10px;
		}
		.StoryDescription, .EventTime, .FeatureDescription, .FeatureTime
		{
			color: #444;
			
		}
		.FeatureArea .EventInfo, 
		{
			padding: 0px;	
		}
		.FeatureArea .StoryInfo
		{
			padding: 0px;
			padding-top: 0px;
		}
		.FeatureArea .Story
		{
			border-bottom: 1px solid #aaa;	
			padding-bottom: 30px;
			margin-bottom: 30px;
			margin-right: 10px;
		}
		.FeatureArea .Story:last-child
		{
			border-bottom: 0px solid #333;	
			padding-bottom: 0px;
			margin-bottom: 30px;
		}
		.FeatureArea .EventTitle, .FeatureArea .StoryTitle, .FeatureArea .FeatureTitle
		{
			line-height: 19px;
			margin-bottom: 3px;
			padding-bottom: 0px;
		}
		.Event a:hover, .Story a:hover, .Feature a:hover
		{
			text-decoration: none;
		}
		/* We are Clark */
		#TableDisplay
		{
			height: 300px;	
			width: 1800px;
			margin: auto;
		}

		#TableDisplay tr td
		{
			padding: 2px;
		}
		#TableDisplay tr td img
		{
			height: 150px;
		}
		#TableDisplay .i1,#TableDisplay .i2,#TableDisplay .i4,,#TableDisplay .i5,#TableDisplay .i6,#TableDisplay .i7
		{
			width: 150px;
			height: 150px;	
		}
		#TableDisplay .i3, #TableDisplay .i5, #TableDisplay .i8
		{
			height: 304px;
			width: 300px;
			overflow: hidden;
		}
		#TableDisplay .i3 > img, #TableDisplay .i5 > img, #TableDisplay .i8 > img
		{
			height: 304px;
			width: 300px;
		}
		.Ex
		{
			font-size: 70px; color: yellow;
		}
		@media only screen and (max-width: 767px) 
		{
			.headerimage
			{
				height: 200px;
			}	
			.SloganContainer
			{
				color: white;
				background-color: #433f40;
				/*
				height: 30px;
				line-height: 30px;
				*/
				text-align: center;
				font-family: 'Arvo', serif;
				font-size: 12px;
				
			}
			.SloganContainer h1
			{
				color: white;
				background-color: #433f40;
				/*
				height: 30px;
				line-height: 30px;
				*/
				text-align: center;
				font-family: 'Arvo', serif;
				font-size: 12px;
				
			}
			.FeatureArea
			{
				margin-top: 0px;
			}
			.HomeButtonsContainer
			{
				margin-bottom: 20px;	
			}
			
			.HomeButtons a
			{
				margin-top: 5px;
				color: white;
				text-align: center;	
				display: block;
				width: 100%;
				margin-bottom: 5px;
			}
			.HomeButtons a > div, .HomeButtons a > p
			{
				font-size: 12px;
				line-height: 14px;	
			}
			
			.FeatureArea .Story
			{
				border-bottom: 0px solid #aaa;	
				padding-bottom: 10px;
				margin-bottom: 10px;
				margin-right: 0px;
			}
			.FeatureArea .FeatureImage,.FeatureArea .StoryImage
			{
				
			}
			.FeatureArea .FeatureInfo, .FeatureArea .StoryInfo, .FeatureArea .EventInfo
			{
				padding-left: 5px;	
			}
			.FeatureImage
			{
				padding: 0px;	
			}
			.FeatureArea .CalendarIcon
			{
				background-color: #497d9e;
				padding-top: 20px;
				color: white;
				text-align: center;
				font-size: 19px;
				padding-top: 0px;
				padding-bottom: 3%;
			}
			
			/* We are Clark */
			#TableDisplay
			{
				height: 300px;	
				width: 1350px;
				margin: auto;
			}
			#TableDisplay .i3, #TableDisplay .i5, #TableDisplay .i8
			{
				vertical-align: top;'
				height: 304px;
				width: 152px;
				overflow: hidden;
			}
			#TableDisplay .i3 > img, #TableDisplay .i5 > img, #TableDisplay .i8 > img
			{
				height: 152px;
				width: 152px;
			}
			#WeAreClarkPhotos
			{
				height: 156px;	
			}
		}