PageSourceSearch

https://cityofberea.org/

html cityofberea.org collected 2026-10-02 11:09:03 UTC 153,901 bytes, 3,961 lines download raw bytes

1
2<!DOCTYPE html>
3<html lang="en">
4<head>
5
6	<meta http-equiv="Content-type" content="text/html; charset=UTF-8" />
7<!-- Google Tag Manager for GA4 -->
8				
8<script>(function(w,d,s,l,i){w.GAMeasurementID='G-2JJZP6FW5W';w[l]=w[l]||[];w[l].push({'gtm.start':
9				new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
10				j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
11				'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
12				})(window,document,'script','cpDataLayerGA4','GTM-K73C5PS');</script>
12
13				<!-- End Google Tag Manager for GA4 -->
14				
14<script type='text/javascript'>
15					var enableTelemetry = 'false'
16					var aiConfig = {
17					instrumentationKey: '1cde048e-3185-4906-aa46-c92a7312b60f'						
18					}
19					var appInsights = window.appInsights || function (a) { function b(a) { c[a] = function () { var b = arguments; c.queue.push(function () { c[a].apply(c, b) }) } } var c = { config: a }, d = document, e = window; setTimeout(function () { var b = d.createElement('script'); b.src = a.url || 'https://js.monitor.azure.com/scripts/a/ai.0.js', d.getElementsByTagName('script')[0].parentNode.appendChild(b) }); try { c.cookie = d.cookie } catch (a) { } c.queue = []; for (var f = ['Event', 'Exception', 'Metric', 'PageView', 'Trace', 'Dependency']; f.length;)b('track' + f.pop()); if (b('setAuthenticatedUserContext'), b('clearAuthenticatedUserContext'), b('startTrackEvent'), b('stopTrackEvent'), b('startTrackPage'), b('stopTrackPage'), b('flush'), !a.disableExceptionTracking) { f = 'onerror', b('_' + f); var g = e[f]; e[f] = function (a, b, d, e, h) { var i = g && g(a, b, d, e, h); return !0 !== i && c['_' + f](a, b, d, e, h), i } } return c }(aiConfig);
20					window.appInsights = appInsights, appInsights.queue && 0 === appInsights.queue.length;
21					// Add telemetry initializer
22					appInsights.queue.push(function() {
23						appInsights.context.addTelemetryInitializer(function(envelope) {
24							var telemetryItem = envelope.data.baseData;
25							// To check the telemetry item’s type:
26							if (!false)
27							{
28								//If the telemetry is not enabled, we still want to capture Google map custom event, so only allow that
29								if (envelope.name.indexOf('.Event') == -1)
30									return false;
31							}
32						});
33					});						
34					appInsights.trackPageView();
35				</script>
35
36	
36<script>
37		function populateAntiForgery(token) {
38			var input = document.createElement("input");
39			input.name = "__RequestVerificationToken";
40			input.type = "hidden";
41			input.value = token;
42			var absPat = /^https?:\/\/|^\/\//i;
43			var forms = document.getElementsByTagName("form");
44			for (var i = 0; i < forms.length; i++) {
45				if (forms[i].method == "post" &&
46					!forms[i].querySelector('[name="__RequestVerificationToken"]') &&
47					!absPat.test(forms[i].getAttribute("action"))) {
48					forms[i].appendChild(input.cloneNode());
49				}
50			}
51		}
52
53		function getAntiForgeryToken(callback, error) {
54			var xhr = new XMLHttpRequest();
55			xhr.open("GET", "/antiforgery");
56			xhr.addEventListener("load", function() {
57				try {
58					if (this.status !== 200) {
59						throw Error("Invalid status. Could not retrieve antiforgery token.");
60		}
61					var obj = JSON.parse(this.responseText);
62					callback(obj.token);
63				} catch (e) {
64					typeof error === "function" && error(e);
65				}
66			});
67			xhr.send();
68		}
69
70		getAntiForgeryToken(function(token) {
71			if (document.readyState === "complete"
72				|| document.readyState === "loaded" 
73				|| document.readyState === "interactive") {
74				populateAntiForgery(token);
75				return;
76			}
77			document.addEventListener("DOMContentLoaded", function() {
78				populateAntiForgery(token);
79			}, false);
80		}, console.error);
81			</script>
81
82			
83
84	
84<script type="text/javascript">
85		window.departmentHeader = {};
86		window.pageSectionTracker = {};
87		window.isResponsiveEnabled = true;
88		window.isRemoveSetHeights= false;
89		if (window.isRemoveSetHeights) {
90			document.documentElement.className += ' removeSetHeights';
91		}
92		window.mainMenuMediaQuery = 'screen and (max-width: 40em)';
93		window.isMobileBrowserIncludingTablets = false;
94		window.fixedResponsiveMenu = false;
95		window.fullWidthResponsiveMenu = false;
96		window.responsiveMenuHeight = '';
97		window.responsiveMenuFontSize = '';
98		window.isContentAdvisor = false;
99		(function () {
100			window.setSizeCookie = function () {
101				document.cookie = "dpi=" + window.devicePixelRatio + "; path=/";
102				document.cookie = "viewportWidth=" + window.innerWidth + "; path=/";
103				document.cookie = "viewportHeight=" + window.innerHeight + "; path=/";
104				if (screen && screen.width && screen.height) {
105					document.cookie = "screenWidth=" + screen.width + "; path=/";
106					document.cookie = "screenHeight=" + screen.height + "; path=/";
107				}
108				document.cookie = "responsiveGhost=1; path=/";
109			};
110
111			setSizeCookie();
112		}());
113	</script>
113
114		<meta name="viewport" content="width=device-width, initial-scale=1">
115
116	
116<script async src="https://docaccess.com/docbox.js"></script>
116
117	
118	<meta name="category0" content="Home" />
119
120	
121	<meta name="theme-color" content="rgb(29, 53, 101)">
122	<link rel="icon" href="/images/favicon.ico" type="image/x-icon" />
123	<link rel="shortcut icon" href="/images/favicon.ico" type="image/x-icon" />
124		<title>Berea, OH | Official Website</title>
125
126		<meta name="description" content="">
127		<meta name="keywords" content="Home">
128			
128<script src="/Assets/Scripts/jQuery/jquery-3.7.1.min.js"></script>
128
129	
129<script src="/Assets/Scripts/jQuery/jquery-migrate-3.6.0.min.js" type="text/javascript"></script>
129
130	
131
132	<!--[if IE 6]>
132<script language="JavaScript" type="text/javascript"> var isie6 = true; </script>
132<![endif]-->
133	<!--[if IE 7]>
133<script language="JavaScript" type="text/javascript"> var isie7 = true; </script>
133<![endif]-->
134	<!--[if IE 8]>
134<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
134<![endif]-->
135	<!--[if IE 9]>
135<script language="JavaScript" type="text/javascript"> var isie8 = true; </script>
135<![endif]-->
136	
136<script type="text/javascript"><!--
137	var intCountryCode = 840;
138	var order = '';
139//--></script>
139
140	
141	<link href="/-2140275272.css" rel="stylesheet" type="text/css" />	<link href="/-891202208.css" rel="stylesheet" type="text/css" />
142
143	<link rel="stylesheet" type="text/css" href="/Assets/Styles/Print.css" media="print">
144	
144<script type="text/javascript">
145		window.Pages = window.Pages || {};
146		// FrontEnd RWD initialization
147		window.Pages.rwdReady = $.Deferred();
148		window.Pages.toolBarDeferred = $.Deferred();
149		window.Pages.rwdSetupComplete = $.Deferred();
150		window.Pages.megaMenuLoaded = $.Deferred();
151		window.Pages.angularToolbarComplete = $.Deferred();
152		window.Pages.frontEndToolbarComplete = $.Deferred();
153	</script>
153
154	<!--CPHeadContent-->
155	
155<script src="/739942322.js" type="text/javascript"></script>
155
156	
157	
158	
159	
160
161
162
163
164	<!--[if lte IE 8]><link rel="stylesheet" type="text/css" href="/App_Themes/ie8.css"><![endif]-->
165	<!--[if lte IE 7]><link rel="stylesheet" type="text/css" href="/App_Themes/ie7.css"><![endif]-->
166	<!--[if lte IE 6]><link rel="stylesheet" type="text/css" href="/App_Themes/ie6.css"><![endif]-->
167	<!--[if lt IE 9]>
167<script type="text/javascript" src="/Scripts/html5.js"></script>
167<![endif]-->
168
169	
169<script type="text/javascript">
170		setEditorVariables(false, 840);
171		function getPrintPreviewType() { return 0; } function printPreview() {pPreview(getPrintPreviewType()); }
172	</script>
172
173	
173<script src="/Assets/Scripts/AlpineJS/3.14.1/alpine.min.js" type="text/javascript" defer="defer"></script>
173
174</head>
175<body class="wide " >
176
177    
177<script>jQuery(document).click(function (event) {
178	var target = jQuery(event.target);
179	if (target.attr('src') && target.parents('.image').length && target.parents('.widget').length) {
180		var text = target.attr('title');
181		
182		if (!text.length) {
183			text = "N/A";
184		}
185		ga('send',
186			{
187				hitType: 'event',
188				eventCategory: 'Image',
189				eventAction: 'Image - ' + text,
190				eventLabel: window.location.href
191			});
192	}
193	if (target.is('button') || target.hasClass('button') || target.parents().hasClass('button')) {
194		var text = "";
195		if (target.parents('.button')[0]) {
196			text = target.parents('.button').first().text();
197		} else if (target.text().length) {
198			text = target.text();
199		} else if (target.attr('title').length) {
200			text = target.attr('title');
201		}
202		if (!text.length) {
203			text = "N/A";
204		}
205		ga('send',
206			{
207				hitType: 'event',
208				eventCategory: 'Button',
209				eventAction: 'Button - ' + text,
210				eventLabel: window.location.href
211			});
212	}
213	if (target.parents('.widgetCustomHtml').length) {
214		ga('send',
215			{
216				hitType: 'event',
217				eventCategory: 'Custom Html',
218				eventAction: 'Custom Html Clicked',
219				eventLabel: window.location.href
220			});
221	}
222	if (target.parents('.editor').length) {
223		ga('send',
224			{
225				hitType: 'event',
226				eventCategory: 'Editor',
227				eventAction: 'Editor Link Clicked',
228				eventLabel: window.location.href
229			});
230	}
231	if (target.parents('.GraphicLinks').length) {
232		var text = "";
233		var targetGraphicLink = target;
234		if (target.hasClass('widgetGraphicLinksLink')) {
235			targetGraphicLink = jQuery(target.children()[0]);
236		}
237		if (targetGraphicLink.hasClass('text')) {
238			text = targetGraphicLink.text();
239		} else if (targetGraphicLink.attr('src').length) {
240			if (targetGraphicLink.attr('alt').length) {
241				text = targetGraphicLink.attr('alt');
242			} else {
243				text = targetGraphicLink.attr('src');
244			}
245		} else {
246			text = "N/A";
247		}
248		ga('send',
249			{
250				hitType: 'event',
251				eventCategory: 'Graphic Links',
252				eventAction: 'Graphic Link - ' + text,
253				eventLabel: window.location.href
254			});
255	}
256	if (target.parents('.InfoAdvanced').length) {
257		ga('send',
258			{
259				hitType: 'event',
260				eventCategory: 'Info Advanced',
261				eventAction: 'Info Advanced Clicked',
262				eventLabel: window.location.href
263			});
264	}
265	if (target.parents('.list').length) {
266		ga('send',
267			{
268				hitType: 'event',
269				eventCategory: 'List',
270				eventAction: 'List Clicked',
271				eventLabel: window.location.href
272			});
273	}
274	if (target.parents('.megaMenuItem').length || target.parents('.topMenuItem').length) {
275		var megaMenuText = jQuery('.topMenuItem.mouseover').find('span').text();
276		var breadCrumbs = [];
277		jQuery('.breadCrumbs > li').each(function () {
278			 breadCrumbs.push(this.textContent);
279		});
280		var pageTitle = breadCrumbs.join('>');
281		var subTitleText = target.parents('.megaMenuItem').children('.widgetTitle').children().text();
282		var text = "";
283		if (pageTitle) {
284			text += pageTitle + " | ";
285		} else {
286			text += document.title + ' - ';
287		}
288		if (target.text() == "" && megaMenuText == "") {
289			text += "N/A";
290		} else if (target.text().length && megaMenuText.length) {
291			if (megaMenuText == target.text()) {
292				text += megaMenuText;
293			} else {
294				text += megaMenuText + " - " + subTitleText + " - " + target.text();
295			}
296		} else if (target.text() == "") {
297			text += megaMenuText;
298		} else {
299			text += target.text();
300		}
301		if (!text.length) {
302			text = "N/A";
303		}
304		ga('send',
305			{
306				hitType: 'event',
307				eventCategory: 'Mega Menu',
308				eventAction: 'Mega Menu : ' + text,
309				eventLabel: window.location.href
310			});
311	}
312	if (target.parents('.widgetNewsFlash').length && target.parents('.widgetItem').length) {
313		var text = jQuery(target.parents('.widgetItem')[0]).find('.widgetTitle').children().text();
314		if (!text.length) {
315			text = "N/A";
316		}
317		ga('send',
318			{
319				hitType: 'event',
320				eventCategory: 'News Flash',
321				eventAction: 'News Flash - ' + text,
322				eventLabel: window.location.href
323			});
324	}
325	if (target.hasClass('widgetQuickLinksLink') || target.find('.widgetQuickLinksLink').length) {
326		var text = target.text();
327		if (!text.length) {
328			text = "N/A";
329		}
330		ga('send',
331			{
332				hitType: 'event',
333				eventCategory: 'Quick Links',
334				eventAction: 'Quick Links - ' + text,
335				eventLabel: window.location.href
336			});
337	}
338	if (target.attr('src') && target.parents('.cpSlideshow').length) {
339		var text = target.attr('title');
340		if (!text.length) {
341			text = "N/A";
342		}
343		ga('send',
344			{
345				hitType: 'event',
346				eventCategory: 'Slideshow',
347				eventAction: 'Slideshow - ' + text,
348				eventLabel: window.location.href
349			});
350	}
351	if (target.parents('.widgetText').length) {
352		ga('send',
353			{
354				hitType: 'event',
355				eventCategory: 'Text',
356				eventAction: 'Text Link Clicked',
357				eventLabel: window.location.href
358			});
359	}
360});</script>
360
361	<div id="popoverModal" class="cp-PopOver cp-PopOver--modal cp-AdminWrap" style="position: fixed; display: none;">
362	<div class="cp-PopOver-header">
363		<h3 class="cp-PopOver-title"></h3>
364		<button class="cp-Btn cp-PopOver-close" onclick="closePopOverModal(event)">
365			<svg class="cp-Icon--close" alt="close" title="close">
366				<use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconClose"></use>
367			</svg>
368		</button>
369	</div>
370	<div id="cpPopOverBody" class="cp-PopOver-body">
371		<form id="cpPopOverForm" name="cpPopOverForm" novalidate></form>
372	</div>
373	<div id="cpPopOverFooter" class="cp-PopOver-footer">
374		<div class="cp-BtnGroup" id="actionButtons">
375			<!-- Action buttons will be dynamically added here -->
376		</div>
377	</div>
378</div>
379    <div id="fb-root"></div>
380<div id=skipToContentLinks>
381<a href="#cc0a7ae630-d324-4ab6-ac6d-9c8ebdfec5de" target="_self" class="skipToContentLink">Skip to Main Content</a>
382</div>
383    <form id="frmReferenceFormForTelerikEditorDialogs"></form>
384
385        <input type="hidden" id="GoogleMapsKey" value="AIzaSyDWUuE-ifkbhxblF920N8MjpBdTg1Wt784" />
386
387
388
389    <input type="hidden" id="cpcDomain" value="https://cp-civicplusuniversity2.civicplus.com">
390    <input type="hidden" id="hdnStructureID" value="12" />
391    <input type="hidden" id="hdnContentCollectionID" value="abdee94a-4034-4b5a-a8a8-9a6d8cc3f1b4" />
392    <input type="hidden" id="hdnWorkingCopyID" value="00000000-0000-0000-0000-000000000000" />
393    <input type="hidden" id="hdnThemeID" value="35" />
394    <input type="hidden" id="pageIsFrontEnd" value="true" />
395    <input type="hidden" id="pageModuleID" />
396    <input type="hidden" id="pagePageID" value="1" />
397
398    <div id="stickyPlaceholder"></div>
399    <div id="outer-wrap" class="outer-wrap">
400        <div id="inner-wrap" class="inner-wrap">
401                <div id="divToolbars" class="cpToolbars newCP mui-fixed" style="">
402                    
403
404
405
406<!-- Begin Signed Out Bar -->
407<div class="cpToolbar user public">
408    <div class="inner selfClear">
409        <p class="dropdown"><a href="/MyAccount/ProfileCreate" class="myConnections" id="signedOutToolbarCreateProfileButton">Create a Website Account</a> <span class="welcomeMessage">- Manage notification subscriptions, save form progress and more. &nbsp;&nbsp;</span></p>
410        <ul class="nav secondary">
411	        <li><a href="/MyAccount" class="button" id="loggedOutToolbarSignInButton">Website Sign In</a></li>
412        </ul>
413    </div>
414</div>
415<script>
416    $(document).ready(function () {
417        $('#signedOutToolbarCreateProfileButton').click(function (event) {
418            event.preventDefault();
419            window.location.href = '/MyAccount/ProfileCreate?from=url&url=/&dn=' + window.location.origin;
420        });
421
422			
423				$('#loggedOutToolbarSignInButton').click(function (event) {
424					event.preventDefault();
425					window.location.href = '/MyAccount/?from=url&url=' + encodeURIComponent(window.location.href.replace(window.location.origin, '')) + '&dn=' + window.location.host;
426				});
427			
428
429		if ('False' == 'True') {
430            $('#loggedOutToolbarSignInButton').hide();
431		}
432    })
433</script>
433
434<!-- End Signed Out Bar -->
435
436                </div>
437            <div id="bodyWrapper">
438                <div id="mainNavHolderMobile" class="mainNavHolderMobile"></div>
439                
440<div data-cpRole="structuralContainer" id="bodyContainerTS">
441<div data-cpRole="banner" id="banner2" class="fixedBannerTS"><!-- Header Container --><div data-cpRole="structuralContainer" id="bannerContainerTS" class="noOverflowTS">
442<div data-cpRole="banner" id="banner1"><header data-cpRole="structuralContainer" id="headerContainerTS">
443<div class="siteWrap4"><div data-cpRole="structuralContainer" id="flexHeaderTS">
444<div data-cpRole="banner" id="bannerLogoTS" class="bannerLogoTS empty">
445
446
447
448
449				<a id="bannerLogoTS-95" style="			display: block; text-align: center;
450" class="bannerObject" href="/" target="_self"><img alt="Berea Ohio Homepage" class="bannerObject" height="70" src="/ImageRepository/Document?documentID=4928" width="150" /></a>
451</div><nav data-cpRole="nav" id="mainNav" class="siteNav mainNav" role="navigation">
452<ol id="mainNavMenu" data-parent="1" class="rootNavMenu" role="menu"><!--
453--><li id="MainItem27" class="topMenuItem" role="none" data-pageid="27" data-displaymegamenu="True"><!--
454			--><!--
455			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu27" id = "mainNavGovernment" class="navMainItem mainNavItem mainNavItem1 " href="/27/Government" target = "_self" >   Government  </a>			<!--
456			--><!--
457			--></li><!----><li id="MainItem101" class="topMenuItem" role="none" data-pageid="101" data-displaymegamenu="True"><!--
458			--><!--
459			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu101" id = "mainNavCommunityandServices" class="navMainItem mainNavItem mainNavItem2 " href="/101/Community-and-Services" target = "_self" >   Community and Services  </a>			<!--
460			--><!--
461			--></li><!----><li id="MainItem35" class="topMenuItem" role="none" data-pageid="35" data-displaymegamenu="True"><!--
462			--><!--
463			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu35" id = "mainNavBusinesses" class="navMainItem mainNavItem mainNavItem3 " href="/35/Businesses" target = "_self" >   Businesses  </a>			<!--
464			--><!--
465			--></li><!----><li id="MainItem9" class="topMenuItem" role="none" data-pageid="9" data-displaymegamenu="True"><!--
466			--><!--
467			--> <a role = "menuitem"  aria-haspopup=true aria-expanded='false' aria-controls="mainNavMegaMenu9" id = "mainNavHowDoI" class="navMainItem mainNavItem mainNavItem4 " href="/9/How-Do-I" target = "_self" >   How Do I...  </a>			<!--
468			--><!--
469			--></li><!---->
470</ol>
471
472
473	
473<script type="text/javascript">
474		(function () {
475			function setupMenu() {
476				const menuID = 'mainNavMenu';
477				const menuType = MAIN_MENU;
478
479				//setup menu manager properties for main menu
480				if (!menuManager.mobileMainNav && true)
481					menuManager.adjustMainItemsWidth('#' + menuID);
482				menuManager.isMainMenuEditable = false;
483				menuManager.mainMenuMaxSubMenuLevels = 4;
484				menuManager.setMOMMode(2, menuType);
485
486				//Init main menu
487				const setupDraggable = menuManager.isMainMenuEditable;
488				const urlToGetHiddenMenus = '/Pages/MenuMain/HiddenMainSubMenus?pageID=1&moduleID=&themeID=35&menuContainerID=mainNav';
489
490				menuManager.setupMenu(menuID, 'mainNav', menuType, setupDraggable, urlToGetHiddenMenus);
491				menuManager.mainMenuInit = true;
492				menuManager.mainMenuTextResizer = false;
493				if (1.00 > 0)
494					menuManager.mainMenuTextResizerRatio = 1.00;
495				if (window.isResponsiveEnabled)
496					menuManager.mainMenuReady.resolve();
497
498			}
499
500			if (document.readyState === "complete"
501				|| document.readyState === "loaded"
502				|| document.readyState === "interactive") {
503				setupMenu();
504				return;
505			}
506
507			document.addEventListener("DOMContentLoaded", setupMenu);
508		})();
509	</script>
509
510
511
512<aside data-cpRole="megaMenu" id="megaMenu" class="megaMenu" style="display: none;"><input type="hidden" id="megaMenuPopupDirection" value="0"><input type="hidden" id="megaMenuWidthReference" value="1"><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu27" class="contentTop mainNavMegaMenu megaMenuContainer pageID_27 hidden" data-orientation="horizontal">	<div id="ccd967c049-b1b8-430c-94c5-ad8f77a5be37" data-containerid="d967c049-b1b8-430c-94c5-ad8f77a5be37" class="pageContent cpGrid cpGrid24">
513				                
514
515
516
517	</div>
518</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu101" class="contentTop mainNavMegaMenu megaMenuContainer pageID_101 hidden" data-orientation="horizontal">	<div id="cc45ccba9d-ac32-4e58-bd7b-9cc359657556" data-containerid="45ccba9d-ac32-4e58-bd7b-9cc359657556" class="pageContent cpGrid cpGrid24">
519				                
520
521
522
523	</div>
524</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu35" class="contentTop mainNavMegaMenu megaMenuContainer pageID_35 hidden" data-orientation="horizontal">	<div id="cc90c696c8-5fc7-4bab-8884-3a2538b5dd0c" data-containerid="90c696c8-5fc7-4bab-8884-3a2538b5dd0c" class="pageContent cpGrid cpGrid24">
525				                
526
527
528
529	</div>
530</aside><aside role="menu" data-cpRole="contentContainer" id="mainNavMegaMenu9" class="contentTop mainNavMegaMenu megaMenuContainer pageID_9 hidden" data-orientation="horizontal">	<div id="cca94777d5-0db9-41cf-b046-77662dd950be" data-containerid="a94777d5-0db9-41cf-b046-77662dd950be" class="pageContent cpGrid cpGrid24">
531				                
532
533
534
535	</div>
536</aside></aside></nav>
537</div><div data-cpRole="contentContainer" id="searchTS">	<div id="cc78d6ef07-ca35-4c50-8055-5f8c74bc8bf5" data-containerid="78d6ef07-ca35-4c50-8055-5f8c74bc8bf5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
538				                
539
540		<div class="row outer wide"><!--
541--><div class="outer col col8 first" style="" data-widgetcontainerid="92f3b20b-0080-4766-b929-de5db2ab57d7">�				
542	<div class="row nest first last wide">�
543	
544	<div class="inner col col8 first last id430f3665-e0ff-43e5-bf80-ba31595c8d92" style="" data-widgetcontainerid="430f3665-e0ff-43e5-bf80-ba31595c8d92">�	
545<div data-widget-id="fc68041f-f048-4062-8708-5fbdaf9aaac2" data-widget-controller-path="/GraphicLinks/Widget">
546
547
548
549
550<div id="graphicLinkWidgetfc68041f-f048-4062-8708-5fbdaf9aaac2" class="widget widgetGraphicLinks skin104 widgetOptionSet16 wide" data-elementqueryclasses='{"wide-narrow":"min-width:1em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
551	<div class="widgetHeader">
552		<div class="">
553				</div>
554	</div>
555	<div class="widgetBody cpGrid cpGrid3 ">
556		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
557				<div class="row autoWidths center wide">
558					<!--
559--><div class="col col1 first "><ul class="semanticList"><!--
560	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/facebook" target="_self">
561
562<img src="/ImageRepository/Document?documentID=4943" 
563     class="graphicButtonLink" alt="Facebook" 
564     onmouseover="this.src='/ImageRepository/Document?documentID=4943'" 
565	onmouseout="this.src='/ImageRepository/Document?documentID=4943'"
566     onfocus="this.src='/ImageRepository/Document?documentID=4943'" 
567	onblur="this.src='/ImageRepository/Document?documentID=4943'"> 
568</a></li><!--
569--></ul></div><!----><div class="col col1  "><ul class="semanticList"><!--
570	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/instagram" target="_self">
571
572<img src="/ImageRepository/Document?documentID=4944" 
573     class="graphicButtonLink" alt="Instagram" 
574     onmouseover="this.src='/ImageRepository/Document?documentID=4944'" 
575	onmouseout="this.src='/ImageRepository/Document?documentID=4944'"
576     onfocus="this.src='/ImageRepository/Document?documentID=4944'" 
577	onblur="this.src='/ImageRepository/Document?documentID=4944'"> 
578</a></li><!--
579--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
580	    --><li class="widgetItem GraphicLinks"><a class="widgetDesc widgetGraphicLinksLink" href="/youtube" target="_self">
581
582<img src="/ImageRepository/Document?documentID=4945" 
583     class="graphicButtonLink" alt="YouTube" 
584     onmouseover="this.src='/ImageRepository/Document?documentID=4945'" 
585	onmouseout="this.src='/ImageRepository/Document?documentID=4945'"
586     onfocus="this.src='/ImageRepository/Document?documentID=4945'" 
587	onblur="this.src='/ImageRepository/Document?documentID=4945'"> 
588</a></li><!--
589--></ul></div><!--				-->
590				</div>
591			</nav>
592		</div>
593	<div class="widgetFooter">
594			</div>
595</div>
596</div>
597
598	</div> <!-- inner column -->
599
600	</div> <!-- inner row -->
601
602			</div><!-- outer column --><!----><div class="outer col col16 last" style="" data-widgetcontainerid="30b81de5-4054-49d2-b308-cbdf8e0a36f1">�				
603	<div class="row nest first last wide">�
604	
605	<div class="inner col col16 first last id1e6a75a6-1a87-4541-b475-b963afd2f95e" style="" data-widgetcontainerid="1e6a75a6-1a87-4541-b475-b963afd2f95e">�	
606<div data-widget-id="d737618a-d958-4792-bdf2-ed22d0031387" data-widget-controller-path="/Layout/WidgetSearch">
607	
608	
608<script defer type="text/javascript" src="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.js"></script>
608
609	
609<script defer src="/Areas/Layout/Assets/Scripts/Search.js" type="text/javascript"></script>
609
610	
610<script defer type="text/javascript">
611
612		$(document).ready(function () {
613			try {
614				// Minimum characters required before performing a search/autocomplete
615				var minPrefixLength = 3;
616				var autoCompleteDebounceDelay = 500;
617				var searchFieldSelector = "#searchField" + 'd737618a-d958-4792-bdf2-ed22d0031387';
618				var checkboxSelector = "#ysnSearchOnlyDept" + 'd737618a-d958-4792-bdf2-ed22d0031387';
619				var buttonSelector = ".widgetSearchButton" + 'd737618a-d958-4792-bdf2-ed22d0031387';
620				var autoCompleteCache = {};
621				var autoCompleteCacheKeys = [];
622				var autoCompleteCacheLimit = 25;
623				var currentAutoCompleteRequest = null;
624				var currentAutoCompleteRequestKey = null;
625				var autoCompleteDebounceTimer = null;
626				var autoCompleteDebounceKey = null;
627				var pendingAutoCompleteResponses = [];
628
629				function normalizeAutoCompleteTerm(term) {
630					return $.trim((term || "") + "").replace(/\s+/g, " ");
631				}
632
633				function shouldSearch(term) {
634					return normalizeAutoCompleteTerm(term).length >= minPrefixLength;
635				}
636
637				function getAutoCompleteUrl() {
638					return '/Search/AutoComplete' + ($(checkboxSelector).is(':checked') || false? '?departmentId=0' : '');
639				}
640
641				function getAutoCompleteCacheKey(requestUrl, term) {
642					return requestUrl + "|" + term.toLowerCase();
643				}
644
645				function cacheAutoCompleteResult(cacheKey, data) {
646					if (!Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
647						autoCompleteCacheKeys.push(cacheKey);
648						if (autoCompleteCacheKeys.length > autoCompleteCacheLimit) {
649							delete autoCompleteCache[autoCompleteCacheKeys.shift()];
650						}
651					}
652					autoCompleteCache[cacheKey] = data;
653				}
654
655				function respondToPendingAutoComplete(data) {
656					var responses = pendingAutoCompleteResponses;
657					pendingAutoCompleteResponses = [];
658					for (var i = 0; i < responses.length; i++) {
659						responses[i](data);
660					}
661				}
662
663				function cancelPendingAutoComplete() {
664					clearTimeout(autoCompleteDebounceTimer);
665					autoCompleteDebounceKey = null;
666					if (currentAutoCompleteRequest != null) {
667						currentAutoCompleteRequest.abort();
668						currentAutoCompleteRequest = null;
669					}
670					currentAutoCompleteRequestKey = null;
671					respondToPendingAutoComplete([]);
672				}
673
674				function createWidgetAutoCompleteSource(options) {
675					return function (request, response) {
676						var term = normalizeAutoCompleteTerm(request.term);
677						if (!options.shouldSearch(term)) {
678							response([]);
679							return;
680						}
681
682						var requestUrl = options.url();
683						var cacheKey = getAutoCompleteCacheKey(requestUrl, term);
684						if (Object.prototype.hasOwnProperty.call(autoCompleteCache, cacheKey)) {
685							response(autoCompleteCache[cacheKey]);
686							if (options.success) {
687								options.success(autoCompleteCache[cacheKey]);
688							}
689							return;
690						}
691
692						if (currentAutoCompleteRequestKey === cacheKey || autoCompleteDebounceKey === cacheKey) {
693							pendingAutoCompleteResponses.push(response);
694							return;
695						}
696
697						cancelPendingAutoComplete();
698						autoCompleteDebounceKey = cacheKey;
699						pendingAutoCompleteResponses.push(response);
700						autoCompleteDebounceTimer = setTimeout(function () {
701							autoCompleteDebounceKey = null;
702							currentAutoCompleteRequestKey = cacheKey;
703							currentAutoCompleteRequest = $.ajax({
704								url: requestUrl,
705								dataType: "json",
706								timeout: options.timeout,
707								data: {
708									term: term,
709								},
710								success: function (data) {
711									if (currentAutoCompleteRequestKey === cacheKey) {
712										cacheAutoCompleteResult(cacheKey, data);
713										respondToPendingAutoComplete(data);
714										if (options.success) {
715											options.success(data);
716										}
717									}
718								},
719								error: function (xmlhttprequest, textstatus, message) {
720									if (textstatus === "abort") {
721										return;
722									}
723
724									if (options.error) {
725										options.error(xmlhttprequest, textstatus, message);
726									}
727
728									respondToPendingAutoComplete([]);
729								},
730								complete: function (xmlhttprequest) {
731									if (currentAutoCompleteRequest === xmlhttprequest) {
732										currentAutoCompleteRequest = null;
733										currentAutoCompleteRequestKey = null;
734									}
735								}
736							});
737						}, options.delay);
738					};
739				}
740
741				// click handler for search buttons
742				$(buttonSelector).click(function (e) {
743					e.preventDefault();
744					var $btn = $(this);
745					var $field = $btn.siblings(".widgetSearchBox");
746					var term = $field.val() + "";
747					if (!shouldSearch(term)) {
748						// do nothing until user types enough characters
749						$field.focus();
750						return;
751					}
752
753					if ($(checkboxSelector).is(':checked') || false)
754					{
755						doWidgetSearch($.trim(term), Number(0));
756					}
757					else {
758						doWidgetSearch($.trim(term), 0);
759					}
760				});
761
762				// enter key handler for the search field
763				$(searchFieldSelector).keypress(function (e) {
764					var code = e.which || e.keyCode;
765					if (code === 13) {
766						e.preventDefault();
767						var $this = $(this);
768						var term = $this.val() + "";
769						if (!shouldSearch(term)) {
770							// do nothing until user types enough characters
771							$this.focus();
772							return false;
773						}
774
775						if ($(checkboxSelector).is(':checked') || false) {
776							doWidgetSearch($.trim(term), Number(0));
777						} else {
778							doWidgetSearch($.trim(term), 0);
779						}
780						return false;
781					}
782					return true;
783				});
784
785				// autocomplete: set minLength and guard source
786				if (true) {
787					var $searchField = $(searchFieldSelector).autocomplete({
788						minLength: minPrefixLength,
789						source: createWidgetAutoCompleteSource({
790							delay: autoCompleteDebounceDelay,
791							timeout: 10000,
792							shouldSearch: shouldSearch,
793							url: getAutoCompleteUrl,
794							success: function () {
795								$('.autoCompleteError').remove();
796							},
797							error: function (xmlhttprequest, textstatus, message) {
798								if (textstatus === "timeout") {
799									if ($(searchFieldSelector).siblings('.autoCompleteError').length == 0)
800										$('<span class="autoCompleteError"><p class="alert error">Search autocomplete is currently not responding. Please try again later.</p></span>').insertAfter($(searchFieldSelector));
801								}
802							}
803						}),
804						html: true,
805						delay: 0,
806						select: function (event, ui) {
807							$(this).val(ui.item.value);
808							$(this).next().click();
809						}
810					});
811
812					$searchField.data("ui-autocomplete")._renderItem = function (ul, item) {
813						return $("<li class=\"itemList\"></li>")
814							.data("ui-autocomplete-item", item)
815							.append("<a>" + item.label + "</a>")
816							.appendTo(ul);
817					};
818				}
819
820				// keep searchBtnApplyQuery consistent with prefix rule
821				window.searchBtnApplyQuery = function() {
822					var $field = $(searchFieldSelector);
823					var term = $field.val() + "";
824					if (shouldSearch(term)) {
825						// update href for the icon/button (if present)
826						var btn = document.getElementById("btnSearchIcon");
827						if (btn) btn.href = "/Search?searchPhrase=" + encodeURIComponent($.trim(term));
828					} else {
829						var btn = document.getElementById("btnSearchIcon");
830						if (btn) btn.href = "#";
831					}
832				};
833			}
834			catch(e) {} //we're going to eat this error. Autocomplete won't work but we dont wan't to break anything else on the page.
835		});
836	</script>
836
837
838	<section id="widgetPreviewSearch" class="widget widgetSearch skin98 widgetOptionSet48" style="display: block;" aria-label="Search">
839				<!-- For the button right and inside -->
840		<div class="widgetBody buttonRightInside">
841			<input class="widgetSearchBox widgetSearchBoxd737618a-d958-4792-bdf2-ed22d0031387" cp5ph="true" id="searchFieldd737618a-d958-4792-bdf2-ed22d0031387" name="searchField" onchange="searchBtnApplyQuery();" placeholder="Search.." type="text" value="" />
842						<a href="/Search/Results" id="btnSearchIcon" class="widgetSearchButton widgetSearchButtond737618a-d958-4792-bdf2-ed22d0031387" role="button"><img alt="Search" class="imageHover" data-hover="/ImageRepository/Document?documentID=4933" data-image="/ImageRepository/Document?documentID=4932" src="/ImageRepository/Document?documentID=4932" /></a>
843
844			<label class="searchLabel" aria-hidden="true" for="searchFieldd737618a-d958-4792-bdf2-ed22d0031387">Search</label>
845		</div>
846
847	</section>
848
849
850<style scoped>
851	  
852		.widgetSearch ::-webkit-input-placeholder {
853		color: #FFFFFF;
854	  }
855		.widgetSearch :-moz-placeholder { /* Firefox 18- */
856	   color: #FFFFFF;
857	}
858		.widgetSearch ::-moz-placeholder {  /* Firefox 19+ */
859	   color: #FFFFFF;
860	}
861	.widgetSearch :-ms-input-placeholder {
862	   color: #FFFFFF;
863	}
864	
865
866	.widgetSearch .widgetBody .widgetSearchBoxd737618a-d958-4792-bdf2-ed22d0031387
867	{
868		color: #FFFFFF;
869		background-color: #0069BF;
870min-height:60px;
871border:none;
872border-left:4px solid #56B3FF;
873font-family:Geologica;
874font-size:18px;
875padding:0 65px 0 16px;
876	}
877	.widgetSearch .widgetBody .widgetSearchButtond737618a-d958-4792-bdf2-ed22d0031387
878	{
879		margin:10px 10px 10px 0;
880	}
881	.widgetSearch .widgetSearch-onlyDeptd737618a-d958-4792-bdf2-ed22d0031387
882	{
883		display: inline-block;
884		color: #333;
885		
886		
887		 padding-top: 10px;
888	}
889	#ysnSearchOnlyDeptd737618a-d958-4792-bdf2-ed22d0031387
890	{
891		position: relative;
892		top: .125em;
893	}
894
895</style>
896
897<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.min.css">
898<link rel="stylesheet" href="/Common/Controls/jquery-ui-1.14.2/jquery-ui.theme.min.css">
899
900
901
902<script type="text/javascript">
903	//Updates search icons href to have the correct queryString
904	function searchBtnApplyQuery() {
905		document.getElementById("btnSearchIcon").href = "/Search?searchPhrase=" + document.getElementById("searchFieldd737618a-d958-4792-bdf2-ed22d0031387").value;
906	}
907</script>
907
908
909</div>
910
911	</div> <!-- inner column -->
912
913	</div> <!-- inner row -->
914
915			</div><!-- outer column --><!--		--></div> <!-- outer row -->
916
917
918	</div>
919</div></div>
920</header><!-- Banner --><div data-cpRole="structuralContainer" id="bannerSizingTS">
921<div data-cpRole="structuralContainer" id="bannerSearchTS">
922<div class="siteWrap8"><div data-cpRole="contentContainer" id="welcomeTS">	<div id="cc75a5935b-547a-417a-ac07-449e84999f3b" data-containerid="75a5935b-547a-417a-ac07-449e84999f3b" class="pageContent cpGrid cpGrid24 showInMobile">
923				                
924
925		<div class="row outer wide"><!--
926--><div class="outer col col24 first last" style="" data-widgetcontainerid="e5e84198-61c9-4029-aa84-1a115c96a68e">�				
927	<div class="row nest first last wide">�
928	
929	<div class="inner col col24 first last id341f458f-aba1-4f45-8250-4917717e7772" style="" data-widgetcontainerid="341f458f-aba1-4f45-8250-4917717e7772">�	
930    <div data-widget-id="3ce0518e-1760-4ff8-a820-dbf24c583480" data-widget-controller-path="/InfoAdvanced/Widget">
931
932
933
934
935
936	<section id="divInfoAdv3ce0518e-1760-4ff8-a820-dbf24c583480" class="widget widgetInfoAdvanced skin98 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
937			<header class="widgetHeader" id="header3ce0518e-1760-4ff8-a820-dbf24c583480">
938		<div class="">
939								</div>
940	</header>
941	<div class="widgetBody  cpGrid cpGrid1 ">
942		<div class="row  wide">
943					<div class="col col1 first last">
944						<ol class="pageStyles semanticList">
945
946<li class="InfoAdvanced widgetItem fr-view">
947	<p><img src="/ImageRepository/Document?documentId=3194" class="fr-dib" alt="Welcome to Berea Ohio"></p>
948</li>						</ol>
949					</div>
950		</div>
951	</div>
952	<div class="widgetFooter">
953
954	</div>
955
956	</section>
957
958
959
960<script type="text/javascript">
961	//Render slideshow if info advacned items contain one.
962	$(document).ready(function (e) {
963		$('#divInfoAdv3ce0518e-1760-4ff8-a820-dbf24c583480 .InfoAdvanced.widgetItem').each(function () {
964			renderSlideshowIfApplicable($(this));		
965		});
966	});
967</script>
967</div>
968	</div> <!-- inner column -->
969
970	</div> <!-- inner row -->
971
972			</div><!-- outer column --><!--		--></div> <!-- outer row -->
973
974
975	</div>
976</div></div>
977</div>
978</div>
979
980
981
982
983		<div id="bannerImagesJSON94" class="hidden"></div>
984		<div id="bannerSlideshowControls_banner1" class="bannerSlideshowControlsNew none " style="display:none">
985			<a id="arrowPrev_banner1" tabindex="0" class="arrowNew prev" aria-label="Banner Arrow Previous"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowLeft"></use></svg></a>
986			<a id="arrowNext_banner1" tabindex="0" class="arrowNew next" aria-label="Banner Arrow Next"><svg style=" " class=""><use xmlns:xlink="http://www.w3.org/1999/xlink" xlink:href="#iconSlideshowArrowRight"></use></svg></a>
987		</div>
988			
988<script type="text/javascript">
989				$(window).on("load", function () {
990					$.when(window.Pages.rwdSetupComplete)
991						.done(function () {
992							renderExternalBannerSlideshow('banner1',
993								{"BannerOptionID":94,"ThemeID":35,"SlotName":"banner1","Name":"Default","IsDefault":true,"BannerMode":2,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":true,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":234,"BannerOptionID":94,"FileName":"/ImageRepository/Document?documentID=5453","Height":1608,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":4,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":235,"BannerOptionID":94,"FileName":"/ImageRepository/Document?documentID=5454","Height":1569,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":5,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":236,"BannerOptionID":94,"FileName":"/ImageRepository/Document?documentID=5456","Height":1950,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":237,"BannerOptionID":94,"FileName":"/ImageRepository/Document?documentID=5460","Height":1462,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""},{"BannerImageID":232,"BannerOptionID":94,"FileName":"/ImageRepository/Document?documentID=4186","Height":1583,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":6,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":""}],"BannerVideos":[],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
994								'/App_Themes/2025 - Home/Images/',
995								'Rotating');
996						});
997				});
998			</script>
998
999
1000</div>
1001</div><!-- Content container --><div data-cpRole="structuralContainer" id="mainContainerTS">
1002<div class="siteWrap4"><div data-cpRole="structuralContainer" id="mainWrapTS" class="mainWrap" role="main">
1003<div data-cpRole="structuralContainer" id="outerContentWrapTS" class="outerContentWrap">
1004<div data-cpRole="structuralContainer" id="contentWrapTS" class="contentWrap">
1005<div data-cpRole="breadCrumbs" id="breadCrumbs" class="breadCrumbContainer">
1005<script type='text/javascript'>$('#breadCrumbs').hide();</script>
1005</div><div data-cpRole="mainContentContainer" id="moduleContent">
1006	
1007	<div id="page" class="moduleContentNew">
1008		
1009
1010	<input id="hdnPageID" name="hdnPageID" type="hidden" value="1" />
1011	<input id="hdnParentID" name="hdnParentID" type="hidden" value="" />
1012	<input id="hdnVersionID" name="hdnVersionID" type="hidden" value="6511" />
1013	<input id="pageMenuTitle" name="pageMenuTitle" type="hidden" value="Home" />
1014	<input id="pageShowFeatureColumn" name="pageShowFeatureColumn" type="hidden" value="True" />
1015	<input id="hdnIsLayoutPage" name="hdnIsLayoutPage" type="hidden" value="False" />
1016	<input id="hdnPageStatus" name="hdnPageStatus" type="hidden" value="Published" />
1017
1018			
1019		<div id="cc0a7ae630-d324-4ab6-ac6d-9c8ebdfec5de" data-containerid="0a7ae630-d324-4ab6-ac6d-9c8ebdfec5de" class="pageContent cpGrid cpGrid24"  >
1020			
1021
1022
1023
1024		</div>
1025
1026	</div>
1027
1028	
1029	<div class="newCP">
1030
1031	</div>
1032</div>
1033</div>
1034</div>
1035</div></div>
1036</div><!-- GBs --><div data-cpRole="structuralContainer" id="gbsContainerTS" class="fixedBottomTS">
1037<div class="siteWrap10"><div data-cpRole="contentContainer" id="gbsTS">	<div id="ccb4027617-88e1-47f1-a1ab-6c5d32e9169a" data-containerid="b4027617-88e1-47f1-a1ab-6c5d32e9169a" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="35">
1038				                
1039
1040		<div class="row outer wide"><!--
1041--><div class="outer col col8 first" style="" data-widgetcontainerid="47ed74bf-c570-43ea-8c3b-6a00d4f78e9b">�				
1042	<div class="row nest first last wide">�
1043	
1044	<div class="inner col col8 first last id14c739a1-f50b-45fd-b181-8cec85c1bcdf" style="" data-widgetcontainerid="14c739a1-f50b-45fd-b181-8cec85c1bcdf">�	
1045<div data-widget-id="6187b6f3-01b9-4b5a-a64e-beae3dc64ddf" data-widget-controller-path="/GraphicLinks/Widget">
1046
1047
1048
1049
1050<div id="graphicLinkWidget6187b6f3-01b9-4b5a-a64e-beae3dc64ddf" class="widget widgetGraphicLinks skin101 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1051	<div class="widgetHeader">
1052		<div class="">
1053				</div>
1054	</div>
1055	<div class="widgetBody cpGrid cpGrid2 ">
1056		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1057				<div class="row   wide">
1058					<!--
1059--><div class="col col1 first "><ul class="semanticList"><!--
1060	    --><li class="widgetItem GraphicLinks">
1061
1062<div>
1063	<a href="/Archive.aspx?AMID=53&amp;Type=Recent" target="_self" class="fancyButton fancyButton226 " >
1064		<span>
1065			<span><span class="text">Newsletter</span></span>
1066		</span>
1067	</a>
1068</div>
1069		<style scoped="scoped">.fancyButton226.fancyButton:link,.fancyButton226.fancyButton:visited, .fancyButton226div.fancyButton{
1070	background-image: url('/ImageRepository/Document?documentID=4934');
1071	background-repeat: no-repeat;
1072	background-position: left center;
1073transition:all .3s ease-in-out;}
1074.fancyButton226.fancyButton:hover,.fancyButton226.fancyButton:focus,.fancyButton226.fancyButton:active,.fancyButton226.fancyButton.hover{
1075	background-image: url('/ImageRepository/Document?documentID=4941');
1076	background-repeat: no-repeat;
1077	background-position: left top;
1078}
1079.fancyButton226.fancyButton:link > span,.fancyButton226.fancyButton:visited > span, .fancyButton226div.fancyButton > span{
1080}
1081.fancyButton226.fancyButton:hover > span,.fancyButton226.fancyButton:focus > span,.fancyButton226.fancyButton:active > span,.fancyButton226.fancyButton.hover > span{
1082}
1083.fancyButton226.fancyButton .text{
1084	color: rgb(255, 255, 255);
1085	font-size: 1.2em;
1086	font-family: "Poppins";
1087	text-align: left;
1088	padding-left: 110px;
1089	font-style: normal;
1090	text-decoration: none;
1091	padding-left: 110px;
1092	background-image: url('/ImageRepository/Document?documentID=4940');
1093	background-repeat: no-repeat;
1094	background-position: 28px  27px ;
1095min-height:100px;
1096display:flex;
1097flex-direction:column;
1098justify-content:center;
1099transition:all .3s ease-in-out;
1100}
1101.fancyButton226.fancyButton:hover .text,.fancyButton226.fancyButton:focus .text,.fancyButton226.fancyButton:active .text,.fancyButton226.fancyButton.hover .text{
1102	text-decoration: underline;
1103	background-image: url('/ImageRepository/Document?documentID=4942');
1104	background-repeat: no-repeat;
1105	background-position: 25px  center;
1106
1107
1108}
1109</style>
1110
1111 </li><!--
1112--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1113	    --><li class="widgetItem GraphicLinks">
1114
1115<div>
1116	<a href="/188/Parks-Recreation" target="_self" class="fancyButton fancyButton227 " >
1117		<span>
1118			<span><span class="text">Parks &amp; Rec</span></span>
1119		</span>
1120	</a>
1121</div>
1122		<style scoped="scoped">.fancyButton227.fancyButton:link,.fancyButton227.fancyButton:visited, .fancyButton227div.fancyButton{
1123	background-image: url('/ImageRepository/Document?documentID=4934');
1124	background-repeat: no-repeat;
1125	background-position: left center;
1126transition:all .3s ease-in-out;}
1127.fancyButton227.fancyButton:hover,.fancyButton227.fancyButton:focus,.fancyButton227.fancyButton:active,.fancyButton227.fancyButton.hover{
1128	background-image: url('/ImageRepository/Document?documentID=4941');
1129	background-repeat: no-repeat;
1130	background-position: left top;
1131}
1132.fancyButton227.fancyButton:link > span,.fancyButton227.fancyButton:visited > span, .fancyButton227div.fancyButton > span{
1133}
1134.fancyButton227.fancyButton:hover > span,.fancyButton227.fancyButton:focus > span,.fancyButton227.fancyButton:active > span,.fancyButton227.fancyButton.hover > span{
1135}
1136.fancyButton227.fancyButton .text{
1137	color: rgb(255, 255, 255);
1138	font-size: 1.2em;
1139	font-family: "Poppins";
1140	text-align: left;
1141	padding-top: 10px;
1142	padding-bottom: 10px;
1143	padding-right: 10px;
1144	padding-left: 110px;
1145	font-style: normal;
1146	text-decoration: none;
1147	padding-top: 10px;
1148	padding-bottom: 10px;
1149	padding-right: 10px;
1150	padding-left: 110px;
1151	background-image: url('/ImageRepository/Document?documentID=4937');
1152	background-repeat: no-repeat;
1153	background-position: 29px  27px ;
1154min-height:100px;
1155display:flex;
1156flex-direction:column;
1157justify-content:center;
1158transition:all .3s ease-in-out;
1159}
1160.fancyButton227.fancyButton:hover .text,.fancyButton227.fancyButton:focus .text,.fancyButton227.fancyButton:active .text,.fancyButton227.fancyButton.hover .text{
1161	text-decoration: underline;
1162	background-image: url('/ImageRepository/Document?documentID=4989');
1163	background-repeat: no-repeat;
1164	background-position: 29px  center;
1165
1166
1167}
1168</style>
1169
1170 </li><!--
1171--></ul></div><!--				-->
1172				</div>
1173			</nav>
1174		</div>
1175	<div class="widgetFooter">
1176			</div>
1177</div>
1178</div>
1179
1180	</div> <!-- inner column -->
1181
1182	</div> <!-- inner row -->
1183
1184			</div><!-- outer column --><!----><div class="outer col col8" style="" data-widgetcontainerid="005d8edd-6160-4c18-9fae-3e2b706139e0">�				
1185	<div class="row nest first last wide">�
1186	
1187	<div class="inner col col8 first last id53c59570-78c1-4d45-95cd-48fc368150ca" style="" data-widgetcontainerid="53c59570-78c1-4d45-95cd-48fc368150ca">�	
1188<div data-widget-id="5b54d0da-1992-4a01-a3f1-3bb360c3549f" data-widget-controller-path="/GraphicLinks/Widget">
1189
1190
1191
1192
1193<div id="graphicLinkWidget5b54d0da-1992-4a01-a3f1-3bb360c3549f" class="widget widgetGraphicLinks skin101 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1194	<div class="widgetHeader">
1195		<div class="">
1196				</div>
1197	</div>
1198	<div class="widgetBody cpGrid cpGrid2 ">
1199		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1200				<div class="row   wide">
1201					<!--
1202--><div class="col col1 first "><ul class="semanticList"><!--
1203	    --><li class="widgetItem GraphicLinks">
1204
1205<div>
1206	<a href="/Faq.aspx?QID=84" target="_self" class="fancyButton fancyButton228 " >
1207		<span>
1208			<span><span class="text">Pay Your Bill</span></span>
1209		</span>
1210	</a>
1211</div>
1212		<style scoped="scoped">.fancyButton228.fancyButton:link,.fancyButton228.fancyButton:visited, .fancyButton228div.fancyButton{
1213	background-image: url('/ImageRepository/Document?documentID=4934');
1214	background-repeat: no-repeat;
1215	background-position: left center;
1216transition:all .3s ease-in-out;}
1217.fancyButton228.fancyButton:hover,.fancyButton228.fancyButton:focus,.fancyButton228.fancyButton:active,.fancyButton228.fancyButton.hover{
1218	background-image: url('/ImageRepository/Document?documentID=4941');
1219	background-repeat: no-repeat;
1220	background-position: left top;
1221}
1222.fancyButton228.fancyButton:link > span,.fancyButton228.fancyButton:visited > span, .fancyButton228div.fancyButton > span{
1223}
1224.fancyButton228.fancyButton:hover > span,.fancyButton228.fancyButton:focus > span,.fancyButton228.fancyButton:active > span,.fancyButton228.fancyButton.hover > span{
1225}
1226.fancyButton228.fancyButton .text{
1227	color: rgb(255, 255, 255);
1228	font-size: 1.2em;
1229	font-family: "Poppins";
1230	text-align: left;
1231	padding-top: 10px;
1232	padding-bottom: 10px;
1233	padding-right: 10px;
1234	padding-left: 110px;
1235	font-style: normal;
1236	text-decoration: none;
1237	padding-top: 10px;
1238	padding-bottom: 10px;
1239	padding-right: 10px;
1240	padding-left: 110px;
1241	background-image: url('/ImageRepository/Document?documentID=4938');
1242	background-repeat: no-repeat;
1243	background-position: 28px  27px ;
1244min-height:100px;
1245display:flex;
1246flex-direction:column;
1247justify-content:center;
1248transition:all .3s ease-in-out;
1249}
1250.fancyButton228.fancyButton:hover .text,.fancyButton228.fancyButton:focus .text,.fancyButton228.fancyButton:active .text,.fancyButton228.fancyButton.hover .text{
1251	text-decoration: underline;
1252	background-image: url('/ImageRepository/Document?documentID=4990');
1253	background-repeat: no-repeat;
1254	background-position: 28px  center;
1255
1256
1257}
1258</style>
1259
1260 </li><!--
1261--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1262	    --><li class="widgetItem GraphicLinks">
1263
1264<div>
1265	<a href="/requesttracker.aspx" target="_self" class="fancyButton fancyButton229 " >
1266		<span>
1267			<span><span class="text">Report a<br>Concern</span></span>
1268		</span>
1269	</a>
1270</div>
1271		<style scoped="scoped">.fancyButton229.fancyButton:link,.fancyButton229.fancyButton:visited, .fancyButton229div.fancyButton{
1272	background-image: url('/ImageRepository/Document?documentID=4934');
1273	background-repeat: no-repeat;
1274	background-position: left center;
1275transition:all .3s ease-in-out;}
1276.fancyButton229.fancyButton:hover,.fancyButton229.fancyButton:focus,.fancyButton229.fancyButton:active,.fancyButton229.fancyButton.hover{
1277	background-image: url('/ImageRepository/Document?documentID=4941');
1278	background-repeat: no-repeat;
1279	background-position: left top;
1280}
1281.fancyButton229.fancyButton:link > span,.fancyButton229.fancyButton:visited > span, .fancyButton229div.fancyButton > span{
1282}
1283.fancyButton229.fancyButton:hover > span,.fancyButton229.fancyButton:focus > span,.fancyButton229.fancyButton:active > span,.fancyButton229.fancyButton.hover > span{
1284}
1285.fancyButton229.fancyButton .text{
1286	color: rgb(255, 255, 255);
1287	font-size: 1.2em;
1288	font-family: "Poppins";
1289	text-align: left;
1290	padding-top: 10px;
1291	padding-bottom: 10px;
1292	padding-right: 10px;
1293	padding-left: 110px;
1294	font-style: normal;
1295	text-decoration: none;
1296	padding-top: 10px;
1297	padding-bottom: 10px;
1298	padding-right: 10px;
1299	padding-left: 110px;
1300	background-image: url('/ImageRepository/Document?documentID=4939');
1301	background-repeat: no-repeat;
1302	background-position: 28px  27px ;
1303min-height:100px;
1304display:flex;
1305flex-direction:column;
1306justify-content:center;
1307transition:all .3s ease-in-out;
1308}
1309.fancyButton229.fancyButton:hover .text,.fancyButton229.fancyButton:focus .text,.fancyButton229.fancyButton:active .text,.fancyButton229.fancyButton.hover .text{
1310	text-decoration: underline;
1311	background-image: url('/ImageRepository/Document?documentID=4991');
1312	background-repeat: no-repeat;
1313	background-position: 28px  center;
1314
1315
1316}
1317</style>
1318
1319 </li><!--
1320--></ul></div><!--				-->
1321				</div>
1322			</nav>
1323		</div>
1324	<div class="widgetFooter">
1325			</div>
1326</div>
1327</div>
1328
1329	</div> <!-- inner column -->
1330
1331	</div> <!-- inner row -->
1332
1333			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="0bad0a6b-805a-475b-bf08-86361e847436">�				
1334	<div class="row nest first last wide">�
1335	
1336	<div class="inner col col8 first last id09f38aa5-d841-4e48-a739-ffd7637835a5" style="" data-widgetcontainerid="09f38aa5-d841-4e48-a739-ffd7637835a5">�	
1337<div data-widget-id="3323921f-5965-4b77-bf2c-33dcfab5d0c7" data-widget-controller-path="/GraphicLinks/Widget">
1338
1339
1340
1341
1342<div id="graphicLinkWidget3323921f-5965-4b77-bf2c-33dcfab5d0c7" class="widget widgetGraphicLinks skin101 widgetOptionSet4 wide" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' data-modulewidgettype="graphicLinks">
1343	<div class="widgetHeader">
1344		<div class="">
1345				</div>
1346	</div>
1347	<div class="widgetBody cpGrid cpGrid2 ">
1348		<nav class="widgetGraphicLinksNav" aria-labelledby="GraphicLinkHeaderText">
1349				<div class="row   wide">
1350					<!--
1351--><div class="col col1 first "><ul class="semanticList"><!--
1352	    --><li class="widgetItem GraphicLinks">
1353
1354<div>
1355	<a href="/302/berea-municipal-court" target="_self" class="fancyButton fancyButton234 " >
1356		<span>
1357			<span><span class="text">Municipal Court</span></span>
1358		</span>
1359	</a>
1360</div>
1361		<style scoped="scoped">.fancyButton234.fancyButton:link,.fancyButton234.fancyButton:visited, .fancyButton234div.fancyButton{
1362	background-image: url('/ImageRepository/Document?documentID=4934');
1363	background-repeat: no-repeat;
1364	background-position: left center;
1365transition:all .3s ease-in-out;}
1366.fancyButton234.fancyButton:hover,.fancyButton234.fancyButton:focus,.fancyButton234.fancyButton:active,.fancyButton234.fancyButton.hover{
1367	background-image: url('/ImageRepository/Document?documentID=4941');
1368	background-repeat: no-repeat;
1369	background-position: left top;
1370}
1371.fancyButton234.fancyButton:link > span,.fancyButton234.fancyButton:visited > span, .fancyButton234div.fancyButton > span{
1372}
1373.fancyButton234.fancyButton:hover > span,.fancyButton234.fancyButton:focus > span,.fancyButton234.fancyButton:active > span,.fancyButton234.fancyButton.hover > span{
1374}
1375.fancyButton234.fancyButton .text{
1376	color: rgb(255, 255, 255);
1377	font-size: 1.2em;
1378	font-family: "Poppins";
1379	text-align: left;
1380	padding-top: 10px;
1381	padding-bottom: 10px;
1382	padding-right: 10px;
1383	padding-left: 110px;
1384	font-style: normal;
1385	text-decoration: none;
1386	padding-top: 10px;
1387	padding-bottom: 10px;
1388	padding-right: 10px;
1389	padding-left: 110px;
1390	background-image: url('/ImageRepository/Document?documentID=4936');
1391	background-repeat: no-repeat;
1392	background-position: 28px  26px ;
1393min-height:100px;
1394display:flex;
1395flex-direction:column;
1396justify-content:center;
1397transition:all .3s ease-in-out;
1398}
1399.fancyButton234.fancyButton:hover .text,.fancyButton234.fancyButton:focus .text,.fancyButton234.fancyButton:active .text,.fancyButton234.fancyButton.hover .text{
1400	text-decoration: underline;
1401	background-image: url('/ImageRepository/Document?documentID=4988');
1402	background-repeat: no-repeat;
1403	background-position: 28px  center;
1404
1405
1406}
1407</style>
1408
1409 </li><!--
1410--></ul></div><!----><div class="col col1  last"><ul class="semanticList"><!--
1411	    --><li class="widgetItem GraphicLinks">
1412
1413<div>
1414	<a href="/534/Parks-Facilities" target="_self" class="fancyButton fancyButton230 " >
1415		<span>
1416			<span><span class="text">Facility Rental</span></span>
1417		</span>
1418	</a>
1419</div>
1420		<style scoped="scoped">.fancyButton230.fancyButton:link,.fancyButton230.fancyButton:visited, .fancyButton230div.fancyButton{
1421	background-image: url('/ImageRepository/Document?documentID=4934');
1422	background-repeat: no-repeat;
1423	background-position: left center;
1424transition:all .3s ease-in-out;}
1425.fancyButton230.fancyButton:hover,.fancyButton230.fancyButton:focus,.fancyButton230.fancyButton:active,.fancyButton230.fancyButton.hover{
1426	background-image: url('/ImageRepository/Document?documentID=4941');
1427	background-repeat: no-repeat;
1428	background-position: left top;
1429}
1430.fancyButton230.fancyButton:link > span,.fancyButton230.fancyButton:visited > span, .fancyButton230div.fancyButton > span{
1431}
1432.fancyButton230.fancyButton:hover > span,.fancyButton230.fancyButton:focus > span,.fancyButton230.fancyButton:active > span,.fancyButton230.fancyButton.hover > span{
1433}
1434.fancyButton230.fancyButton .text{
1435	color: rgb(255, 255, 255);
1436	font-size: 1.2em;
1437	font-family: "Poppins";
1438	text-align: left;
1439	padding-top: 10px;
1440	padding-bottom: 10px;
1441	padding-right: 10px;
1442	padding-left: 110px;
1443	font-style: normal;
1444	text-decoration: none;
1445	padding-top: 10px;
1446	padding-bottom: 10px;
1447	padding-right: 10px;
1448	padding-left: 110px;
1449	background-image: url('/ImageRepository/Document?documentID=4935');
1450	background-repeat: no-repeat;
1451	background-position: 28px  27px ;
1452min-height:100px;
1453display:flex;
1454flex-direction:column;
1455justify-content:center;
1456transition:all .3s ease-in-out;
1457}
1458.fancyButton230.fancyButton:hover .text,.fancyButton230.fancyButton:focus .text,.fancyButton230.fancyButton:active .text,.fancyButton230.fancyButton.hover .text{
1459	text-decoration: underline;
1460	background-image: url('/ImageRepository/Document?documentID=4987');
1461	background-repeat: no-repeat;
1462	background-position: 28px  center;
1463
1464
1465}
1466</style>
1467
1468 </li><!--
1469--></ul></div><!--				-->
1470				</div>
1471			</nav>
1472		</div>
1473	<div class="widgetFooter">
1474			</div>
1475</div>
1476</div>
1477
1478	</div> <!-- inner column -->
1479
1480	</div> <!-- inner row -->
1481
1482			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1483
1484
1485	</div>
1486</div></div>
1487</div><!-- Tabs / Links --><div data-cpRole="structuralContainer" id="homeContainer1">
1488<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent1a">	<div id="cc73e564d2-596f-4c00-96dd-5fbaf84291e0" data-containerid="73e564d2-596f-4c00-96dd-5fbaf84291e0" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60">
1489				                
1490
1491		<div class="row outer wide"><!--
1492--><div class="outer col col24 first last" style="" data-widgetcontainerid="c71da61d-0fd3-4d52-a4e6-5256d2489b54">�				
1493	<div class="row nest first last wide">�
1494	
1495	<div class="inner col col24 first last id9fa74d75-d9af-4289-98f8-8ba00f1f5f36" style="" data-widgetcontainerid="9fa74d75-d9af-4289-98f8-8ba00f1f5f36">�	
1496    <div data-widget-id="e9934b2b-95d3-4a68-949d-59e0c9cd8c6c" data-widget-controller-path="/InfoAdvanced/Widget">
1497
1498
1499
1500
1501
1502	<section id="divInfoAdve9934b2b-95d3-4a68-949d-59e0c9cd8c6c" class="widget widgetInfoAdvanced skin106 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
1503			<header class="widgetHeader" id="headere9934b2b-95d3-4a68-949d-59e0c9cd8c6c">
1504		<div class="">
1505								</div>
1506	</header>
1507	<div class="widgetBody  cpGrid cpGrid1 ">
1508		<div class="row  wide">
1509					<div class="col col1 first last">
1510						<ol class="pageStyles semanticList">
1511
1512<li class="InfoAdvanced widgetItem fr-view">
1513	<h1 class="headline" style="text-align: center;">What&rsquo;s New</h1><p style="text-align: center;">Latest News &amp; Mayor&rsquo;s Message</p>
1514</li>						</ol>
1515					</div>
1516		</div>
1517	</div>
1518	<div class="widgetFooter">
1519
1520	</div>
1521
1522	</section>
1523
1524
1525
1526<script type="text/javascript">
1527	//Render slideshow if info advacned items contain one.
1528	$(document).ready(function (e) {
1529		$('#divInfoAdve9934b2b-95d3-4a68-949d-59e0c9cd8c6c .InfoAdvanced.widgetItem').each(function () {
1530			renderSlideshowIfApplicable($(this));		
1531		});
1532	});
1533</script>
1533</div>
1534	</div> <!-- inner column -->
1535
1536	</div> <!-- inner row -->
1537
1538			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1539		<div class="row outer wide"><!--
1540--><div class="outer col col14 first" style="" data-widgetcontainerid="38e29363-d02c-442c-a930-315a6d705bc0">�				
1541	<div class="row nest first last wide">�
1542	
1543	<div class="inner col col14 first last id6f481c46-8c8a-4bfe-b7a0-e6c43245117b" style="" data-widgetcontainerid="6f481c46-8c8a-4bfe-b7a0-e6c43245117b">�	
1544<div data-widget-id="61c3e529-4fe2-4ac5-8ebc-2ce8799ae229" data-widget-controller-path="/NewsFlash/Widget">
1545		
1545<script defer src="/Areas/NewsFlash/Assets/Scripts/Carousel.jquery.js" type="text/javascript"></script>
1545
1546		
1546<script defer src="/Areas/NewsFlash/Assets/Scripts/Easing.1.3.jquery.js" type="text/javascript"></script>
1546
1547
1548
1549
1550
1551
1552
1553
1554
1555
1556
1557
1558
1559
1560
1561
1562	<section class="widget widgetNewsFlash skin107 widgetOptionSet49 wide" data-modulewidgettype="newsFlash" id="widgetNewsFlash61c3e529-4fe2-4ac5-8ebc-2ce8799ae229" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="News Flash">
1563			<div class="widgetBody cpGrid cpGrid1 ">
1564
1565
1566
1567
1568<div class="cpCarousel cpCarousel61c3e529-4fe2-4ac5-8ebc-2ce8799ae229">
1569	<div class="cpWindow cpWindow61c3e529-4fe2-4ac5-8ebc-2ce8799ae229">
1570		<ol class="semanticList cpSlider">
1571						<li class="widgetItem" data-index="0">
1572								<a href="/CivicAlerts.aspx?AID=291" target="_self"><img class="media" src="/ImageRepository/Document?documentID=5708" alt="Halloween Trick or Treat on Oct 31 ad" data-delayed-image="" /></a>
1573						<div class="text">
1574							<h2 id="newsFlashItemHeader291" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=291" target="_self">Halloween Fun for Families </a>
1575</h2>	<div class="widgetDesc">
1576Trick-or-Treat in Berea will be 6-8 p.m. on Saturday, Oct. 31.
1577
1578In the meantime, there are lots of other Halloween activities in the City to get kids ready for the Big Day. Read on to find a list of upcoming fall events!						<a id="newsFlashReadOn291" href="/CivicAlerts.aspx?AID=291" target="_self" class="readOn" aria-label="Read on...: Halloween Fun for Families">Read on...</a>
1579	</div>
1580
1581						</div>
1582						</li>
1583						<li class="widgetItem" data-index="1">
1584								<a href="/CivicAlerts.aspx?AID=290" target="_blank"><img class="media" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" data-delay-load="/ImageRepository/Document?documentID=5707" alt="Leaf collection ad 2026" data-delayed-image="" /></a>
1585						<div class="text">
1586							<h2 id="newsFlashItemHeader290" class="widgetTitle">		<a href="/CivicAlerts.aspx?AID=290" target="_blank">RESIDENTIAL LEAF COLLECTION SCHEDULE – 2026 </a>
1587</h2>	<div class="widgetDesc">
1588Curbside leaf collection will begin the week of Oct. 26 and conclude the week of Nov 30.?						<a id="newsFlashReadOn290" href="/CivicAlerts.aspx?AID=290" target="_blank" class="readOn" aria-label="Read on...: RESIDENTIAL LEAF COLLECTION SCHEDULE – 2026">Read on...</a>
1589	</div>
1590
1591						</div>
1592						</li>
1593
1594		</ol>
1595	</div>
1596</div>
1597<script type="text/javascript">
1598	// <!--
1599	window.$ = window.$ || window.parent.$;
1600
1601	$(window).on('load', function () {
1602		//Wait for the DOM to load completely before executing carousel logic since its all based on carousel width which wont come out correct until the DOM has loaded. Vishal
1603		if(!window.carouselsToInit){
1604			window.carouselsToInit = new Array();
1605		}
1606		var widgetNewsFlash61c3e5294fe24ac58ebc2ce8799ae229 = function()
1607		{
1608			var widgetWindow = $('#widgetNewsFlash61c3e529-4fe2-4ac5-8ebc-2ce8799ae229').find('.cpWindow')[0];
1609			if(widgetWindow){
1610				if(widgetWindow.clientWidth != 0){
1611					window.setTimeout(function(){
1612						$('#widgetNewsFlash61c3e529-4fe2-4ac5-8ebc-2ce8799ae229').adaptiveCarousel({
1613							minSlideWidth: 200,
1614							maxSlideWidth: 350,
1615							gutterWidth: 40,
1616							circular: true,
1617							teaser: false,
1618							transitionTiming: 500,
1619							noImageRequired: false
1620							});
1621					}, 250);
1622					var index = window.carouselsToInit.indexOf(widgetNewsFlash61c3e5294fe24ac58ebc2ce8799ae229);
1623					if (index > -1) {
1624						window.carouselsToInit.splice(index, 1);
1625					}
1626				}
1627			}
1628		}
1629		var indexCarouselsToInit = window.carouselsToInit.indexOf(widgetNewsFlash61c3e5294fe24ac58ebc2ce8799ae229);
1630		if (indexCarouselsToInit === -1) {
1631			window.carouselsToInit.push(widgetNewsFlash61c3e5294fe24ac58ebc2ce8799ae229);
1632		}
1633
1634		if (window.carouselsToInit) {
1635			window.carouselsToInit.forEach(function (carouselToInit) { carouselToInit(); });
1636		}
1637
1638		if (window.Pages.onResizeHandlers){
1639			window.Pages.onResizeHandlers.forEach(function(car){car();});
1640		}
1641	});
1642
1643	if (Modernizr.touch) {
1644		var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages;
1645		$.when($pages.rwdReady).done(function () {
1646			//only for responsive sites
1647			if (typeof($$) !== 'undefined') {
1648				$$('#widgetNewsFlash61c3e529-4fe2-4ac5-8ebc-2ce8799ae229').on('swipeRight', function (e, a) {
1649					$(this).adaptiveCarousel("moveBack");
1650				});
1651				$$('#widgetNewsFlash61c3e529-4fe2-4ac5-8ebc-2ce8799ae229').on('swipeLeft', function (e) {
1652					$(this).adaptiveCarousel("moveForward");
1653				});
1654			}
1655		});
1656	}
1657	// -->
1658</script>
1658
1659
1660		<a id="newsFlashViewAll61c3e529-4fe2-4ac5-8ebc-2ce8799ae229" class="widgetViewAll" style="" href="/CivicAlerts.aspx?CID=1">View All News</a>
1661			</div>
1662	<div class="widgetFooter">
1663	</div>
1664	<div class="addItemModal hidden">
1665		<div class="url hidden">/CivicAlerts.aspx</div>
1666	</div>
1667
1668	</section>
1669
1670
1671
1672
1673
1674
1675
1676
1677</div>
1678	</div> <!-- inner column -->
1679
1680	</div> <!-- inner row -->
1681
1682			</div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="6bcd2257-d0d4-4854-a2e7-b32192847a52">�				
1683	<div class="row nest first last wide">�
1684	
1685	<div class="inner col col2 first last idcdb41a1c-26bf-455b-b758-3e0badb0f6da" style="" data-widgetcontainerid="cdb41a1c-26bf-455b-b758-3e0badb0f6da">�	
1686
1687<div class="widget widgetSpacer" id="f27663bb-0e8d-4814-8b57-87e2aa71b226"></div>
1688	</div> <!-- inner column -->
1689
1690	</div> <!-- inner row -->
1691
1692			</div><!-- outer column --><!----><div class="outer col col8 last" style="" data-widgetcontainerid="69d3544f-d528-4dbd-974f-b6b7a5746b28">�				
1693	<div class="row nest first last wide">�
1694	
1695	<div class="inner col col8 first last ida08f4324-59bd-4102-b00f-ca736d270255" style="" data-widgetcontainerid="a08f4324-59bd-4102-b00f-ca736d270255">�	
1696    <div data-widget-id="2932f2bc-b99e-496a-af9b-8b88b0aca69c" data-widget-controller-path="/InfoAdvanced/Widget">
1697
1698
1699
1700
1701
1702	<section id="divInfoAdv2932f2bc-b99e-496a-af9b-8b88b0aca69c" class="widget widgetInfoAdvanced skin108 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
1703			<header class="widgetHeader" id="header2932f2bc-b99e-496a-af9b-8b88b0aca69c">
1704		<div class="">
1705								</div>
1706	</header>
1707	<div class="widgetBody  cpGrid cpGrid1 ">
1708		<div class="row  wide">
1709					<div class="col col1 first last">
1710						<ol class="pageStyles semanticList">
1711
1712<li class="InfoAdvanced widgetItem fr-view">
1713	<p><img src="/ImageRepository/Document?documentId=4954" class="fr-dib" alt="Mayor"></p>
1714</li>
1715<li class="InfoAdvanced widgetItem fr-view">
1716	<h1 class="headline" style="text-align: center;">From Mayor Cyril Kleem</h1>
1717</li>
1718<li class="InfoAdvanced widgetItem fr-view">
1719	<p data-pasted="true">The Live at the Lake concerts may over but that doesn&rsquo;t mean summer is quite done yet.</p>
1720</li>
1721<li class="InfoAdvanced widgetItem fr-view">
1722	<p style="text-align: center;"><a href="/297/Mayors-Office">Read on...</a><a href="/"></a></p>
1723</li>						</ol>
1724					</div>
1725		</div>
1726	</div>
1727	<div class="widgetFooter">
1728
1729	</div>
1730
1731	</section>
1732
1733
1734
1735<script type="text/javascript">
1736	//Render slideshow if info advacned items contain one.
1737	$(document).ready(function (e) {
1738		$('#divInfoAdv2932f2bc-b99e-496a-af9b-8b88b0aca69c .InfoAdvanced.widgetItem').each(function () {
1739			renderSlideshowIfApplicable($(this));		
1740		});
1741	});
1742</script>
1742</div>
1743	</div> <!-- inner column -->
1744
1745	</div> <!-- inner row -->
1746
1747			</div><!-- outer column --><!--		--></div> <!-- outer row -->
1748
1749
1750	</div>
1751</div></div>
1752</div><!-- Carousel --><div data-cpRole="structuralContainer" id="homeContainer2"><div class="inner">
1753<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent2a">	<div id="cc722053c3-7a08-47ef-93d7-32c72b746732" data-containerid="722053c3-7a08-47ef-93d7-32c72b746732" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60">
1754				                
1755
1756		<div class="row outer wide"><!--
1757--><div class="outer col col24 first last" style="" data-widgetcontainerid="908831b4-b1fb-4296-b56b-4ffaefc9bdf9">�				
1758	<div class="row nest first last wide">�
1759	
1760	<div class="inner col col24 first last idb8adc8f4-6cca-4e10-ba8e-68c4cedbf6c5" style="" data-widgetcontainerid="b8adc8f4-6cca-4e10-ba8e-68c4cedbf6c5">�	
1761
1762	<div id="divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895" class="widget widgetTabbed wide skin105 leftTabs" data-widgetid="fbca2f15-292b-4e51-8ed1-a1f5fbfb7895">
1763		<ol class="tabbedWidget cpTabs left " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style="width: 450px; ">
1764			<!--
1765					--><li class="active" role="presentation">	<a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" class="tabButton" id="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Special Events" contenteditable="false">Special Events</span></a>
1766</li><!--
1767					--><li class="" role="presentation">	<a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" class="tabButton" id="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Community Outreach" contenteditable="false">Community Outreach</span></a>
1768</li><!--
1769					--><li class="" role="presentation">	<a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" class="tabButton" id="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="2" data-tabname="Public Services" contenteditable="false">Public Services</span></a>
1770</li><!--
1771					--><li class="" role="presentation">	<a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" class="tabButton" id="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="3" data-tabname="Berea City Council" contenteditable="false">Berea City Council</span></a>
1772</li><!--
1773					-->
1774		</ol>
1775
1776		<div class="cpTabPanels">
1777					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
1778						<li class="active" role="presentation">	<a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" class="tabButton" id="tabBtnNarrowfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Special Events" contenteditable="false">Special Events</span></a>
1779</li>
1780					</ol>
1781				<div class="tabbedWidget cpTabPanel showing" style="" id="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" role="tabpanel" aria-labelledby="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_0" tabindex="-1">
1782
1783	<div data-widget-id="c5fb594c-fbde-45aa-9cd3-666944027674" data-widget-controller-path="/QuickLinks/Widget">
1784
1785
1786
1787
1788
1789
1790
1791
1792	<section id="widgetQuicklinkc5fb594c-fbde-45aa-9cd3-666944027674" class="widget widgetQuickLinks skin98 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
1793			<header class="widgetHeader" id="quickLinksHeaderc5fb594c-fbde-45aa-9cd3-666944027674">
1794		<div class="">
1795						</div>
1796	</header>
1797	<div class="widgetBody cpGrid cpGrid2 ">
1798        <div class="row  narrow">
1799				<div class="col col1 first ">
1800					<ol class="semanticList">
1801
1802    <li style="position:relative" class="widgetItem QuickLinks">
1803        <a class="widgetDesc widgetQuickLinksLink" href="/221/Grindstone-Festival" target="_self" >Grindstone Festival</a>
1804        <div class="widgetMeta"></div>
1805    </li>
1806
1807    <li style="position:relative" class="widgetItem QuickLinks">
1808        <a class="widgetDesc widgetQuickLinksLink" href="/226/Live-at-the-Lake" target="_self" >Live at the Lake Summer Concert Series</a>
1809        <div class="widgetMeta"></div>
1810    </li>
1811
1812    <li style="position:relative" class="widgetItem QuickLinks">
1813        <a class="widgetDesc widgetQuickLinksLink" href="/224/Coe-Lake-Movies" target="_self" >Moonlight Movies</a>
1814        <div class="widgetMeta"></div>
1815    </li>
1816					</ol>
1817				</div>
1818				<div class="col col1  last">
1819					<ol class="semanticList">
1820
1821    <li style="position:relative" class="widgetItem QuickLinks">
1822        <a class="widgetDesc widgetQuickLinksLink" href="/222/Harvest-Festival" target="_self" >Harvest Festival</a>
1823        <div class="widgetMeta"></div>
1824    </li>
1825
1826    <li style="position:relative" class="widgetItem QuickLinks">
1827        <a class="widgetDesc widgetQuickLinksLink" href="/220/Jack-Frost-Festival" target="_self" >Jack Frost Festival</a>
1828        <div class="widgetMeta"></div>
1829    </li>
1830					</ol>
1831				</div>
1832		</div>
1833        
1834	</div>
1835	<div class="widgetFooter">
1836	</div>
1837	<div class="addItemModal hidden">
1838		<div class="url hidden">/QuickLinks.aspx</div>
1839	</div>
1840
1841	</section>
1842</div>
1843
1844				</div>
1845					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
1846						<li class="" role="presentation">	<a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" class="tabButton" id="tabBtnNarrowfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Community Outreach" contenteditable="false">Community Outreach</span></a>
1847</li>
1848					</ol>
1849				<div class="tabbedWidget cpTabPanel " style="display: none;" id="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" role="tabpanel" aria-labelledby="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_1" tabindex="-1">
1850
1851	<div data-widget-id="05eaa32b-598a-40f5-87df-d6b15c25da6f" data-widget-controller-path="/QuickLinks/Widget">
1852
1853
1854
1855
1856
1857
1858
1859
1860	<section id="widgetQuicklink05eaa32b-598a-40f5-87df-d6b15c25da6f" class="widget widgetQuickLinks skin105 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
1861			<header class="widgetHeader" id="quickLinksHeader05eaa32b-598a-40f5-87df-d6b15c25da6f">
1862		<div class="">
1863						</div>
1864	</header>
1865	<div class="widgetBody cpGrid cpGrid2 ">
1866        <div class="row  narrow">
1867				<div class="col col1 first ">
1868					<ol class="semanticList">
1869
1870    <li style="position:relative" class="widgetItem QuickLinks">
1871        <a class="widgetDesc widgetQuickLinksLink" href="/272/Berea-Cares" target="_self" >Berea Cares</a>
1872        <div class="widgetMeta"></div>
1873    </li>
1874
1875    <li style="position:relative" class="widgetItem QuickLinks">
1876        <a class="widgetDesc widgetQuickLinksLink" href="/274/Berea-Community-Outreach" target="_self" >Berea Community Outreach</a>
1877        <div class="widgetMeta"></div>
1878    </li>
1879
1880    <li style="position:relative" class="widgetItem QuickLinks">
1881        <a class="widgetDesc widgetQuickLinksLink" href="/276/Dinner-to-Your-Door" target="_self" >Dinner to your Door</a>
1882        <div class="widgetMeta"></div>
1883    </li>
1884					</ol>
1885				</div>
1886				<div class="col col1  last">
1887					<ol class="semanticList">
1888
1889    <li style="position:relative" class="widgetItem QuickLinks">
1890        <a class="widgetDesc widgetQuickLinksLink" href="/289/Senior-Wheels" target="_self" >Senior Wheels</a>
1891        <div class="widgetMeta"></div>
1892    </li>
1893
1894    <li style="position:relative" class="widgetItem QuickLinks">
1895        <a class="widgetDesc widgetQuickLinksLink" href="/467/Veterans-Outreach" target="_self" >Veterans Outreach</a>
1896        <div class="widgetMeta"></div>
1897    </li>
1898					</ol>
1899				</div>
1900		</div>
1901        
1902	</div>
1903	<div class="widgetFooter">
1904	</div>
1905	<div class="addItemModal hidden">
1906		<div class="url hidden">/QuickLinks.aspx</div>
1907	</div>
1908
1909	</section>
1910</div>
1911
1912				</div>
1913					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
1914						<li class="" role="presentation">	<a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" class="tabButton" id="tabBtnNarrowfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="2" data-tabname="Public Services" contenteditable="false">Public Services</span></a>
1915</li>
1916					</ol>
1917				<div class="tabbedWidget cpTabPanel " style="display: none;" id="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" role="tabpanel" aria-labelledby="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_2" tabindex="-1">
1918
1919	<div data-widget-id="17db4750-b28c-4e9a-90a4-97c6caaf5b93" data-widget-controller-path="/QuickLinks/Widget">
1920
1921
1922
1923
1924
1925
1926
1927
1928	<section id="widgetQuicklink17db4750-b28c-4e9a-90a4-97c6caaf5b93" class="widget widgetQuickLinks skin98 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
1929			<header class="widgetHeader" id="quickLinksHeader17db4750-b28c-4e9a-90a4-97c6caaf5b93">
1930		<div class="">
1931						</div>
1932	</header>
1933	<div class="widgetBody cpGrid cpGrid2 ">
1934        <div class="row  narrow">
1935				<div class="col col1 first ">
1936					<ol class="semanticList">
1937
1938    <li style="position:relative" class="widgetItem QuickLinks">
1939        <a class="widgetDesc widgetQuickLinksLink" href="/315/Water" target="_self" >City Water</a>
1940        <div class="widgetMeta"></div>
1941    </li>
1942
1943    <li style="position:relative" class="widgetItem QuickLinks">
1944        <a class="widgetDesc widgetQuickLinksLink" href="/452/Events-and-Solicitors" target="_self" >Special Event Permits</a>
1945        <div class="widgetMeta"></div>
1946    </li>
1947					</ol>
1948				</div>
1949				<div class="col col1  last">
1950					<ol class="semanticList">
1951
1952    <li style="position:relative" class="widgetItem QuickLinks">
1953        <a class="widgetDesc widgetQuickLinksLink" href="/300/Collection-Guidelines-and-Times" target="_self" >Residential Trash Collection</a>
1954        <div class="widgetMeta"></div>
1955    </li>
1956
1957    <li style="position:relative" class="widgetItem QuickLinks">
1958        <a class="widgetDesc widgetQuickLinksLink" href="/299/Yard-Waste" target="_self" >Yard Waste</a>
1959        <div class="widgetMeta"></div>
1960    </li>
1961					</ol>
1962				</div>
1963		</div>
1964        
1965	</div>
1966	<div class="widgetFooter">
1967	</div>
1968	<div class="addItemModal hidden">
1969		<div class="url hidden">/QuickLinks.aspx</div>
1970	</div>
1971
1972	</section>
1973</div>
1974
1975				</div>
1976					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
1977						<li class="" role="presentation">	<a href="#tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" class="tabButton" id="tabBtnNarrowfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" role="tab" aria-controls="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="3" data-tabname="Berea City Council" contenteditable="false">Berea City Council</span></a>
1978</li>
1979					</ol>
1980				<div class="tabbedWidget cpTabPanel " style="display: none;" id="tabfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" role="tabpanel" aria-labelledby="tabBtnfbca2f15-292b-4e51-8ed1-a1f5fbfb7895_3" tabindex="-1">
1981
1982	<div data-widget-id="a9ae4807-6723-4eca-a74a-fd0eef14896a" data-widget-controller-path="/QuickLinks/Widget">
1983
1984
1985
1986
1987
1988
1989
1990
1991	<section id="widgetQuicklinka9ae4807-6723-4eca-a74a-fd0eef14896a" class="widget widgetQuickLinks skin105 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Quick Links">
1992			<header class="widgetHeader" id="quickLinksHeadera9ae4807-6723-4eca-a74a-fd0eef14896a">
1993		<div class="">
1994						</div>
1995	</header>
1996	<div class="widgetBody cpGrid cpGrid2 ">
1997        <div class="row  narrow">
1998				<div class="col col1 first ">
1999					<ol class="semanticList">
2000
2001    <li style="position:relative" class="widgetItem QuickLinks">
2002        <a class="widgetDesc widgetQuickLinksLink" href="/311/City-Council" target="_self" >City Council Members</a>
2003        <div class="widgetMeta"></div>
2004    </li>
2005
2006    <li style="position:relative" class="widgetItem QuickLinks">
2007        <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofberea.org/AgendaCenter/City-Council-2" target="_self" >Agendas & Minutes</a>
2008        <div class="widgetMeta"></div>
2009    </li>
2010					</ol>
2011				</div>
2012				<div class="col col1  last">
2013					<ol class="semanticList">
2014
2015    <li style="position:relative" class="widgetItem QuickLinks">
2016        <a class="widgetDesc widgetQuickLinksLink" href="/343/Approved-Legislation" target="_self" >Approved Legislation</a>
2017        <div class="widgetMeta"></div>
2018    </li>
2019
2020    <li style="position:relative" class="widgetItem QuickLinks">
2021        <a class="widgetDesc widgetQuickLinksLink" href="https://www.cityofberea.org/calendar.aspx?CID=22" target="_self" >Meeting Calendar</a>
2022        <div class="widgetMeta"></div>
2023    </li>
2024					</ol>
2025				</div>
2026		</div>
2027        
2028	</div>
2029	<div class="widgetFooter">
2030	</div>
2031	<div class="addItemModal hidden">
2032		<div class="url hidden">/QuickLinks.aspx</div>
2033	</div>
2034
2035	</section>
2036</div>
2037
2038				</div>
2039					</div>
2040	</div>
2041	
2041<script type="text/javascript">
2042		
2043		$.when(window.Pages.rwdReady).done(function () {
2044			var tabbedWidgetID = 'divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895';
2045			var mediaQuerySize = 60;
2046			if (mediaQuerySize > 0) {
2047				var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)';
2048				var $tabbedWidget = $('#' + tabbedWidgetID);
2049				
2050                // Update child widget classes based on parent state
2051                var updateChildWidgetClasses = function (isParentWide) {
2052                    var liveEditEnabled = getCookieValue("enableLiveEdit") === "true";
2053                    if (liveEditEnabled)
2054                        return;
2055
2056                    var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]');
2057
2058                    if (isParentWide) {
2059                        $childWidgets.addClass('wide').removeClass('narrow');
2060                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow');
2061                    } else {
2062                        $childWidgets.addClass('narrow').removeClass('wide');
2063                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide');
2064                    }
2065                };
2066				
2067				window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, {
2068					deferSetup: false,
2069					setup: function () {
2070						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2071						if (!liveEditEnabled) {
2072							$tabbedWidget.addClass('narrow').removeClass('wide');
2073							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2074							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2075							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2076							$tabbedWidget.data("tabHeightSet", false);
2077							
2078							// Update child widget classes - parent is narrow
2079							updateChildWidgetClasses(false);
2080						}
2081					},
2082					match: function () {
2083						$tabbedWidget.addClass('wide').removeClass('narrow');
2084						cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery);
2085						$tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false');
2086						$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true');
2087
2088						if($tabbedWidget.data("tabHeightSet") == false)
2089						{
2090							$tabbedWidget.data("tabHeightSet", true);
2091
2092							var tabbedWidgetID = 'divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895';
2093							setTabbedWidgetsTabHeight(tabbedWidgetID);
2094						}
2095						$('.cpTabPanels').unbind('click');
2096						
2097						// Update child widget classes - parent is wide
2098						updateChildWidgetClasses(true);
2099					},
2100					unmatch: function () {
2101						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2102						if (!liveEditEnabled) {
2103							$tabbedWidget.addClass('narrow').removeClass('wide');
2104							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2105							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2106							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2107							
2108							// Update child widget classes - parent is narrow
2109							updateChildWidgetClasses(false);
2110						}
2111						$('.cpTabPanels').click(function() {
2112							this.scrollIntoView();
2113						});
2114					}
2115				});                
2116            }
2117        });
2118		
2119		//Used for when page is initially loaded
2120		if($('#divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895').hasClass('narrow'))
2121		{
2122			$('.cpTabPanels').click(function() {
2123				this.scrollIntoView();
2124			});
2125		}
2126		
2127
2128		//If responsive not enabled, execute this after a timeout
2129		if(!isResponsiveEnabled)
2130		{
2131			window.setTimeout(function(){
2132				var tabbedWidgetID = 'divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895';
2133				typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID);
2134			}, 1500);
2135		}
2136
2137		function reinitCarousels() {
2138			if (window.carouselsToInit) {
2139				for (var i = 0; i < window.carouselsToInit.length; i++) {
2140					carouselsToInit[i]();
2141				}
2142			}
2143		}
2144		function sizeTabbedContent(element){
2145			if(window.Pages){
2146				if(window.Pages.onResizeHandlers){
2147					var setTabbedInterval = setInterval(function () {
2148						window.Pages.onResizeHandlers.forEach(function(car){car();});
2149					}, 25)
2150
2151
2152					setTimeout(function () {
2153						clearInterval(setTabbedInterval);
2154						if ($.cookie("enableLiveEdit") === "true") {
2155							setInterval(function () {
2156								window.Pages.onResizeHandlers.forEach(function(car){car();});
2157							}, 2000);
2158						}
2159					}, 2500);
2160					element.onclick="window.setTimeout(function(){reinitCarousels();},2);"
2161				}
2162			}
2163		}
2164
2165		function adjustTab(e) {
2166			e.preventDefault();
2167			window.setTimeout(function(){
2168				reinitCarousels();
2169			}, 2);
2170			sizeTabbedContent(this);
2171		}
2172
2173		var tabButtons = document.querySelectorAll("#divTabbedfbca2f15-292b-4e51-8ed1-a1f5fbfb7895 .tabButton");
2174
2175		tabButtons.forEach(function (tabButton) {
2176			tabButton.addEventListener("click", adjustTab);
2177		});
2178
2179	</script>
2179
2180
2181
2182
2183	</div> <!-- inner column -->
2184
2185	</div> <!-- inner row -->
2186
2187			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2188
2189
2190	</div>
2191</div></div></div>
2192</div><div data-cpRole="structuralContainer" id="backgroundOverlayTS"><div class="inner">
2193<!-- Calendar/Slideshow --><div data-cpRole="structuralContainer" id="homeContainer3">
2194<div class="siteWrap4"><div data-cpRole="contentContainer" id="homeContent3a">	<div id="cc242268fe-1cab-484a-b2f6-30b76d9bf678" data-containerid="242268fe-1cab-484a-b2f6-30b76d9bf678" class="pageContent cpGrid cpGrid24 showInMobile" data-contentcontainerbreakpoint="60">
2195				                
2196
2197		<div class="row outer wide"><!--
2198--><div class="outer col col24 first last" style="" data-widgetcontainerid="ea9de789-166f-4e1a-9c99-7e6827566c41">�				
2199	<div class="row nest first last wide">�
2200	
2201	<div class="inner col col24 first last id0d13b081-f075-4ac9-81fe-88aa54f84ac4" style="" data-widgetcontainerid="0d13b081-f075-4ac9-81fe-88aa54f84ac4">�	
2202    <div data-widget-id="c25592c8-f383-466a-b992-c65ba94f583e" data-widget-controller-path="/InfoAdvanced/Widget">
2203
2204
2205
2206
2207
2208	<section id="divInfoAdvc25592c8-f383-466a-b992-c65ba94f583e" class="widget widgetInfoAdvanced skin111 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
2209			<header class="widgetHeader" id="headerc25592c8-f383-466a-b992-c65ba94f583e">
2210		<div class="">
2211								</div>
2212	</header>
2213	<div class="widgetBody  cpGrid cpGrid1 ">
2214		<div class="row  wide">
2215					<div class="col col1 first last">
2216						<ol class="pageStyles semanticList">
2217
2218<li class="InfoAdvanced widgetItem fr-view">
2219	<h1 class="headline" style="text-align: center;">Calendar</h1><p style="text-align: center;">What&rsquo;s Happening</p>
2220</li>						</ol>
2221					</div>
2222		</div>
2223	</div>
2224	<div class="widgetFooter">
2225
2226	</div>
2227
2228	</section>
2229
2230
2231
2232<script type="text/javascript">
2233	//Render slideshow if info advacned items contain one.
2234	$(document).ready(function (e) {
2235		$('#divInfoAdvc25592c8-f383-466a-b992-c65ba94f583e .InfoAdvanced.widgetItem').each(function () {
2236			renderSlideshowIfApplicable($(this));		
2237		});
2238	});
2239</script>
2239</div>
2240	</div> <!-- inner column -->
2241
2242	</div> <!-- inner row -->
2243
2244			</div><!-- outer column --><!--		--></div> <!-- outer row -->
2245		<div class="row outer wide"><!--
2246--><div class="outer col col13 first" style="" data-widgetcontainerid="29c6d133-e06c-4251-8cc5-ebd45fb683fc">�				
2247	<div class="row nest first last wide">�
2248	
2249	<div class="inner col col13 first last idde0f535e-f8db-402f-934c-73c09ca950b4" style="" data-widgetcontainerid="de0f535e-f8db-402f-934c-73c09ca950b4">�	
2250
2251	<div id="divTabbed32237935-f487-4b19-8f83-920eed3e603d" class="widget widgetTabbed wide skin110" data-widgetid="32237935-f487-4b19-8f83-920eed3e603d">
2252		<ol class="tabbedWidget cpTabs  " role="tablist" aria-hidden=".ToString().ToLowerInvariant()" style=" ">
2253			<!--
2254					--><li style="width: 48%;" class="active" role="presentation">	<a href="#tab32237935-f487-4b19-8f83-920eed3e603d_0" class="tabButton" id="tabBtn32237935-f487-4b19-8f83-920eed3e603d_0" role="tab" aria-controls="tab32237935-f487-4b19-8f83-920eed3e603d_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Meetings" contenteditable="false">Meetings</span></a>
2255</li><!--
2256					--><li style="width: 48%;" class="" role="presentation">	<a href="#tab32237935-f487-4b19-8f83-920eed3e603d_1" class="tabButton" id="tabBtn32237935-f487-4b19-8f83-920eed3e603d_1" role="tab" aria-controls="tab32237935-f487-4b19-8f83-920eed3e603d_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a>
2257</li><!--
2258					-->
2259		</ol>
2260
2261		<div class="cpTabPanels">
2262					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
2263						<li class="active" role="presentation">	<a href="#tab32237935-f487-4b19-8f83-920eed3e603d_0" class="tabButton" id="tabBtnNarrow32237935-f487-4b19-8f83-920eed3e603d_0" role="tab" aria-controls="tab32237935-f487-4b19-8f83-920eed3e603d_0" aria-selected="true" tabindex="0"><span class="tabName editable" data-sequence="0" data-tabname="Meetings" contenteditable="false">Meetings</span></a>
2264</li>
2265					</ol>
2266				<div class="tabbedWidget cpTabPanel showing" style="" id="tab32237935-f487-4b19-8f83-920eed3e603d_0" role="tabpanel" aria-labelledby="tabBtn32237935-f487-4b19-8f83-920eed3e603d_0" tabindex="-1">
2267
2268<div data-widget-id="700c2c40-a7d1-4db3-8208-d363d31f35a6" data-widget-controller-path="/Calendar/Widget">
2269	
2269<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
2269
2270
2271
2272
2273
2274
2275
2276
2277
2278 
2279	
2279<script type="text/javascript">
2280		function openCalendarPublicSubmissionModal(calendarID, eventID, isCopy, order, updatePanelID, isSubmit) {
2281			var title = null;
2282			var className = null;
2283
2284			if (isSubmit) {
2285				title = ' Event Submission';
2286				className = 'submitEvent';
2287			} else
2288				className = 'liveEdit calendar';
2289
2290			var url = '/common/modules/Calendar/calendarLiveEdit.aspx?calendarID=' + calendarID + '&eventID=' + eventID + '&order=' + order + '&updatePanelID=' + updatePanelID;
2291
2292			if (isSubmit)
2293				url = url + '&submit=1';
2294			if (isCopy)
2295				url = url + '&strPage=itemCopy';
2296			else
2297				url = url + '&strPage=itemForm';
2298
2299			openCpModal({
2300				title: title,
2301				className: className,
2302				isFrontEnd: true,
2303				useIframe: true,
2304				draggable: true,
2305				url: url
2306			});
2307		}
2308
2309		$(document).ready(function (e) {
2310			if (typeof $ !== 'undefined') {
2311				$(document).ready(function (e) {
2312					//Bind the submit event click handler.
2313					$('.widgetPublicSubmit').unbind('click').click(function (e) {
2314						openCalendarPublicSubmissionModal(0, 0, false, 0, '', true);
2315						return false;
2316					});
2317				});
2318			}
2319		});
2320	</script>
2320
2321
2322
2323
2324
2325
2326
2327
2328
2329
2330
2331
2332
2333
2334
2335
2336
2337
2338
2339
2340
2341<div id="widgetCalendar700c2c40-a7d1-4db3-8208-d363d31f35a6" class="widget widgetCalendar skin110 widgetOptionSet50 strip narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:999em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'>
2342	<div class="widgetBody cpGrid cpGrid4  ">
2343			<div class="row  auto narrow">
2344						<div class="col col1 first ">
2345			<ol class="semanticList">
2346					<li class="dateBlock" style="">
2347		<abbr class="dateAbbr" title="October">Oct</abbr>
23485	</li>
2349
2350					<li class="widgetItem " data-event-i-d="19901">
2351		<div style="" class="widgetDesc">
2352
2353
2354				<h4><a href="/Calendar.aspx?EID=19901"><span>Regular Council Meeting</span></a></h4>
2355					</div>
2356	</li>
2357
2358			</ol>
2359		</div>
2360		<div class="col col1  ">
2361			<ol class="semanticList">
2362					<li class="dateBlock" style="">
2363		<abbr class="dateAbbr" title="October">Oct</abbr>
23648	</li>
2365
2366					<li class="widgetItem " data-event-i-d="21473">
2367		<div style="" class="widgetDesc">
2368
2369
2370				<h4><a href="/Calendar.aspx?EID=21473"><span>Community Memorial Service</span></a></h4>
2371					</div>
2372	</li>
2373
2374			</ol>
2375		</div>
2376		<div class="col col1  ">
2377			<ol class="semanticList">
2378					<li class="dateBlock" style="">
2379		<abbr class="dateAbbr" title="October">Oct</abbr>
238011	</li>
2381
2382					<li class="widgetItem " data-event-i-d="21339">
2383		<div style="" class="widgetDesc">
2384
2385
2386				<h4><a href="/Calendar.aspx?EID=21339"><span>Harvest Festival</span></a></h4>
2387					</div>
2388	</li>
2389	<li class="widgetItem " data-event-i-d="21340">
2390		<div style="" class="widgetDesc">
2391
2392
2393				<h4><a href="/Calendar.aspx?EID=21340"><span>Haunted Trails</span></a></h4>
2394					</div>
2395	</li>
2396
2397			</ol>
2398		</div>
2399		<div class="col col1  last">
2400			<ol class="semanticList">
2401					<li class="dateBlock" style="">
2402		<abbr class="dateAbbr" title="October">Oct</abbr>
240315	</li>
2404
2405					<li class="widgetItem " data-event-i-d="19947">
2406		<div style="" class="widgetDesc">
2407
2408
2409				<h4><a href="/Calendar.aspx?EID=19947"><span>Planning Commission Meeting</span></a></h4>
2410					</div>
2411	</li>
2412
2413			</ol>
2414		</div>
2415
2416			</div>
2417		        <a id="calendarViewAll700c2c40-a7d1-4db3-8208-d363d31f35a6" class="widgetViewAll" style="" href="/calendar.aspx?CID=14">View Full Calendar</a>
2418					</div>
2419	<div class="widgetFooter">
2420		
2421	</div>
2422	<div class="addItemModal hidden">
2423		<div class="url hidden">/Calendar.aspx</div>
2424	</div>
2425</div>
2426</div>
2427
2428				</div>
2429					<ol class="tabbedWidgetNarrow cpTabs " role="tablist" aria-hidden="True.ToString().ToLowerInvariant()" style='display: none;'>
2430						<li class="" role="presentation">	<a href="#tab32237935-f487-4b19-8f83-920eed3e603d_1" class="tabButton" id="tabBtnNarrow32237935-f487-4b19-8f83-920eed3e603d_1" role="tab" aria-controls="tab32237935-f487-4b19-8f83-920eed3e603d_1" aria-selected="false" tabindex="-1"><span class="tabName editable" data-sequence="1" data-tabname="Events" contenteditable="false">Events</span></a>
2431</li>
2432					</ol>
2433				<div class="tabbedWidget cpTabPanel " style="display: none;" id="tab32237935-f487-4b19-8f83-920eed3e603d_1" role="tabpanel" aria-labelledby="tabBtn32237935-f487-4b19-8f83-920eed3e603d_1" tabindex="-1">
2434
2435<div data-widget-id="3c0c97a2-8b49-44b2-99f0-942c99dd0571" data-widget-controller-path="/Calendar/Widget">
2436	
2436<script src="/Areas/Calendar/Assets/Scripts/Calendar.js"></script>
2436
2437
2438
2439
2440
2441
2442
2443
2444
2445 
2446	
2446<script type="text/javascript">
2447		function openCalendarPublicSubmissionModal(calendarID, eventID, isCopy, order, updatePanelID, isSubmit) {
2448			var title = null;
2449			var className = null;
2450
2451			if (isSubmit) {
2452				title = ' Event Submission';
2453				className = 'submitEvent';
2454			} else
2455				className = 'liveEdit calendar';
2456
2457			var url = '/common/modules/Calendar/calendarLiveEdit.aspx?calendarID=' + calendarID + '&eventID=' + eventID + '&order=' + order + '&updatePanelID=' + updatePanelID;
2458
2459			if (isSubmit)
2460				url = url + '&submit=1';
2461			if (isCopy)
2462				url = url + '&strPage=itemCopy';
2463			else
2464				url = url + '&strPage=itemForm';
2465
2466			openCpModal({
2467				title: title,
2468				className: className,
2469				isFrontEnd: true,
2470				useIframe: true,
2471				draggable: true,
2472				url: url
2473			});
2474		}
2475
2476		$(document).ready(function (e) {
2477			if (typeof $ !== 'undefined') {
2478				$(document).ready(function (e) {
2479					//Bind the submit event click handler.
2480					$('.widgetPublicSubmit').unbind('click').click(function (e) {
2481						openCalendarPublicSubmissionModal(0, 0, false, 0, '', true);
2482						return false;
2483					});
2484				});
2485			}
2486		});
2487	</script>
2487
2488
2489
2490
2491
2492
2493
2494
2495
2496
2497
2498
2499
2500
2501
2502
2503
2504
2505
2506
2507
2508<div id="widgetCalendar3c0c97a2-8b49-44b2-99f0-942c99dd0571" class="widget widgetCalendar skin110 widgetOptionSet50 strip narrow" data-modulewidgettype="calendar" data-elementqueryclasses='{"wide-narrow":"min-width:999em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn'>
2509	<div class="widgetBody cpGrid cpGrid2  ">
2510			<div class="row  auto narrow">
2511						<div class="col col1 first ">
2512			<ol class="semanticList">
2513					<li class="dateBlock" style="">
2514		<abbr class="dateAbbr" title="October">Oct</abbr>
251511	</li>
2516
2517					<li class="widgetItem " data-event-i-d="21339">
2518		<div style="" class="widgetDesc">
2519
2520
2521				<h4><a href="/Calendar.aspx?EID=21339"><span>Harvest Festival</span></a></h4>
2522					</div>
2523	</li>
2524	<li class="widgetItem " data-event-i-d="21340">
2525		<div style="" class="widgetDesc">
2526
2527
2528				<h4><a href="/Calendar.aspx?EID=21340"><span>Haunted Trails</span></a></h4>
2529					</div>
2530	</li>
2531
2532			</ol>
2533		</div>
2534		<div class="col col1  last">
2535			<ol class="semanticList">
2536					<li class="dateBlock" style="">
2537		<abbr class="dateAbbr" title="December">Dec</abbr>
25385	</li>
2539
2540					<li class="widgetItem " data-event-i-d="21341">
2541		<div style="" class="widgetDesc">
2542
2543
2544				<h4><a href="/Calendar.aspx?EID=21341"><span>Jack Frost Festival of Lights</span></a></h4>
2545					</div>
2546	</li>
2547
2548			</ol>
2549		</div>
2550
2551			</div>
2552		        <a id="calendarViewAll3c0c97a2-8b49-44b2-99f0-942c99dd0571" class="widgetViewAll" style="" href="/calendar.aspx?CID=31">View Full Calendar</a>
2553					</div>
2554	<div class="widgetFooter">
2555		
2556	</div>
2557	<div class="addItemModal hidden">
2558		<div class="url hidden">/Calendar.aspx</div>
2559	</div>
2560</div>
2561</div>
2562
2563				</div>
2564					</div>
2565	</div>
2566	
2566<script type="text/javascript">
2567		
2568		$.when(window.Pages.rwdReady).done(function () {
2569			var tabbedWidgetID = 'divTabbed32237935-f487-4b19-8f83-920eed3e603d';
2570			var mediaQuerySize = 25;
2571			if (mediaQuerySize > 0) {
2572				var mediaElementQuery = '#' + tabbedWidgetID + ':media(this-min-width:' + mediaQuerySize + 'em)';
2573				var $tabbedWidget = $('#' + tabbedWidgetID);
2574				
2575                // Update child widget classes based on parent state
2576                var updateChildWidgetClasses = function (isParentWide) {
2577                    var liveEditEnabled = getCookieValue("enableLiveEdit") === "true";
2578                    if (liveEditEnabled)
2579                        return;
2580
2581                    var $childWidgets = $tabbedWidget.find('.widget').not('[data-elementqueryclasses]');
2582
2583                    if (isParentWide) {
2584                        $childWidgets.addClass('wide').removeClass('narrow');
2585                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('wide').removeClass('narrow');
2586                    } else {
2587                        $childWidgets.addClass('narrow').removeClass('wide');
2588                        $tabbedWidget.find('[data-event-list-row="true"]').addClass('narrow').removeClass('wide');
2589                    }
2590                };
2591				
2592				window.cpMedia.unregister(mediaElementQuery).register(mediaElementQuery, {
2593					deferSetup: false,
2594					setup: function () {
2595						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2596						if (!liveEditEnabled) {
2597							$tabbedWidget.addClass('narrow').removeClass('wide');
2598							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2599							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2600							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2601							$tabbedWidget.data("tabHeightSet", false);
2602							
2603							// Update child widget classes - parent is narrow
2604							updateChildWidgetClasses(false);
2605						}
2606					},
2607					match: function () {
2608						$tabbedWidget.addClass('wide').removeClass('narrow');
2609						cpMedia.diag('$(element).removeClass("narrow"), mediaQuery: ' + mediaElementQuery);
2610						$tabbedWidget.find('.tabbedWidget.cpTabs').show().attr('aria-hidden', 'false');
2611						$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').hide().attr('aria-hidden', 'true');
2612
2613						if($tabbedWidget.data("tabHeightSet") == false)
2614						{
2615							$tabbedWidget.data("tabHeightSet", true);
2616
2617							var tabbedWidgetID = 'divTabbed32237935-f487-4b19-8f83-920eed3e603d';
2618							setTabbedWidgetsTabHeight(tabbedWidgetID);
2619						}
2620						$('.cpTabPanels').unbind('click');
2621						
2622						// Update child widget classes - parent is wide
2623						updateChildWidgetClasses(true);
2624					},
2625					unmatch: function () {
2626						var liveEditEnabled = $.cookie("enableLiveEdit") === "true";
2627						if (!liveEditEnabled) {
2628							$tabbedWidget.addClass('narrow').removeClass('wide');
2629							cpMedia.diag('$(element).addClass("narrow"), mediaQuery: ' + mediaElementQuery);
2630							$tabbedWidget.find('.tabbedWidget.cpTabs').hide().attr('aria-hidden', 'true');
2631							$tabbedWidget.find('.tabbedWidgetNarrow.cpTabs').show().attr('aria-hidden', 'false');
2632							
2633							// Update child widget classes - parent is narrow
2634							updateChildWidgetClasses(false);
2635						}
2636						$('.cpTabPanels').click(function() {
2637							this.scrollIntoView();
2638						});
2639					}
2640				});                
2641            }
2642        });
2643		
2644		//Used for when page is initially loaded
2645		if($('#divTabbed32237935-f487-4b19-8f83-920eed3e603d').hasClass('narrow'))
2646		{
2647			$('.cpTabPanels').click(function() {
2648				this.scrollIntoView();
2649			});
2650		}
2651		
2652
2653		//If responsive not enabled, execute this after a timeout
2654		if(!isResponsiveEnabled)
2655		{
2656			window.setTimeout(function(){
2657				var tabbedWidgetID = 'divTabbed32237935-f487-4b19-8f83-920eed3e603d';
2658				typeof setTabbedWidgetsTabHeight === "function" && setTabbedWidgetsTabHeight(tabbedWidgetID);
2659			}, 1500);
2660		}
2661
2662		function reinitCarousels() {
2663			if (window.carouselsToInit) {
2664				for (var i = 0; i < window.carouselsToInit.length; i++) {
2665					carouselsToInit[i]();
2666				}
2667			}
2668		}
2669		function sizeTabbedContent(element){
2670			if(window.Pages){
2671				if(window.Pages.onResizeHandlers){
2672					var setTabbedInterval = setInterval(function () {
2673						window.Pages.onResizeHandlers.forEach(function(car){car();});
2674					}, 25)
2675
2676
2677					setTimeout(function () {
2678						clearInterval(setTabbedInterval);
2679						if ($.cookie("enableLiveEdit") === "true") {
2680							setInterval(function () {
2681								window.Pages.onResizeHandlers.forEach(function(car){car();});
2682							}, 2000);
2683						}
2684					}, 2500);
2685					element.onclick="window.setTimeout(function(){reinitCarousels();},2);"
2686				}
2687			}
2688		}
2689
2690		function adjustTab(e) {
2691			e.preventDefault();
2692			window.setTimeout(function(){
2693				reinitCarousels();
2694			}, 2);
2695			sizeTabbedContent(this);
2696		}
2697
2698		var tabButtons = document.querySelectorAll("#divTabbed32237935-f487-4b19-8f83-920eed3e603d .tabButton");
2699
2700		tabButtons.forEach(function (tabButton) {
2701			tabButton.addEventListener("click", adjustTab);
2702		});
2703
2704	</script>
2704
2705
2706
2707
2708	</div> <!-- inner column -->
2709
2710	</div> <!-- inner row -->
2711
2712			</div><!-- outer column --><!----><div class="outer col col2" style="" data-widgetcontainerid="1498b884-4070-44ac-bb74-c849c2f6c4fb">�				
2713	<div class="row nest first last wide">�
2714	
2715	<div class="inner col col2 first last idc237dc41-9702-418a-a553-5c57ff403cca" style="" data-widgetcontainerid="c237dc41-9702-418a-a553-5c57ff403cca">�	
2716
2717<div class="widget widgetSpacer" id="0ab6a230-f962-4f9c-b9eb-4867f6d11dfc"></div>
2718	</div> <!-- inner column -->
2719
2720	</div> <!-- inner row -->
2721
2722			</div><!-- outer column --><!----><div class="outer col col9 last" style="" data-widgetcontainerid="a3387166-99ca-41d8-b112-f52b84087533">�				
2723	<div class="row nest first last wide">�
2724	
2725	<div class="inner col col9 first last idf4350f4d-c51a-4828-b209-cb8cd67c7792" style="" data-widgetcontainerid="f4350f4d-c51a-4828-b209-cb8cd67c7792">�	
2726
2727	<div class="widget slideShow  skin109" role="region" aria-label="Slideshow" id="slideshow07619458-c7e3-4dd8-8a09-d0e67549525e" aria-haspopup="false" data-widgetID="07619458-c7e3-4dd8-8a09-d0e67549525e">
2728		<input type="hidden" class="slideTiming" value="5"/>
2729		<input type="hidden" class="transitionTiming" value="1"/>
2730	<input type="hidden" class="hdnSlideshowUniqueID" value="1349" />
2731		<div id="divSlideshow1349" class="cpSlideshow widgetBody cpSlideshowJS1349 narrow">
2732			<link href="/Assets/Styles/PausePlay/PausePlay.css" rel="stylesheet" />
2733<script src="/-823076099.js" type="text/javascript"></script>
2733
2734	<div class="cpWindow cpWindowJS1349 ">
2735		<ol class="semanticList cpSlider fade cpSliderJS1349">
2736					<li class="hidden" id="1349_5982" data-index="0" aria-hidden="true">
2737
2738
2739							<img src="/ImageRepository/Document?documentID=5654" class="" alt="Community Memorial Service event flyer" title="Community Memorial Service event flyer" data-delayed-image="" style="height: 1px" />
2740
2741							<div name="captionOverlay_1349" class="overlay   bottom itemCaption">
2742
2743								<div class="overlayInner">
2744
2745										<h4 class="widgetTitle">Community Memorial Service event flyer</h4>
2746																			<p class="widgetDesc widgetItem">Community Memorial Service event flyer</p>
2747								</div>
2748							</div>
2749										</li>
2750		</ol>
2751
2752
2753	</div>
2754		<ol class="semanticList pager dots">
2755				<li class="active" id="dot1349_5982">
2756					<a href="#targetImage" aria-label="Mapping dot for slide number 1" role="button" onclick=" return false; " class="dotJS1349" data-targetImageli="1349_5982" data-dotNumber="1">
2757						1
2758						<span class="visuallyhidden">Community Memorial Service event flyer</span>
2759					</a>
2760
2761				</li>
2762		</ol>
2763	<div aria-live="polite" aria-atomic="true" class="liveRegionJS1349 visuallyhidden"></div>
2764	
2764<script type="text/javascript">
2765		// <!--
2766		var $1 = typeof $ == 'undefined' ? window.parent.$ : $;
2767		$1(document).ready(function () {
2768			new Slideshow().generate('1349','1','5',false,false,0);
2769			$('#ssPlay-btn-1349').addClass('isHidden');
2770		});
2771		var $pages = typeof window.Pages == 'undefined' ? window.parent.Pages : window.Pages;
2772		$1.when($pages.rwdReady).done(function () {
2773			var divSlideshowID = 'divSlideshow1349';
2774			var mediaQuerySize = 25;
2775			if (mediaQuerySize == 0)
2776				mediaQuerySize = 25; //default for not widget slide show
2777			var mediaElementQuery = '#' + divSlideshowID + ':media(this-min-width:' + mediaQuerySize + 'em)';
2778			var $cpMedia = typeof window.cpMedia == 'undefined' ? window.parent.cpMedia : window.cpMedia;
2779			var $divSlideShow = $('#' + divSlideshowID);
2780			var $arrows = $divSlideShow.find('a.arrow');
2781			var $arrowsNew = $divSlideShow.find('a.arrowNew');
2782			var $divExternalSlideshow = $('.bannerSlideshowControlsNew').last();
2783			var $overlays = $(document.getElementsByName('captionOverlay_1349'));
2784
2785			if(window.isMobileBrowserIncludingTablets){
2786				$overlays.each(function (overlay) {
2787					$(overlay).removeClass('overlay')
2788				});
2789			}
2790
2791			$cpMedia.unregister(mediaElementQuery)
2792				.register(mediaElementQuery,
2793				{
2794				deferSetup: false,
2795				setup: function () {
2796					cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery);
2797					$divSlideShow.removeClass('wide').addClass('narrow');
2798						if ($divExternalSlideshow.length > 0) {
2799							$divExternalSlideshow.hide();
2800						}
2801					if ($arrows.length > 0) {
2802						$arrows.hide();
2803						if (typeof ($$) !== 'undefined') {
2804								$$('#' + divSlideshowID)
2805									.on('swipeRight',
2806										function (e, a) {
2807								$arrows.filter('.prev').click();
2808							});
2809								$$('#' + divSlideshowID)
2810									.on('swipeLeft',
2811										function (e) {
2812								$arrows.filter('.next').click();
2813							});
2814						}
2815					}
2816						if ($arrowsNew.length > 0) {
2817
2818							if (!(true && !window.isMobileBrowserIncludingTablets)) {
2819							$arrowsNew.hide();
2820							}
2821							if (typeof ($$) !== 'undefined') {
2822								$$('#' + divSlideshowID)
2823									.on('swipeRight',
2824										function (e, a) {
2825											$arrowsNew.filter('.prev').click();
2826										});
2827								$$('#' + divSlideshowID)
2828									.on('swipeLeft',
2829										function (e) {
2830											$arrowsNew.filter('.next').click();
2831										});
2832							}
2833						}
2834						if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) {
2835							if (2 == 1) {
2836								$overlays.hide();
2837							} else if (2 == 2) {
2838								$overlays.removeClass('overlay');
2839							}
2840						}
2841				},
2842				match: function () {
2843					cpMedia.diag('$(element).addClass("wide"), mediaQuery: ' + mediaElementQuery);
2844					$divSlideShow.addClass('wide').removeClass('narrow');
2845					if ($divExternalSlideshow.length > 0 && !$divExternalSlideshow.hasClass('none')) {
2846						$divExternalSlideshow.show();
2847					}
2848					if ($arrows.length > 0) {
2849						$arrows.show();
2850						if (typeof ($$) !== 'undefined') {
2851							$$('#' + divSlideshowID).off('swipeRight');
2852							$$('#' + divSlideshowID).off('swipeLeft');
2853						}
2854					}
2855					if ($arrowsNew.length > 0) {
2856						$arrowsNew.show();
2857						if (typeof ($$) !== 'undefined') {
2858							$$('#' + divSlideshowID).off('swipeRight');
2859							$$('#' + divSlideshowID).off('swipeLeft');
2860						}
2861					}
2862					if ($overlays.length > 0) {
2863						if (2 == 1) {
2864							$overlays.show();
2865					} else if (2 == 2 && !window.isMobileBrowserIncludingTablets) {
2866							$overlays.addClass('overlay');
2867						}
2868					}
2869				},
2870				unmatch: function () {
2871					cpMedia.diag('$(element).removeClass("wide"), mediaQuery: ' + mediaElementQuery);
2872					$divSlideShow.removeClass('wide').addClass('narrow');
2873					if ($divExternalSlideshow.length > 0) {
2874						$divExternalSlideshow.hide();
2875					}
2876					if ($arrows.length > 0) {
2877						$arrows.hide();
2878
2879						if (typeof ($$) !== 'undefined') {
2880							$$('#' + divSlideshowID).on('swipeRight', function (e) {
2881								$arrows.filter('.prev').click();
2882							});
2883							$$('#' + divSlideshowID).on('swipeLeft', function (e) {
2884								$arrows.filter('.next').click();
2885							});
2886						}
2887					}
2888					if ($arrowsNew.length > 0) {
2889						if (typeof ($$) !== 'undefined') {
2890							$$('#' + divSlideshowID).on('swipeRight', function (e) {
2891								$arrowsNew.filter('.prev').click();
2892							});
2893							$$('#' + divSlideshowID).on('swipeLeft', function (e) {
2894								$arrowsNew.filter('.next').click();
2895							});
2896						}
2897					}
2898					if ($overlays.length > 0 && window.isMobileBrowserIncludingTablets) {
2899						if (2 == 1) {
2900							$overlays.hide();
2901						} else if (2 == 2) {
2902							$overlays.removeClass('overlay');
2903						}
2904					}
2905				}
2906			});
2907		});
2908		// -->
2909	</script>
2909
2910
2911
2912		</div>	
2913
2914<script type="text/javascript">
2915	(function () {
2916		const widgetHandlers = function (e) {
2917			$('.slideshowOptions.nonEmpty').unbind('click').click(function (e) {
2918				var $this = $(this);
2919				// If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 
2920				// This came about, because we needed to use slider images to trigger options. - JE
2921				if ($this.parent().hasClass('cpSlider')) {
2922					$this = $this.closest('.widget.slideShow').siblings('.handle.options');
2923				}
2924
2925				//Set values for global variables for slideshow.
2926				if ($this.attr('data-widgetID').length !== 0) {
2927					parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID');
2928				}
2929				callbackfnSlideshowSave = null;
2930				var pageID = ContentCollectionInstance.PageID;
2931				var moduleID = ContentCollectionInstance.ModuleID;
2932				var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
2933				//Set slideshow widgetID
2934				ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val();
2935				$popUp_Slideshow = openCpModal({
2936					title: 'Slideshow',
2937					className: 'newCP adminWrap cpPopOver admin modalSlideshow',
2938					isFrontEnd: false,
2939					useIframe: false,
2940					draggable: true,
2941					url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs
2942				});
2943			});
2944
2945			$('.slideshowOptions.empty').unbind('click').click(function (e) {
2946				var $this = $(this);
2947				parentID_Slideshow = $this.parents('.slideShow').attr('id');
2948				var pageID = ContentCollectionInstance.PageID;
2949				var moduleID = ContentCollectionInstance.ModuleID;
2950				var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
2951				ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID');
2952				$popUp_Slideshow = openCpModal({
2953					title: 'Slideshow',
2954					className: 'newCP adminWrap cpPopOver admin modalSlideshow',
2955					isFrontEnd: false,
2956					useIframe: false,
2957					draggable: true,
2958					url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs
2959				});
2960			});
2961		};
2962
2963		if (document.readyState === "complete"
2964			|| document.readyState === "loaded"
2965			|| document.readyState === "interactive") {
2966			widgetHandlers();
2967			return;
2968		}
2969
2970		document.addEventListener("DOMContentLoaded", widgetHandlers);
2971	})();
2972</script>
2972
2973	</div>
2974
2975
2976<script type="text/javascript">
2977	function SlideshowWidgetCallback(widgetID, response) {
2978		if (window.ContentCollectionInstance.IsWorkingCopy) {
2979			//Remove this field since the partial view adds it back.
2980			$('#slideshow' + widgetID).find('.hdnSlideshowUniqueID').remove();
2981			if ($('#slideshow' + widgetID).find('.cpSlideshow').length > 0)
2982				$('#slideshow' + widgetID).find('.cpSlideshow').replaceWith(response);
2983			else
2984				$('#slideshow' + widgetID).find('.slideshowOptions.empty.placeholder').replaceWith(response);
2985
2986			contentUpdated();
2987		}
2988		else {
2989			ContentCollectionInstance.reloadContent();
2990		}
2991
2992		$('.slideshowOptions.nonEmpty').unbind('click').click(function (e) {
2993			var $this = $(this);
2994			// If the parent is a slider we need to tweak our "this" reference to refer to the options handle. 
2995			// This came about, because we needed to use slider images to trigger options. - JE
2996			if ($this.parent().hasClass('cpSlider')) {
2997				$this = $this.closest('.widget.slideShow').siblings('.handle.options');
2998			}
2999
3000			//Set values for global variables for slideshow.
3001			if ($this.attr('data-widgetID').length !== 0) {
3002				parentID_Slideshow = 'slideshow' + $this.attr('data-widgetID');
3003			}
3004			callbackfnSlideshowSave = null;
3005			var pageID = ContentCollectionInstance.PageID;
3006			var moduleID = ContentCollectionInstance.ModuleID;
3007			var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
3008			//Set slideshow widgetID
3009			ContentCollectionInstance.SlideshowWidgetID = $this.siblings('.widgetID').val();
3010			$popUp_Slideshow = openCpModal({
3011				title: 'Slideshow',
3012				className: 'newCP adminWrap cpPopOver admin modalSlideshow',
3013				isFrontEnd: false,
3014				useIframe: false,
3015				draggable: true,
3016				url: '/Slideshow/SlideshowConfiguration/' + $this.siblings('.slideShow').find('.hdnSlideshowUniqueID').val() + qs
3017			});
3018		});
3019
3020		$('.slideshowOptions.empty').unbind('click').click(function (e) {
3021			var $this = $(this);
3022			parentID_Slideshow = $this.parents('.slideShow').attr('id');
3023			var pageID = ContentCollectionInstance.PageID;
3024			var moduleID = ContentCollectionInstance.ModuleID;
3025			var qs = '?pageID=' + pageID + '&moduleID=' + moduleID;
3026			ContentCollectionInstance.SlideshowWidgetID = $(this).parents('.slideShow').attr('data-widgetID');
3027			$popUp_Slideshow = openCpModal({
3028				title: 'Slideshow',
3029				className: 'newCP adminWrap cpPopOver admin modalSlideshow',
3030				isFrontEnd: false,
3031				useIframe: false,
3032				draggable: true,
3033				url: '/Slideshow/SlideshowConfiguration/' + $(this).next('.hdnSlideshowUniqueID').val() + qs
3034			});
3035		});
3036	}
3037
3038	(function (){
3039		const widgetHandlers = function () {
3040			var hasEditRights = false;
3041			if (window.File && window.FileList && window.FileReader && hasEditRights) {
3042				var SlideshowWidget = 3;
3043				makeWidgetAreaDroppable('07619458-c7e3-4dd8-8a09-d0e67549525e', $('#slideshow' + '07619458-c7e3-4dd8-8a09-d0e67549525e'), SlideshowWidget, true, SlideshowWidgetCallback);
3044			}
3045
3046			if(hasEditRights)
3047				browserVersionNotCompatibleWithDragDropTextUpdate($('#slideshowPlaceholder' + '07619458-c7e3-4dd8-8a09-d0e67549525e'), 'Click to start adding images.');
3048		};
3049
3050		if (document.readyState === "complete"
3051			|| document.readyState === "loaded"
3052			|| document.readyState === "interactive") {
3053			widgetHandlers();
3054			return;
3055		}
3056
3057		document.addEventListener("DOMContentLoaded", widgetHandlers);		
3058	})();
3059</script>
3059
3060	</div> <!-- inner column -->
3061
3062	</div> <!-- inner row -->
3063
3064			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3065
3066
3067	</div>
3068</div></div>
3069</div><!-- Footer --><footer data-cpRole="structuralContainer" id="footerContainerTS">
3070<div class="siteWrap4"><div data-cpRole="contentContainer" id="footerTS">	<div id="ccff9af218-da96-4cd2-b08e-b7d38b7fb5ed" data-containerid="ff9af218-da96-4cd2-b08e-b7d38b7fb5ed" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile" data-contentcontainerbreakpoint="65">
3071				                
3072
3073		<div class="row outer wide"><!--
3074--><div class="outer col col6 first" style="" data-widgetcontainerid="674badab-c1d9-4ada-91db-46ab5bfe0629">�				
3075	<div class="row nest first last wide">�
3076	
3077	<div class="inner col col6 first last id311f10be-9ed5-4742-8c4b-ae7e03a7f01a" style="" data-widgetcontainerid="311f10be-9ed5-4742-8c4b-ae7e03a7f01a">�	
3078    <div data-widget-id="683b54b0-35c3-42e5-ae6d-bab401c3842d" data-widget-controller-path="/InfoAdvanced/Widget">
3079
3080
3081
3082
3083
3084	<section id="divInfoAdv683b54b0-35c3-42e5-ae6d-bab401c3842d" class="widget widgetInfoAdvanced skin98 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-label="Info Advanced">
3085			<header class="widgetHeader" id="header683b54b0-35c3-42e5-ae6d-bab401c3842d">
3086		<div class="">
3087								</div>
3088	</header>
3089	<div class="widgetBody  cpGrid cpGrid1 ">
3090		<div class="row  wide">
3091					<div class="col col1 first last">
3092						<ol class="pageStyles semanticList">
3093
3094<li class="InfoAdvanced widgetItem fr-view">
3095	<p><a href="/"><img src="/ImageRepository/Document?documentId=4946" class="fr-dib" alt="Berea Ohio Homepage"></a></p>
3096</li>						</ol>
3097					</div>
3098		</div>
3099	</div>
3100	<div class="widgetFooter">
3101
3102	</div>
3103
3104	</section>
3105
3106
3107
3108<script type="text/javascript">
3109	//Render slideshow if info advacned items contain one.
3110	$(document).ready(function (e) {
3111		$('#divInfoAdv683b54b0-35c3-42e5-ae6d-bab401c3842d .InfoAdvanced.widgetItem').each(function () {
3112			renderSlideshowIfApplicable($(this));		
3113		});
3114	});
3115</script>
3115</div>
3116	</div> <!-- inner column -->
3117
3118	</div> <!-- inner row -->
3119
3120			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="45c5a1be-afff-41b7-a5f4-fc57256f7f78">�				
3121	<div class="row nest first last wide">�
3122	
3123	<div class="inner col col1 first last id1dfd1928-553d-4113-a142-08c48338e947" style="" data-widgetcontainerid="1dfd1928-553d-4113-a142-08c48338e947">�	
3124
3125<div class="widget widgetSpacer" id="181c62be-9535-4910-b0d7-e2d48b38f559"></div>
3126	</div> <!-- inner column -->
3127
3128	</div> <!-- inner row -->
3129
3130			</div><!-- outer column --><!----><div class="outer col col4" style="" data-widgetcontainerid="497e3499-729c-46a5-bf2e-2155c4723413">�				
3131	<div class="row nest first last wide">�
3132	
3133	<div class="inner col col4 first last id2b070ef1-5f22-4f95-a75d-032f96ea83e0" style="" data-widgetcontainerid="2b070ef1-5f22-4f95-a75d-032f96ea83e0">�	
3134    <div data-widget-id="ee22cf69-4eb9-4c88-ad54-c878ae2d99c7" data-widget-controller-path="/InfoAdvanced/Widget">
3135
3136
3137
3138
3139
3140	<section id="divInfoAdvee22cf69-4eb9-4c88-ad54-c878ae2d99c7" class="widget widgetInfoAdvanced skin100 widgetOptionSet5 wide" data-modulewidgettype="infoAdv" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="headeree22cf69-4eb9-4c88-ad54-c878ae2d99c7">
3141			<header class="widgetHeader" id="headeree22cf69-4eb9-4c88-ad54-c878ae2d99c7">
3142		<div class="">
3143					<h3 >Contact Us</h3>
3144								</div>
3145	</header>
3146	<div class="widgetBody  cpGrid cpGrid1 ">
3147		<div class="row  wide">
3148					<div class="col col1 first last">
3149						<ol class="pageStyles semanticList">
3150
3151<li class="InfoAdvanced widgetItem fr-view">
3152	<p>City of Berea</p>
3153</li>
3154<li class="InfoAdvanced widgetItem fr-view">
3155	<p>11 Berea Commons</p>
3156</li>
3157<li class="InfoAdvanced widgetItem fr-view">
3158	<p>Berea, OH 44017</p>
3159</li>
3160<li class="InfoAdvanced widgetItem fr-view">
3161	<p>Phone: <a href="tel:4408265800">440-826-5800</a></p>
3162</li>
3163<li class="InfoAdvanced widgetItem fr-view">
3164	<p><a href="/directory.aspx">Contact Us</a></p>
3165</li>						</ol>
3166					</div>
3167		</div>
3168	</div>
3169	<div class="widgetFooter">
3170
3171	</div>
3172
3173	</section>
3174
3175
3176
3177<script type="text/javascript">
3178	//Render slideshow if info advacned items contain one.
3179	$(document).ready(function (e) {
3180		$('#divInfoAdvee22cf69-4eb9-4c88-ad54-c878ae2d99c7 .InfoAdvanced.widgetItem').each(function () {
3181			renderSlideshowIfApplicable($(this));		
3182		});
3183	});
3184</script>
3184</div>
3185	</div> <!-- inner column -->
3186
3187	</div> <!-- inner row -->
3188
3189			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="8aa9bebd-efbb-431f-bdfd-a2528f714374">�				
3190	<div class="row nest first last wide">�
3191	
3192	<div class="inner col col1 first last id783a1d60-8c10-48cc-911b-4d3e79bc9cdc" style="" data-widgetcontainerid="783a1d60-8c10-48cc-911b-4d3e79bc9cdc">�	
3193
3194<div class="widget widgetSpacer" id="efe1cfd9-0808-4298-97d8-dd5e098b087f"></div>
3195	</div> <!-- inner column -->
3196
3197	</div> <!-- inner row -->
3198
3199			</div><!-- outer column --><!----><div class="outer col col5" style="" data-widgetcontainerid="6e709bbe-b318-48ae-a637-180989fe115b">�				
3200	<div class="row nest first last wide">�
3201	
3202	<div class="inner col col5 first last id9e5ff21d-a0ed-4beb-a22c-af2b19d65366" style="" data-widgetcontainerid="9e5ff21d-a0ed-4beb-a22c-af2b19d65366">�	
3203	<div data-widget-id="490e194d-ce8a-4928-b385-9a7063dc21a4" data-widget-controller-path="/QuickLinks/Widget">
3204
3205
3206
3207
3208
3209
3210
3211
3212	<section id="widgetQuicklink490e194d-ce8a-4928-b385-9a7063dc21a4" class="widget widgetQuickLinks skin100 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader490e194d-ce8a-4928-b385-9a7063dc21a4">
3213			<header class="widgetHeader" id="quickLinksHeader490e194d-ce8a-4928-b385-9a7063dc21a4">
3214		<div class="">
3215					<h3><a  style="" href="/QuickLinks.aspx?CID=21,24" >Helpful Links</a></h3>
3216						</div>
3217	</header>
3218	<div class="widgetBody cpGrid cpGrid1 ">
3219        <div class="row  narrow">
3220				<div class="col col1 first last">
3221					<ol class="semanticList">
3222
3223    <li style="position:relative" class="widgetItem QuickLinks">
3224        <a class="widgetDesc widgetQuickLinksLink" href="/352/Codified-Ordinances" target="_self" >Berea Codified Ordinances</a>
3225        <div class="widgetMeta"></div>
3226    </li>
3227
3228    <li style="position:relative" class="widgetItem QuickLinks">
3229        <a class="widgetDesc widgetQuickLinksLink" href="https://www.ohioattorneygeneral.gov/" target="_blank"  aria-label="Ohio Attorney General opens in new window">Ohio Attorney General</a>
3230        <div class="widgetMeta"></div>
3231    </li>
3232
3233    <li style="position:relative" class="widgetItem QuickLinks">
3234        <a class="widgetDesc widgetQuickLinksLink" href="http://codes.ohio.gov/orc/" target="_self" >Ohio Revised Code</a>
3235        <div class="widgetMeta"></div>
3236    </li>
3237
3238    <li style="position:relative" class="widgetItem QuickLinks">
3239        <a class="widgetDesc widgetQuickLinksLink" href="/202/Coe-Lake" target="_self" >Coe Lake</a>
3240        <div class="widgetMeta"></div>
3241    </li>
3242
3243    <li style="position:relative" class="widgetItem QuickLinks">
3244        <a class="widgetDesc widgetQuickLinksLink" href="/204/Jason-Malone-Park" target="_self" >Jason Malone Park</a>
3245        <div class="widgetMeta"></div>
3246    </li>
3247					</ol>
3248				</div>
3249		</div>
3250        
3251	</div>
3252	<div class="widgetFooter">
3253	</div>
3254	<div class="addItemModal hidden">
3255		<div class="url hidden">/QuickLinks.aspx</div>
3256	</div>
3257
3258	</section>
3259</div>
3260
3261	</div> <!-- inner column -->
3262
3263	</div> <!-- inner row -->
3264
3265			</div><!-- outer column --><!----><div class="outer col col1" style="" data-widgetcontainerid="6a32bd4c-84fd-4a76-9a81-733cf697cf25">�				
3266	<div class="row nest first last wide">�
3267	
3268	<div class="inner col col1 first last id42034a6b-6ba2-4470-b94d-38ea254fe81d" style="" data-widgetcontainerid="42034a6b-6ba2-4470-b94d-38ea254fe81d">�	
3269
3270<div class="widget widgetSpacer" id="b8d925aa-1891-45aa-bb1d-3620e03e74df"></div>
3271	</div> <!-- inner column -->
3272
3273	</div> <!-- inner row -->
3274
3275			</div><!-- outer column --><!----><div class="outer col col6 last" style="" data-widgetcontainerid="ab0c5ff5-2e99-4487-9b4b-84696b37388d">�				
3276	<div class="row nest first last wide">�
3277	
3278	<div class="inner col col6 first last id077242ce-9a10-4a9f-adc3-425df4223bb0" style="" data-widgetcontainerid="077242ce-9a10-4a9f-adc3-425df4223bb0">�	
3279	<div data-widget-id="7b0772b4-2bb5-4e7d-b9c8-2afa4532713a" data-widget-controller-path="/QuickLinks/Widget">
3280
3281
3282
3283
3284
3285
3286
3287
3288	<section id="widgetQuicklink7b0772b4-2bb5-4e7d-b9c8-2afa4532713a" class="widget widgetQuickLinks skin100 widgetOptionSet26 narrow" data-modulewidgettype="quickLinks" data-elementqueryclasses='{"wide-narrow":"min-width:25em"}' data-elementquerymatch='matchMultiColumn' data-elementqueryunmatch='unmatchMultiColumn' aria-labelledby="quickLinksHeader7b0772b4-2bb5-4e7d-b9c8-2afa4532713a">
3289			<header class="widgetHeader" id="quickLinksHeader7b0772b4-2bb5-4e7d-b9c8-2afa4532713a">
3290		<div class="">
3291					<h3><a  style="" href="/QuickLinks.aspx?CID=25" >Site Links</a></h3>
3292						</div>
3293	</header>
3294	<div class="widgetBody cpGrid cpGrid1 ">
3295        <div class="row  narrow">
3296				<div class="col col1 first last">
3297					<ol class="semanticList">
3298
3299    <li style="position:relative" class="widgetItem QuickLinks">
3300        <a class="widgetDesc widgetQuickLinksLink" href="/" target="_self" >Home</a>
3301        <div class="widgetMeta"></div>
3302    </li>
3303
3304    <li style="position:relative" class="widgetItem QuickLinks">
3305        <a class="widgetDesc widgetQuickLinksLink" href="/sitemap" target="_self" >Site Map</a>
3306        <div class="widgetMeta"></div>
3307    </li>
3308
3309    <li style="position:relative" class="widgetItem QuickLinks">
3310        <a class="widgetDesc widgetQuickLinksLink" href="/directory" target="_self" >Contact Us</a>
3311        <div class="widgetMeta"></div>
3312    </li>
3313
3314    <li style="position:relative" class="widgetItem QuickLinks">
3315        <a class="widgetDesc widgetQuickLinksLink" href="/accessibility" target="_self" >Accessibility</a>
3316        <div class="widgetMeta"></div>
3317    </li>
3318
3319    <li style="position:relative" class="widgetItem QuickLinks">
3320        <a class="widgetDesc widgetQuickLinksLink" href="/site/copyright" target="_self" >Copyright Notices</a>
3321        <div class="widgetMeta"></div>
3322    </li>
3323					</ol>
3324				</div>
3325		</div>
3326        
3327	</div>
3328	<div class="widgetFooter">
3329	</div>
3330	<div class="addItemModal hidden">
3331		<div class="url hidden">/QuickLinks.aspx</div>
3332	</div>
3333
3334	</section>
3335</div>
3336
3337	</div> <!-- inner column -->
3338
3339	</div> <!-- inner row -->
3340
3341			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3342
3343
3344	</div>
3345</div><div data-cpRole="contentContainer" id="poweredByTS">	<div id="cc3e5b0ce8-4ef5-488b-be48-dbc74d754af5" data-containerid="3e5b0ce8-4ef5-488b-be48-dbc74d754af5" class="pageContent cpGrid cpGrid24 isLockedContainer showInMobile">
3346				                
3347
3348		<div class="row outer wide"><!--
3349--><div class="outer col col24 first last" style="" data-widgetcontainerid="7993430c-3488-4b96-9c1b-623e8cab0273">�				
3350	<div class="row nest first last wide">�
3351	
3352	<div class="inner col col24 first last idda550cde-0024-4c53-bc34-76aa3adb2050" style="" data-widgetcontainerid="da550cde-0024-4c53-bc34-76aa3adb2050">�	
3353 
3354	<div data-widget-id='56ca81e3-eb18-4b71-9d46-008c163c0a73' data-moduleName="customHtml" id='widgetCustomHtml56ca81e3-eb18-4b71-9d46-008c163c0a73' class="widget widgetCustomHtml skin103 narrow" >
3355	<div class="widgetBody pageStyles" id="widgetBody56ca81e3-eb18-4b71-9d46-008c163c0a73">
3356		<div id="customHtml56ca81e3-eb18-4b71-9d46-008c163c0a73"><div><style>
3357  /* CP icon */
3358  .cpBylineIconTS {
3359  }
3360  /* CP Text */
3361  .cpBylineTextTS,
3362  .cpBylineTextTS a:link {
3363
3364  }
3365
3366  .cpBylineTS {
3367    text-align: center;
3368  }
3369  
3370  .cpBylineIconTS {
3371    fill: currentColor;
3372    width: 39px;
3373    height: 26px;
3374    display: inline;
3375    vertical-align: middle;
3376  }
3377</style>
3378
3379<div class="widgetItem cpBylineTS">
3380  <svg xmlns="http://www.w3.org/2000/svg" viewbox="0 0 100 100" class="cpBylineIconTS">
3381    <path class="c" d="M73.4,23.2h-19v16.7h19c2.8,0,5,2.2,5,5c0,2.8-2.2,5-5,5h-19v28.4h5.5l11.3-11.7h2.2c11.9,0,21.6-9.7,21.6-21.6C95,33,85.3,23.2,73.4,23.2"></path>
3382    <path class="p" d="M45.8,66.5H26.6C14.7,66.5,5,56.8,5,44.9C5,33,14.7,23.2,26.6,23.2h19.1v16.7H26.6c-2.8,0-5,2.2-5,5c0,2.8,2.2,5,5,5h19.1V66.5z"></path>
3383  </svg>
3384  <span class="cpBylineTextTS">Government Websites by <a href="https://connect.civicplus.com/referral">CivicPlus&reg;</a></span>
3385</div>
3386</div></div>
3387	</div>
3388
3389	</div>
3390
3391	</div> <!-- inner column -->
3392
3393	</div> <!-- inner row -->
3394
3395			</div><!-- outer column --><!--		--></div> <!-- outer row -->
3396
3397
3398	</div>
3399</div></div>
3400</footer></div>
3401</div>
3402
3403
3404
3405
3406		<div id="banner2-96" style="display: none"></div>
3407			
3407<script type="text/javascript">
3408				$(window).on("load", function () {
3409					$.when(window.Pages.rwdSetupComplete)
3410						.done(function () {
3411							renderBanner('banner2-96',
3412								'banner2',
3413								{"BannerOptionID":96,"ThemeID":35,"SlotName":"banner2","Name":"Default","IsDefault":true,"BannerMode":1,"SlideShowSlideTiming":"5","SlideshowTransition":0,"SlideShowTransitionTiming":"1","ImageScale":true,"ImageAlignment":1,"ImageScroll":false,"MuteSound":true,"VideoType":0,"Status":40,"SlideshowControlsPosition":0,"SlideshowControlsAlignment":0,"SlideshowBannerControlsColorScheme":0,"DisplayVideoPauseButton":false,"VideoPauseButtonAlignment":1,"VideoPauseButtonControlsAlignment":0,"VideoPauseButtonStyle":"#FFFFFF","VideoPauseButtonBackgroundStyle":"#000000","VideoPauseButtonAlignmentClass":"alignRight viewport","DisplaySlideshowPauseButton":false,"SlideshowControlsColor":"#FFFFFF","SlideshowControlsBackgroundColor":"#000000","SlideshowPauseButtonClass":"isHidden","BannerImages":[{"BannerImageID":233,"BannerOptionID":96,"FileName":"/ImageRepository/Document?documentID=4190","Height":1018,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null}],"BannerVideos":[{"BannerVideoID":14,"BannerOptionID":96,"VideoFileName":"","ImageFileName":"EmptyBannerBkg202506101019496345.png","IsLink":false,"LinkAddress":null,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","VideoFileID":"00000000-0000-0000-0000-000000000000","ImageFileID":"00000000-0000-0000-0000-000000000000","VideoWidth":0,"VideoHeight":0,"ImageWidth":0,"ImageHeight":0,"LinkedVideoUrl":"","RecordStatus":0,"AltText":null}],"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/"},
3414								{"BannerImageID":233,"BannerOptionID":96,"FileName":"/ImageRepository/Document?documentID=4190","Height":1018,"Width":2600,"StartingOn":null,"StoppingOn":null,"IsLink":false,"LinkAddress":null,"Sequence":1,"RecordStatus":0,"ModifiedBy":0,"ModifiedOn":"\/Date(-62135575200000)\/","AltText":null},
3415								'/App_Themes/2025 - Home/Images/',
3416								'<img alt="" class="bannerObject" src="/ImageRepository/Document?documentID=4190" />');
3417						});
3418				});
3419			</script>
3419
3420
3421</div>
3422</div>
3423
3424            </div>
3425        </div>
3426    </div>
3427
3428<link href="/745732998.css" rel="stylesheet" type="text/css" />
3429
3430<div id="SplashMessageWrapper" class="cp-Splash-wrapper">
3431	<div role="dialog" aria-labelledby="cp-Splash-title" aria-describedby="editorContentDesc" aria-modal="true" tabindex="-1" id="SplashMessage" class="hidden cp-Splash cp-Splash--modal is-open">
3432		<div class="cp-Splash-header">
3433			<h2 class="cp-Splash-title" id="cp-Splash-title">Loading</h2>
3434			<button class="cp-Splash-Btn cp-Splash-close" aria-label="Close this modal" title="Close this window">
3435				<svg id="iconClose" viewBox="0 0 25 25">
3436					<polygon style="fill:currentcolor"
3437							 points="18.806,6.98 18.075,6.248 12.532,11.792 6.989,6.248 6.257,6.98 11.786,12.508 6.212,18.084 6.943,18.815 12.532,13.224 18.12,18.815 18.851,18.084 13.277,12.508"></polygon>
3438				</svg>
3439			</button>
3440		</div>
3441		<div class="cp-Splash-body">
3442			<div class="cp-Splash-Prose editorContent fr-view" id="editorContentDesc">
3443				<!-- Content from the Froala Editor will go here. -->
3444				Loading
3445			</div>
3446		</div>
3447		<div class="cp-Splash-footer">
3448			<button class="cp-Splash-Btn cp-Splash-Btn--NoShow">Do Not Show Again</button>
3449			<button class="cp-Splash-Btn cp-Splash-Btn--Close">Close</button>
3450		</div>
3451	</div>
3452</div>
3453
3454<script src="/Assets/Scripts/APIClient.js"></script>
vendor: 2 bytes, line 3454
3454
3455<script src="/Assets/Mystique/Shared/Scripts/Moment/Moment.min.js"></script>
vendor: 2 bytes, line 3455
3455
3456<script src="/Assets/Scripts/SplashModal/SplashModalRender.js"></script>
vendor: 2 bytes, line 3456
3456
3457<script>
3458
3459		$(document).ready(function () {
3460			var filter = {
3461				targetId: '1',
3462				targetType: 1
3463			}
3464
3465			new SplashModalRender().triggerRender(filter);
3466		});
3467</script>
3467
3468
3469
3470	
3471	
3472	
3473	
3474
3475
3476
3477	
3478
3479
3480
3481
3482
3483
3484    
3484<script src="/-1442400649.js" type="text/javascript"></script>
3484
3485    <!-- Fixed Nav Adjustment -->
3486<script>
3487  function getValueTS(elem, attr) {
3488    const val = elem.css(attr);
3489    if (val === undefined) return undefined;
3490    const num = parseInt(val, 10);
3491    if (num === NaN) return undefined;
3492    return num;
3493  }
3494
3495  function clampTS(number, min, max) {
3496    return Math.min(Math.max(number, min), max);
3497  }
3498
3499  function isPageEditingTS() {
3500    return (
3501      $("#doneEditing").length > 0 || // In live edit
3502      typeof DesignCenter !== "undefined" // In theme manager
3503    );
3504  }
3505
3506  const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/;
3507  function isTransparentTS(elem) {
3508    const bg = elem.css('background-color');
3509    if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false;
3510    const matchState = bg.match(bgColorRegexTS);
3511    if (!matchState || matchState.length !== 5) return false;
3512    const alpha = parseFloat(matchState[4], 10);
3513    if (!(alpha >= 0 && alpha < 1)) return false;
3514    return true;
3515  }
3516
3517  function iterateLeftpads(cb) {
3518    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
3519    for (let i = 0; i < containersTS.length; i++) {
3520      const containerTS = containersTS[i];
3521      // Skip the body container and anything with data-skip-leftpad
3522      if (
3523        containerTS.id !== "bodyContainerTS" &&
3524        containerTS.getAttribute('data-skip-leftpad') === null
3525      ) {
3526        cb(containerTS);
3527      }
3528    }
3529  }
3530
3531  const anchor = $("#divToolbars");
3532
3533  // Outer banner padding (push banner down)
3534  const outerSizingTS = $("#bannerContainerTS");
3535  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
3536  const innerSizingTS = $("#bannerSizingTS");
3537  const bodyContainerTS = $("#bodyContainerTS");
3538
3539  const forceUnfixClassTS = "forceUnfixTS";
3540
3541  const fixedTopTS = $(".fixedTopTS");
3542  const fixedBottomTS = $(".fixedBottomTS");
3543  const fixedLeftTS = $(".fixedLeftTS");
3544
3545  var initialTopTS;
3546  var topAttachTS;
3547  if (fixedTopTS && fixedTopTS.length === 1) {
3548    initialTopTS = getValueTS(fixedTopTS, 'top');
3549    const attachment = fixedTopTS.attr('data-attach');
3550    if (attachment) topAttachTS = $("#" + attachment);
3551    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
3552  }
3553
3554  function resizeAdjustmentTS() {
3555    const editing = isPageEditingTS();
3556
3557    // Fixed top script
3558    (function () {
3559      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;
3560
3561      if (editing) {
3562        fixedTopTS[0].classList.add(forceUnfixClassTS);
3563      } else {
3564        fixedTopTS[0].classList.remove(forceUnfixClassTS);
3565      }
3566
3567      const topPosition = fixedTopTS.css('position');
3568      if (topPosition === 'fixed') {
3569        if (topAttachTS) {
3570          scrollAdjustmentTS();
3571        } else {
3572          const anchorHeight = anchor.outerHeight() - 1;
3573          fixedTopTS.css('top', anchorHeight + initialTopTS);
3574        }
3575      } else {
3576        fixedTopTS.css('top', initialTopTS);
3577      }
3578
3579      if (topPosition === 'fixed' || topPosition === 'absolute') {
3580        // Bump the banner content down
3581        if (isTransparentTS(fixedTopTS)) {
3582          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1);
3583          outerSizingTS.css('padding-top', '');
3584
3585          try {
3586            window.Pages.onResizeHandlersExecute();
3587          } catch (e) { }
3588        } else {
3589          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
3590          innerSizingTS.css('padding-top', '');
3591        }
3592      } else {
3593        innerSizingTS.css('padding-top', '');
3594        outerSizingTS.css('padding-top', '');
3595      }
3596    })();
3597
3598    // Fixed bottom script
3599    (function () {
3600      if (!fixedBottomTS || fixedBottomTS.length === 0) return;
3601
3602      // If the widget has gone narrow, force unfix
3603      if (editing || fixedBottomTS.outerHeight() > 200) {
3604        fixedBottomTS[0].classList.add(forceUnfixClassTS);
3605      } else {
3606        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
3607      }
3608
3609      if (fixedBottomTS.css('position') === 'fixed') {
3610        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
3611      } else {
3612        bodyContainerTS.css('padding-bottom', '');
3613      }
3614    })();
3615
3616    // Fixed left script
3617    (function () {
3618      if (!fixedLeftTS || fixedLeftTS.length === 0) return;
3619
3620      if (editing) {
3621        fixedLeftTS[0].classList.add(forceUnfixClassTS);
3622      } else {
3623        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
3624      }
3625
3626      if (fixedLeftTS.css('position') === 'fixed') {
3627        const anchorHeight = anchor.outerHeight() - 1;
3628        fixedLeftTS.css('top', anchorHeight);
3629        const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
3630        iterateLeftpads(function (containerTS) {
3631          const containerBoundingTS = containerTS.getBoundingClientRect();
3632          if (containerBoundingTS.left <= leftBoundingTS.right) {
3633            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
3634          }
3635        });
3636      } else {
3637        fixedLeftTS.css('top', '');
3638        iterateLeftpads(function (containerTS) {
3639          $(containerTS).css('padding-left', '');
3640        });
3641      }
3642    })();
3643  }
3644
3645  function scrollAdjustmentTS() {
3646    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
3647    const topPosition = fixedTopTS.css('position');
3648    if (topPosition === 'fixed' || topPosition === 'absolute') {
3649      const anchorBounding = anchor[0].getBoundingClientRect();
3650      const attachBounding = topAttachTS[0].getBoundingClientRect();
3651      const scrollTop = $(window).scrollTop();
3652
3653      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
3654    } else {
3655      fixedTopTS.css('top', initialTopTS);
3656    }
3657  }
3658
3659  $(window).load(function () {
3660    setTimeout(function () {
3661      resizeAdjustmentTS();
3662    }, 350);
3663
3664    $(window).scroll(function () {
3665      scrollAdjustmentTS();
3666    });
3667
3668    var adjustTimeoutTS;
3669    $(window).resize(function () {
3670      clearTimeout(adjustTimeoutTS);
3671      adjustTimeoutTS = setTimeout(function () {
3672        resizeAdjustmentTS();
3673      }, 350);
3674    });
3675
3676    $.when(window.Pages.angularToolbarComplete).done(function () {
3677      resizeAdjustmentTS();
3678    });
3679  });
3680</script>
3680
3681<!-- End Fixed Nav Adjustment -->
3682<!-- Fixed Nav Adjustment -->
3683<script>
3684  function getValueTS(elem, attr) {
3685    const val = elem.css(attr);
3686    if (val === undefined) return undefined;
3687    const num = parseInt(val, 10);
3688    if (num === NaN) return undefined;
3689    return num;
3690  }
3691
3692  function clampTS(number, min, max) {
3693    return Math.min(Math.max(number, min), max);
3694  }
3695
3696  function isPageEditingTS() {
3697    return (
3698      $("#doneEditing").length > 0 || // In live edit
3699      typeof DesignCenter !== "undefined" // In theme manager
3700    );
3701  }
3702
3703  const bgColorRegexTS = /rgba\((\d+), (\d+), (\d+), (\d*\.?\d*)\)/;
3704  function isTransparentTS(elem) {
3705    const bg = elem.css('background-color');
3706    if (typeof bg !== "string" || !bg.startsWith('rgba(')) return false;
3707    const matchState = bg.match(bgColorRegexTS);
3708    if (!matchState || matchState.length !== 5) return false;
3709    const alpha = parseFloat(matchState[4], 10);
3710    if (!(alpha >= 0 && alpha < 1)) return false;
3711    return true;
3712  }
3713
3714  function iterateLeftpads(cb) {
3715    const containersTS = $("[class^='siteWrap'],[class*=' siteWrap']");
3716    for (let i = 0; i < containersTS.length; i++) {
3717      const containerTS = containersTS[i];
3718      // Skip the body container and anything with data-skip-leftpad
3719      if (
3720        containerTS.id !== "bodyContainerTS" &&
3721        containerTS.getAttribute('data-skip-leftpad') === null
3722      ) {
3723        cb(containerTS);
3724      }
3725    }
3726  }
3727
3728  const anchor = $("#divToolbars");
3729
3730  // Outer banner padding (push banner down)
3731  const outerSizingTS = $("#bannerContainerTS");
3732  // Inner banner padding (push banner content down) - Transparent header OR on attaching headers
3733  const innerSizingTS = $("#bannerSizingTS");
3734  const bodyContainerTS = $("#bodyContainerTS");
3735
3736  const forceUnfixClassTS = "forceUnfixTS";
3737
3738  const fixedTopTS = $(".fixedTopTS");
3739  const fixedBottomTS = $(".fixedBottomTS");
3740  const fixedLeftTS = $(".fixedLeftTS");
3741
3742  var initialTopTS;
3743  var topAttachTS;
3744  if (fixedTopTS && fixedTopTS.length === 1) {
3745    initialTopTS = getValueTS(fixedTopTS, 'top');
3746    const attachment = fixedTopTS.attr('data-attach');
3747    if (attachment) topAttachTS = $("#" + attachment);
3748    if (!topAttachTS || topAttachTS.length !== 1) topAttachTS = undefined;
3749  }
3750
3751  function resizeAdjustmentTS() {
3752    const editing = isPageEditingTS();
3753
3754    // Fixed top script
3755    (function () {
3756      if (!fixedTopTS || fixedTopTS.length !== 1 || initialTopTS === undefined) return;
3757
3758      if (editing) {
3759        fixedTopTS[0].classList.add(forceUnfixClassTS);
3760      } else {
3761        fixedTopTS[0].classList.remove(forceUnfixClassTS);
3762      }
3763
3764      const topPosition = fixedTopTS.css('position');
3765      if (topPosition === 'fixed') {
3766        if (topAttachTS) {
3767          scrollAdjustmentTS();
3768        } else {
3769          const anchorHeight = anchor.outerHeight() - 1;
3770          fixedTopTS.css('top', anchorHeight + initialTopTS);
3771        }
3772      } else {
3773        fixedTopTS.css('top', initialTopTS);
3774      }
3775
3776      if (topPosition === 'fixed' || topPosition === 'absolute') {
3777        // Bump the banner content down
3778        if (isTransparentTS(fixedTopTS)) {
3779          innerSizingTS.css('padding-top', initialTopTS + fixedTopTS.outerHeight() - 1);
3780          outerSizingTS.css('padding-top', '');
3781
3782          try {
3783            window.Pages.onResizeHandlersExecute();
3784          } catch (e) { }
3785        } else {
3786          outerSizingTS.css('padding-top', fixedTopTS.outerHeight() - 1);
3787          innerSizingTS.css('padding-top', '');
3788        }
3789      } else {
3790        innerSizingTS.css('padding-top', '');
3791        outerSizingTS.css('padding-top', '');
3792      }
3793    })();
3794
3795    // Fixed bottom script
3796    (function () {
3797      if (!fixedBottomTS || fixedBottomTS.length === 0) return;
3798
3799      // If the widget has gone narrow, force unfix
3800      if (editing || fixedBottomTS.outerHeight() > 200) {
3801        fixedBottomTS[0].classList.add(forceUnfixClassTS);
3802      } else {
3803        fixedBottomTS[0].classList.remove(forceUnfixClassTS);
3804      }
3805
3806      if (fixedBottomTS.css('position') === 'fixed') {
3807        bodyContainerTS.css('padding-bottom', fixedBottomTS.outerHeight());
3808      } else {
3809        bodyContainerTS.css('padding-bottom', '');
3810      }
3811    })();
3812
3813    // Fixed left script
3814    (function () {
3815      if (!fixedLeftTS || fixedLeftTS.length === 0) return;
3816
3817      if (editing) {
3818        fixedLeftTS[0].classList.add(forceUnfixClassTS);
3819      } else {
3820        fixedLeftTS[0].classList.remove(forceUnfixClassTS);
3821      }
3822
3823      if (fixedLeftTS.css('position') === 'fixed') {
3824        const anchorHeight = anchor.outerHeight() - 1;
3825        fixedLeftTS.css('top', anchorHeight);
3826        const leftBoundingTS = fixedLeftTS[0].getBoundingClientRect();
3827        iterateLeftpads(function (containerTS) {
3828          const containerBoundingTS = containerTS.getBoundingClientRect();
3829          if (containerBoundingTS.left <= leftBoundingTS.right) {
3830            $(containerTS).css('padding-left', leftBoundingTS.width + 16);
3831          }
3832        });
3833      } else {
3834        fixedLeftTS.css('top', '');
3835        iterateLeftpads(function (containerTS) {
3836          $(containerTS).css('padding-left', '');
3837        });
3838      }
3839    })();
3840  }
3841
3842  function scrollAdjustmentTS() {
3843    if (!fixedTopTS || fixedTopTS.length !== 1 || !topAttachTS || topAttachTS.length !== 1) return;
3844    const topPosition = fixedTopTS.css('position');
3845    if (topPosition === 'fixed' || topPosition === 'absolute') {
3846      const anchorBounding = anchor[0].getBoundingClientRect();
3847      const attachBounding = topAttachTS[0].getBoundingClientRect();
3848      const scrollTop = $(window).scrollTop();
3849
3850      fixedTopTS.css('top', Math.max(anchorBounding.bottom - 1, attachBounding.bottom));
3851    } else {
3852      fixedTopTS.css('top', initialTopTS);
3853    }
3854  }
3855
3856  $(window).load(function () {
3857    setTimeout(function () {
3858      resizeAdjustmentTS();
3859    }, 350);
3860
3861    $(window).scroll(function () {
3862      scrollAdjustmentTS();
3863    });
3864
3865    var adjustTimeoutTS;
3866    $(window).resize(function () {
3867      clearTimeout(adjustTimeoutTS);
3868      adjustTimeoutTS = setTimeout(function () {
3869        resizeAdjustmentTS();
3870      }, 350);
3871    });
3872
3873    $.when(window.Pages.angularToolbarComplete).done(function () {
3874      resizeAdjustmentTS();
3875    });
3876  });
3877</script>
3877
3878<!-- End Fixed Nav Adjustment -->
3879
3880
3881
3882
3883<!-- Move banner to outer wrap -->
3884<script>
3885  function moveBannerToOuterWrap() {
3886    if ($(".fixedBannerTS #bannerDivbanner2").length) {
3887      $(".fixedBannerTS #bannerDivbanner2").appendTo("#outer-wrap");
3888    } else {
3889      setTimeout(function () {
3890        moveBannerToOuterWrap();
3891      }, 500);
3892    }
3893  }
3894
3895  moveBannerToOuterWrap();
3896</script>
3896
3897
3898
3899    
3899<script type="text/javascript">
3900        $(function () {
3901            document.cookie = "responsiveGhost=0; path=/";
3902        });
3903        $(window).on("load", function () {
3904            $('body').addClass('doneLoading').removeClass('hideContent');
3905
3906            if ($('#404Content').length > 0)
3907                $('div#bodyWrapper').css('padding', '0px');
3908        });
3909    </script>
3909
3910
3911    <noscript>
3912        <style>
3913            body.hideContent {
3914                opacity: 1 !important;
3915            }
3916        </style>
3917    </noscript>
3918
3919        
3920<div style="display: none;">
3921	<svg xmlns="http://www.w3.org/2000/svg" style="display:none;">
3922
3923		<symbol id="iconArrow--left" viewbox="0 0 25 25">
3924			<title>Arrow Left</title>
3925			<polygon style="fill:currentcolor" points="18.044,25 19.498,23.545 8.409,12.454 19.408,1.455 17.954,0 5.502,12.452"></polygon>
3926		</symbol>
3927
3928		<symbol id="iconArrow--right" viewbox="0 0 25 25">
3929			<title>Arrow Right</title>
3930			<polygon style="fill:currentcolor" points="6.957,0 5.502,1.455 16.591,12.546 5.592,23.545 7.047,25 19.498,12.548"></polygon>
3931		</symbol>
3932
3933	</svg>
3934</div>
3935    
3935<script type="text/javascript">loadCSS('//fonts.googleapis.com/css?family=Montserrat:500,500italic,600,600italic,700,700italic,800,800italic,italic,regular|Poppins:100,100italic,200,200italic,300,300italic,500,500italic,600,600italic,700,700italic,800,800italic,900,900italic,italic,regular|');</script>
3935
3936    
3937
3938    <div class="hidden activeWidgetSkinComponentsOnPageJson">[]</div>
3939        <div style="display: none;">
3940            <svg xmlns="http://www.w3.org/2000/svg" style="display: none;">
3941                <symbol id="iconSlideshowArrowLeft" viewBox="0 0 22.68 40">
3942                    <title>Slideshow Left Arrow</title>
3943                    <g>
3944                        <path style="fill:currentcolor;" d="M20,40a2.67,2.67,0,0,1-1.9-.79L.79,21.9a2.68,2.68,0,0,1,0-3.79L18.1.79a2.68,2.68,0,1,1,3.79,3.79L6.47,20,21.89,35.42A2.68,2.68,0,0,1,20,40Z"></path>
3945                    </g>
3946                </symbol>
3947                <symbol id="iconSlideshowArrowRight" viewBox="0 0 22.68 40">
3948                    <title>Slideshow Right Arrow</title>
3949                    <g>
3950                        <path style="fill:currentcolor;" d="M2.68,0a2.67,2.67,0,0,1,1.9.79L21.89,18.1a2.68,2.68,0,0,1,0,3.79L4.58,39.21A2.68,2.68,0,0,1,.79,35.42L16.21,20,.79,4.58A2.68,2.68,0,0,1,2.68,0Z"></path>
3951                    </g>
3952                </symbol>
3953            </svg>
3954        </div>
3955    
3956	
3957	
3958
3959    <div id="root-picker-outlet"></div>
3960</body>
3961</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.